*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}.landing{margin:0;color:#152536;background:#eef4f8}.landing #public-introduction{max-width:none;margin:0;padding:0;font:16px/1.8 Cairo,system-ui,sans-serif;color:#152536}.landing a{color:inherit;text-decoration:none;margin:0!important}.landing button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #c45316;outline-offset:5px}.site-header{position:sticky;top:0;z-index:5;background:#eef4f8f5;border-bottom:1px solid #e8edf2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(5%,calc((100vw - 1240px)/2))}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;color:#0875d1!important}.brand img{border-radius:14px}.site-header nav,.header-actions{display:flex;align-items:center;gap:28px}.header-actions{gap:20px}.header-actions button{border:0;background:none;color:#536078}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 24px;border-radius:12px;font-weight:700;min-height:48px}.primary{background:#0875d1;color:white!important;box-shadow:0 8px 20px #0875d118}.primary:hover{background:#153d9f}.secondary{border:1px solid #cdd4e2;background:#fff}.hero{max-width:1240px;margin:auto;padding:90px 28px 70px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.03em;color:#b84e13;display:flex;align-items:center;gap:8px}.eyebrow span{width:8px;height:8px;background:#c45316;border-radius:50%}h1{font-size:clamp(48px,6vw,80px);line-height:1.3;letter-spacing:-.04em;margin:20px 0;color:#0875d1}h1 em{font-style:normal;color:#b84e13;position:relative}.lead{max-width:540px;color:#536078;font-size:18px;line-height:2}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.hero-notes{display:flex;flex-wrap:wrap;gap:20px;color:#536078;font-size:12px}.hero-art{position:relative;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#d4edf9 0%,#eef1f6 45%,transparent 70%)}.hero-logo{position:relative;border-radius:42px;box-shadow:0 20px 50px #253b491a;margin-bottom:-24px;z-index:1}.orbit{position:absolute;border:1px solid #d9dfdc;border-radius:50%;width:440px;height:440px}.orbit-two{width:340px;height:340px}.preview-card{position:relative;z-index:2;width:100%;max-width:405px;background:#fff;padding:26px;border:1px solid #e8edf2;border-radius:26px;box-shadow:0 24px 70px #15253614;transform:none}.preview-top{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.preview-icon{background:#fff0e3;padding:5px 12px;border-radius:10px;color:#b84e13}.preview-top small{margin-inline-start:auto;font-size:10px;color:#68748e;font-weight:400}.preview-card h2{font-size:20px;margin:16px 0 22px;color:#0875d1}.progress-label,.preview-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px}.progress-label strong{color:#0875d1}.progress{height:8px;border-radius:8px;background:#eef1f5;margin:10px 0 16px;overflow:hidden}.progress span{display:block;width:60%;height:100%;background:#78cf54;border-radius:8px}.avatars{display:flex;direction:ltr}.avatars i{font-style:normal;font-size:10px;background:#e7edf8;border:2px solid #fff;border-radius:50%;width:30px;height:30px;text-align:center;line-height:26px;margin-left:-6px}.avatars i:nth-child(2){background:#fff0e3}.floating-note{position:relative;z-index:3;background:white;border:1px solid #e8edf2;border-radius:12px;padding:12px 22px;color:#b84e13;font-size:13px;align-self:flex-end;margin-top:-8px;box-shadow:0 10px 30px #1525360c}.value-strip{border-block:1px solid #e8edf2;display:flex;justify-content:center;gap:12%;padding:24px;color:#536078;font-size:14px}.section{max-width:1240px;margin:auto;padding:80px 28px}.section h2,.closing h2{font-size:clamp(28px,3.5vw,42px);line-height:1.5;color:#0875d1;margin:12px 0}.section-lead{color:#536078;max-width:640px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.features article{padding:28px 22px;border:1px solid #e8edf2;background:#fff;border-radius:24px}.feature-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:#eef2fa;color:#0875d1;font-size:26px}.features article:nth-child(even) .feature-icon{background:#fff0e3;color:#b84e13}h3{font-size:18px;margin:18px 0 10px}.features p,.steps p,.privacy p{font-size:14px;color:#536078;margin:0}.how{border-top:1px solid #e8edf2;display:grid;grid-template-columns:1fr 2fr;gap:60px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step-number{font-size:30px;color:#b84e13;font-weight:700}.privacy{max-width:1184px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:28px 36px;border-radius:24px;background:#eef2f7}.privacy>span{font-size:40px;color:#0875d1}.privacy h3{margin-top:0;color:#0875d1}.closing{text-align:center;margin:70px 24px;padding:50px 24px;background:radial-gradient(ellipse,#d4edf9,transparent 70%)}.closing .eyebrow{justify-content:center}.closing p{color:#536078}.closing-login{display:inline-block;padding:14px 24px;color:#0875d1!important}footer{border-top:1px solid #e8edf2;padding:28px max(5%,calc((100vw - 1184px)/2));display:flex;align-items:center;gap:24px}footer p{font-size:12px;color:#536078}footer nav{margin-inline-start:auto;display:flex;gap:24px;font-size:12px}@media(max-width:1000px){.site-header nav{display:none}.hero{gap:24px}.features{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:1fr;gap:24px}.orbit{width:330px;height:330px}.orbit-two{width:270px;height:270px}}@media(max-width:650px){.site-header{padding:12px 20px;gap:12px}.brand{font-size:20px}.brand img{width:36px;height:36px}.header-actions{gap:12px;font-size:12px}.header-actions .button{display:none}.hero{grid-template-columns:1fr;padding:45px 24px;gap:20px}.hero-art{min-height:400px}.hero-logo{width:155px;height:155px}.features,.steps{grid-template-columns:1fr}.section{padding:50px 24px}.value-strip{gap:18px;font-size:11px;flex-wrap:wrap}.privacy{margin:0 24px;padding:24px;align-items:flex-start}.privacy>span{font-size:30px}footer{flex-wrap:wrap;padding:24px}footer nav{margin-inline-start:0;width:100%}.preview-card{transform:none}.hero-notes{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Give the main headline depth without changing Arabic letter shaping. */
.hero h1 {
  text-shadow: 0 4px 14px #0875d124;
}
.hero h1 span {
  color: #153d9f;
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .hero h1 span {
    background: linear-gradient(135deg, #0875d1 15%, #153d9f 65%, #0875d1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}
@media (forced-colors: active) {
  .hero h1 { text-shadow: none; }
  .hero h1 span { background: none; color: CanvasText; }
}