/* ثبّت · الصفحة العامة — «الرادار الليلي» + «الخط الكبير» / public landing: night radar + big type */
body.ld-on{
  --ld-bg:#070E10; --ld-card:#0C1719; --ld-card2:#101C1F; --ld-line:#1F3236; --ld-ink:#E7F2EE; --ld-mut:#9DB4B1;
  --ld-in:#4FE3C1; --ld-in-ink:#06211D; --ld-out:#FFB454;
  background:var(--ld-bg); color:var(--ld-ink);
}
body.ld-on .top{background:rgba(7,14,16,.86);border-bottom:1px solid var(--ld-line);color:var(--ld-ink);backdrop-filter:blur(8px)}
body.ld-on .top .btn{background:transparent;color:var(--ld-ink);border-color:var(--ld-line)}
body.ld-on .top .brand i{color:var(--ld-in)}
.ld{font-family:'IBM Plex Sans Arabic',Tajawal,system-ui,sans-serif;overflow-x:hidden;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
html[dir=ltr] .ld{font-family:'IBM Plex Sans','IBM Plex Sans Arabic',system-ui,sans-serif}
.ld .wrap{max-width:1180px;margin:0 auto;box-sizing:border-box}
.ld a{color:var(--ld-in)}
.ld-nav{display:flex;gap:22px;align-items:center;justify-content:flex-end;padding-top:14px;font-size:15px}
.ld-nav a{color:var(--ld-mut);text-decoration:none}.ld-nav a:hover{color:var(--ld-ink)}
.ld-lang{border:1px solid var(--ld-line);background:transparent;color:var(--ld-ink);border-radius:999px;padding:6px 14px;font:inherit;cursor:pointer}
@media (max-width:640px){.ld-nav a{display:none}}

/* hero */
.ld-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);gap:40px;align-items:start;padding-top:18px;padding-bottom:40px}
.ld-brand{font-size:clamp(84px,15vw,210px);font-weight:700;line-height:1;margin:0;letter-spacing:-.02em;color:var(--ld-ink)}
html[dir=ltr] .ld-brand{font-size:clamp(64px,10vw,150px)}
.ld-hero .ld-copy{min-width:0}
.ld-promise{font-size:clamp(28px,4.4vw,52px);font-weight:700;line-height:1.25;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:.35em}
.ld-promise span:nth-child(1){color:var(--ld-out)}.ld-promise span:nth-child(2){color:var(--ld-ink)}.ld-promise span:nth-child(3){color:var(--ld-in)}
.ld-promise span{animation:ldUp .6s both;animation-delay:calc(var(--i) * 180ms + 150ms)}
@keyframes ldUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ld-sub{font-size:clamp(16px,1.6vw,20px);color:#B4C8C5;line-height:1.7;max-width:640px;margin:16px 0 0}
.ld-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.ld-btn{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;border-radius:999px;border:1px solid #2F474B;color:var(--ld-ink)!important;text-decoration:none;font-size:17px;font-weight:500}
.ld-btn.pri{background:var(--ld-in);color:var(--ld-in-ink)!important;border-color:var(--ld-in);font-weight:700}
.ld-btn:hover{filter:brightness(1.08)}

/* radar */
.ld-radar{margin:28px 0 0;max-width:420px}
.ld-radar svg{width:100%;height:auto;display:block;overflow:visible}
.ld-radar .rg{fill:none;stroke:var(--ld-line);stroke-width:1.5}
.ld-radar .rg.in{stroke:var(--ld-out);stroke-dasharray:6 6;stroke-width:2}
.ld-radar .sweep path{fill:rgba(79,227,193,.14)}
.ld-radar .sweep{transform-origin:0 0;animation:ldSweep 4.8s linear infinite}
@keyframes ldSweep{to{transform:rotate(360deg)}}
.ld-radar .site circle{fill:var(--ld-in)}
.ld-radar .site .fp{color:var(--ld-in-ink)}
.ld-radar .dots circle{transition:fill .3s}
.ld-radar .dots .out{fill:var(--ld-out)}.ld-radar .dots .in{fill:var(--ld-in)}
.ld-radar figcaption{display:flex;gap:18px;justify-content:center;font-size:14px;color:var(--ld-mut);margin-top:8px}
.ld-radar .k{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:6px;vertical-align:middle}
.ld-radar .k.in{background:var(--ld-in)}.ld-radar .k.out{background:var(--ld-out)}

/* the original sign-in card, restyled dark */
.ld-login{position:sticky;top:76px;background:var(--ld-card);border:1px solid var(--ld-line);border-radius:24px;padding:18px}
.ld-login-h{font-weight:700;font-size:17px;margin-bottom:6px}
.ld-login .wrap{padding:0!important}
.ld-login .screen-pad{max-width:none;padding:0;gap:12px}
.ld-login .hero-logo,.ld-login .screen-pad>h1,.ld-login .screen-pad>p.center{display:none}
.ld-login .card{background:var(--ld-card2);border-color:var(--ld-line);color:var(--ld-ink)}
.ld-login .muted{color:var(--ld-mut)}
.ld-login .btn{background:var(--ld-card2);color:var(--ld-ink);border-color:#2F474B}
.ld-login .btn.pri{background:var(--ld-in);color:var(--ld-in-ink);border-color:var(--ld-in);font-weight:700}
.ld-login details,.ld-login summary{color:var(--ld-ink)}

/* sections */
.ld-sec{padding-top:56px}
.ld-sec h2{font-size:clamp(26px,3.4vw,42px);line-height:1.3;margin:0 0 10px}
.ld-sec>p,.ld-split p{color:#B4C8C5;font-size:17px;line-height:1.7;max-width:720px;margin:0 0 20px}
.ld-how{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ld-how li{background:var(--ld-card);border:1px solid var(--ld-line);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:6px}
.ld-how .n{font-family:'IBM Plex Mono',monospace;font-size:44px;line-height:1;color:var(--ld-in)}
.ld-how li:nth-child(1) .n{color:var(--ld-out)}.ld-how li:nth-child(2) .n{color:var(--ld-ink)}
.ld-how li>b:not(.n){font-size:22px}.ld-how span{color:var(--ld-mut);line-height:1.7}

.ld-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:30px;align-items:center}
.ld-note{color:var(--ld-mut);font-size:13px}
.ld-hand{position:relative;height:460px;border-radius:28px;background:linear-gradient(180deg,#0C1D20,#0A1416);border:1px solid var(--ld-line);overflow:hidden}
.ld-site-bg{position:absolute;inset:auto 0 0 0;width:100%;height:70%;fill:none;stroke:#1F3236;stroke-width:3}
.ld-phone{position:absolute;left:50%;top:34px;width:220px;height:440px;transform:translateX(-50%) rotate(-6deg);background:#05090A;border-radius:34px;border:3px solid #2F474B;padding:12px;box-sizing:border-box;box-shadow:0 30px 60px #0009}
.ld-notch{width:70px;height:16px;border-radius:10px;background:#000;margin:0 auto 8px}
.ld-scr{background:#0A1E1C;border-radius:24px;height:calc(100% - 24px);padding:14px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;text-align:center}
.ph-top{text-align:start}.ph-top b{display:block;font-size:14px}.ph-top small{color:#A9CFC6;font-size:11px}
.ph-ok{background:#123a33;border-radius:10px;font-size:11px;padding:6px;color:#A9F0DD}
.ph-num{font-family:'IBM Plex Mono',monospace;font-size:54px;font-weight:600;color:var(--ld-in);line-height:1;margin-top:8px}.ph-num small{font-size:18px}
.ph-btn{margin:auto auto 0;width:118px;height:118px;border-radius:50%;background:var(--ld-in);color:var(--ld-in-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:700;font-size:13px;box-shadow:0 0 0 10px rgba(79,227,193,.15)}
.ph-btn svg{width:44px;height:44px}
.ph-cant{font-size:11px;color:var(--ld-in);margin-bottom:4px}
.ld-thumb{position:absolute;width:200px;left:calc(50% - 40px);bottom:-60px;fill:#C99B7A;opacity:.95}
html[dir=rtl] .ld-thumb{left:auto;right:calc(50% - 40px);transform:scaleX(-1)}

.ld-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.ld-tabs button{border:1px solid var(--ld-line);background:transparent;color:var(--ld-mut);border-radius:999px;padding:9px 18px;font:inherit;font-size:15px;cursor:pointer}
.ld-tabs button[aria-selected=true]{background:var(--ld-ink);color:var(--ld-bg);border-color:var(--ld-ink);font-weight:700}
.ld-player{background:#000;border-radius:20px;overflow:hidden;border:1px solid var(--ld-line);max-width:960px}
.ld-player video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.ld-player.tall{max-width:360px}.ld-player.tall video{aspect-ratio:9/16}

.ld-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ld-f{background:var(--ld-card);border:1px solid var(--ld-line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px}
.ld-f b{font-size:17px}.ld-f span{color:var(--ld-mut);font-size:14.5px;line-height:1.65}
.ld-cta{text-align:center}.ld-cta p{margin-inline:auto}.ld-cta .ld-ctas{justify-content:center}
.ld-foot{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;justify-content:space-between;border-top:1px solid var(--ld-line);margin-top:56px;padding-top:22px;color:var(--ld-mut);font-size:14px}
.ld-foot>b{font-size:22px;color:var(--ld-ink)}
.ld-links{display:flex;gap:16px;flex-wrap:wrap}.ld-links a{color:var(--ld-mut)}

@media (max-width:999px){
  .ld-hero{grid-template-columns:minmax(0,1fr);gap:22px}
  .ld-login{position:static;order:2}
  .ld-copy{display:contents}
  .ld-brand{order:0}.ld-promise{order:0}.ld-sub{order:1}.ld-ctas{order:1}
  .ld-radar{order:3;margin-inline:auto;width:min(360px,100%)}
  .ld-feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ld-split{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .ld-how{grid-template-columns:minmax(0,1fr)}
  .ld-feats{grid-template-columns:minmax(0,1fr)}
  .ld-sec{padding-top:40px}
  .ld-hand{height:420px}
}
@media (prefers-reduced-motion:reduce){
  .ld-radar .sweep{animation:none}
  .ld-promise span{animation:none}
}