:root{color-scheme:dark;font-family:"Noto Sans Arabic",Inter,system-ui,sans-serif;--ink:#061b23;--navy:#03161d;--cyan:#5ee7dd;--gold:#e9bd61;--paper:#f3f8f8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}button,a{font:inherit}button{cursor:pointer}a{color:inherit}
.site-header{position:sticky;z-index:50;top:0;display:flex;align-items:center;gap:1.5rem;min-height:74px;padding:.75rem clamp(1rem,4vw,4rem);color:#fff;background:rgba(3,22,29,.94);border-bottom:1px solid rgba(94,231,221,.2);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;direction:ltr;margin-inline-end:auto}.brand-mark{display:grid;place-items:center;width:42px;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:700 24px Georgia,serif}.brand span:last-child{display:grid}.brand b{letter-spacing:.08em}.brand small{color:#b9d0d3;direction:rtl;font-size:.72rem}
.top-nav{display:flex;gap:1.2rem}.top-nav a{text-decoration:none;color:#d9e8e9;font-size:.9rem}.top-nav a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:.55rem}.quick-link,.lang-toggle{border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:.55rem .8rem;text-decoration:none;color:#fff;background:rgba(255,255,255,.06)}.quick-link{display:flex;align-items:center;gap:.35rem}.quick-link.store{border-color:rgba(233,189,97,.55)}.quick-link.emergency{background:#7f251f;border-color:#ff8c83}.lang-toggle{min-width:45px}
.intro{display:grid;justify-items:center;padding:clamp(2.5rem,6vw,5.5rem) 1rem clamp(2rem,4vw,3.5rem);text-align:center;background:linear-gradient(180deg,#062630,#0a3c43);color:#fff}.eyebrow{margin:0;color:var(--gold);font-size:.76rem;font-weight:800;letter-spacing:.2em}.intro h1{max-width:900px;margin:.7rem 0;font-size:clamp(2rem,5vw,4.8rem);line-height:1.1;text-wrap:balance}.intro>p:not(.eyebrow){max-width:760px;margin:.5rem auto 1.4rem;color:#c7dadd;line-height:1.9;font-size:clamp(1rem,1.5vw,1.2rem)}.intro-actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.primary-cta,.secondary-cta{padding:.8rem 1.15rem;border-radius:.7rem;text-decoration:none;font-weight:750}.primary-cta{background:var(--gold);color:#12252b}.secondary-cta{border:1px solid #6d999f;color:#fff;background:transparent}
.audience-strip{padding:clamp(2rem,5vw,4rem) clamp(1rem,5vw,5rem);background:#f3f8f8}.section-heading{text-align:center;margin:0 auto 1.5rem;max-width:800px}.section-heading>span{color:#087c75;font-weight:800;font-size:.76rem;letter-spacing:.1em}.section-heading h2{margin:.35rem 0;font-size:clamp(1.55rem,3vw,2.65rem)}.section-heading p{line-height:1.8;color:#bdd0d3}.section-heading.light{color:#fff;position:relative;z-index:2;padding:2.2rem 1rem 0}.section-heading.light>span{color:var(--gold)}.audience-list{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.audience-chip{display:flex;align-items:center;gap:.5rem;min-height:46px;padding:.65rem .9rem;border:1px solid #bdd3d5;border-radius:999px;color:#12333a;background:#fff}.audience-chip:hover,.audience-chip[aria-pressed=true]{color:#fff;background:#087c75;border-color:#087c75}.audience-result{min-height:1.5em;margin:1rem 0 0;text-align:center;color:#315c63;font-weight:650}
.ecosystem-section{background:var(--navy);padding-bottom:2rem}.safesat-orbital{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:clamp(780px,72vw,1040px);color:#fff;background:#020b12;direction:ltr}.space-bg,.vignette{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.space-bg{z-index:-3}.vignette{z-index:-2;background:radial-gradient(circle at center,transparent 15%,rgba(0,16,24,.08) 48%,rgba(0,5,10,.67) 100%)}
.safe-moon{position:absolute;z-index:4;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:clamp(180px,20vw,310px);aspect-ratio:1;padding:0;border:0;border-radius:50%;color:#fff;text-align:center;background:transparent;text-shadow:0 2px 14px #001b25}.safe-moon:focus-visible{outline:4px solid #fff;outline-offset:8px}.safe-moon strong{font:600 clamp(24px,3.1vw,50px)/1 Georgia,serif;letter-spacing:.13em}.safe-moon span{margin-top:.5rem;font-size:clamp(8px,1vw,15px);letter-spacing:.4em}.safe-moon small{margin-top:.6rem;font-size:clamp(8px,.9vw,13px);letter-spacing:.08em;color:#f0d690}
.orbit{position:absolute;z-index:0;left:50%;top:50%;translate:-50% -50%;border:2px solid;border-radius:50%;filter:drop-shadow(0 0 7px currentColor);opacity:.82}.orbit-inner{width:50%;height:50%;color:#e8b657}.orbit-middle{width:70%;height:68%;color:#42d9d1}.orbit-outer{width:88%;height:82%;color:#e8b657}.planet-layer,.arrow-layer{position:absolute;inset:0}
.planet{--size:clamp(60px,5.9vw,92px);position:absolute;z-index:6;width:var(--size);translate:-50% -50%;padding:0;border:0;color:#fff;text-align:center;background:transparent;outline:none;will-change:left,top;direction:ltr}.planet-disc{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;margin:auto;border:2px solid var(--planet-color,#f1d18d);border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.45),color-mix(in srgb,var(--planet-color,#31c7c2) 68%,#04141b) 44%,#00131b);box-shadow:0 0 18px color-mix(in srgb,var(--planet-color,#31c7c2) 70%,transparent),inset 0 0 20px rgba(255,255,255,.18);transition:scale .25s,filter .25s}.planet-icon{font-size:clamp(24px,2.5vw,39px);filter:grayscale(1) brightness(3)}.access-lock{position:absolute;inset-inline-end:-3px;inset-block-end:0;display:grid;place-items:center;width:22px;aspect-ratio:1;border-radius:50%;background:#071a21;border:1px solid #fff;font-size:11px}.planet-code{display:block;margin-top:.3rem;font:700 clamp(15px,1.45vw,22px)/1 Georgia,serif;letter-spacing:.04em}.planet-name{display:block;margin:.25rem 50% 0;translate:50% 0;width:max-content;max-width:235px;padding:.25rem .48rem;border-radius:.35rem;background:rgba(0,8,13,.86);font-size:clamp(10px,.85vw,14px);font-weight:650;line-height:1.35;text-wrap:balance;box-shadow:0 2px 8px rgba(0,0,0,.5)}.planet:is(:hover,:focus-visible),.planet.is-recommended{z-index:14}.planet:is(:hover,:focus-visible) .planet-disc,.planet.is-recommended .planet-disc{scale:1.14;filter:brightness(1.3)}.planet.is-dimmed{opacity:.58}.planet:focus-visible .planet-disc{outline:3px solid #fff;outline-offset:4px}.orbit-arrow{position:absolute;z-index:2;translate:-50% -50%;color:#fff1b4;font-size:clamp(16px,1.8vw,28px);text-shadow:0 0 10px currentColor}.motion-toggle{position:absolute;z-index:20;right:1rem;bottom:1rem;padding:.65rem 1rem;border:1px solid #7de5dd;border-radius:999px;color:#fff;background:rgba(0,25,32,.86)}.direction-note{position:absolute;z-index:5;left:1rem;bottom:.6rem;margin:0;color:#d5e7e5;font-size:12px;direction:rtl}
.mobile-planets{display:none}.planet-panel[hidden]{display:none}.planet-panel{position:fixed;z-index:100;inset:0}.panel-backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(0,10,14,.76);backdrop-filter:blur(5px)}.panel-card{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(450px,94vw);overflow:auto;padding:3.2rem 2rem 2rem;background:#f7fbfb;color:#09252c;box-shadow:0 0 40px #000;direction:rtl}.panel-close{position:absolute;top:1rem;inset-inline-end:1rem;width:40px;aspect-ratio:1;border:1px solid #b8cfd1;border-radius:50%;background:#fff;font-size:1.7rem}.panel-icon{display:grid;place-items:center;width:68px;aspect-ratio:1;border-radius:50%;color:#fff;background:#087c75;font-size:2rem}.panel-status{display:inline-block;margin:1rem 0 .4rem;padding:.3rem .6rem;border-radius:999px;background:#dff3f1;color:#12635f;font-size:.78rem;font-weight:800}.panel-status.restricted{background:#fff0d6;color:#784d00}.panel-card h2{margin:.3rem 0 .2rem;font-size:2rem}.panel-name-en{margin:0;color:#3a6066;font-weight:700;direction:ltr;text-align:right}.panel-description{line-height:1.9}.panel-for{padding:.8rem;border-inline-start:3px solid var(--gold);background:#edf4f4;line-height:1.7}.panel-children{display:grid;gap:.45rem;margin:1rem 0}.child-pill{padding:.55rem .7rem;border:1px solid #cfe0e1;border-radius:.55rem;background:#fff}.panel-link{display:block;margin-top:1.2rem;padding:.85rem 1rem;border-radius:.65rem;text-align:center;text-decoration:none;color:#fff;background:#087c75;font-weight:800}.panel-link.is-disabled{pointer-events:none;color:#64777a;background:#dfe8e9}
footer{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.5rem;color:#d8e8e9;background:#021015;text-align:center}footer b{color:var(--gold);letter-spacing:.08em}
@media(max-width:980px){.top-nav{display:none}.quick-link span:last-child{display:none}.site-header{gap:.65rem}.brand{margin-inline-end:auto}}
@media(max-width:760px){.site-header{min-height:66px;padding:.65rem .8rem}.brand small{display:none}.intro{padding-top:2.4rem}.safesat-orbital{min-height:620px}.safe-moon{top:50%;width:38vw}.orbit{top:50%}.orbit-inner{width:64%;height:46%}.orbit-middle{width:86%;height:65%}.orbit-outer{width:112%;height:82%}.planet{--size:50px}.planet-name{display:none}.planet-code{font-size:11px}.direction-note{display:none}.motion-toggle{font-size:.78rem;padding:.5rem .7rem}.mobile-planets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:1rem}.mobile-card{display:flex;align-items:center;gap:.65rem;min-height:68px;padding:.7rem;border:1px solid #18434c;border-radius:.8rem;color:#fff;background:#0a2831;text-align:start}.mobile-card b{display:block}.mobile-card small{display:block;color:#a8c3c7}.mobile-icon{display:grid;place-items:center;flex:0 0 42px;aspect-ratio:1;border-radius:50%;background:#087c75}.panel-card{padding-inline:1.3rem}}
@media(max-width:430px){.brand b{font-size:.82rem}.brand-mark{width:36px}.audience-list{display:grid;grid-template-columns:1fr 1fr}.audience-chip{justify-content:center;border-radius:.7rem;font-size:.83rem;padding:.5rem}.mobile-planets{grid-template-columns:1fr}.quick-link{padding:.5rem}.lang-toggle{min-width:40px;padding:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-toggle{display:none}.planet-disc{transition:none}}