:root { --bg:#09090d; --panel:#0d0d14; --text:#f2eff7; --muted:#aaa5b8; --violet:#8d27ff; --violet-bright:#c27cff; --gold:#e6ab2c; --line:rgba(255,255,255,.13); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:'Space Grotesk', sans-serif; min-height:100vh; overflow-x:hidden; }
body:before { content:""; position:fixed; inset:0; background:radial-gradient(circle at 78% 23%,rgba(86,26,157,.2),transparent 28%),radial-gradient(circle at 15% 80%,rgba(121,24,226,.09),transparent 30%); pointer-events:none; }
.noise { position:fixed; inset:0; opacity:.035; pointer-events:none; z-index:10; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); }
.orb { position:fixed; border-radius:50%; filter:blur(90px); opacity:.2; pointer-events:none; }.orb-one { width:260px;height:260px;background:#6320bb;right:-100px;top:28%; }.orb-two { width:180px;height:180px;background:#a87218;left:-80px;bottom:8%;opacity:.1; }
.site-header { height:92px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid var(--line); position:relative; z-index:5; }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--text); }.brand-mark { width:42px;height:42px;display:grid;place-items:center;overflow:visible; }.brand-mark img { width:42px;height:42px;display:block;object-fit:contain; }.brand-name { letter-spacing:.22em;font-weight:600;font-size:14px; }
.main-nav { display:flex; gap:35px; position:absolute; left:50%; transform:translateX(-50%); }.nav-link,.text-button { font:inherit; border:0;background:none;color:var(--muted);cursor:pointer; }.nav-link { font-family:'DM Mono',monospace;font-size:11px; letter-spacing:.05em; transition:color .25s; }.nav-link span { color:#65616e;margin-right:8px; }.nav-link:hover,.nav-link.active { color:#fff; }.nav-link.active span { color:var(--violet-bright); }
.header-tools { display:flex;align-items:center;gap:22px; }.language-toggle { border:1px solid var(--line);background:transparent;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.08em;padding:8px 10px;cursor:pointer;transition:.25s; }.language-toggle:hover { color:var(--text);border-color:var(--violet-bright); }.language-label { color:var(--violet-bright);font-family:Arial,sans-serif;font-size:13px;margin-right:5px; }.header-cta { text-decoration:none;color:var(--text);font-size:12px;letter-spacing:.08em;border-bottom:1px solid var(--violet-bright);padding-bottom:5px; }.header-cta span,.button span { color:var(--violet-bright); margin-left:8px; }
.panel { display:none; min-height:calc(100vh - 92px); position:relative; padding:6.5vh 8vw 4vh; }.panel.active { display:block; animation:fadeIn .55s ease both; } @keyframes fadeIn { from {opacity:0;transform:translateY(10px)} to {opacity:1;transform:none} }
.eyebrow { font:11px 'DM Mono',monospace; text-transform:uppercase;letter-spacing:.15em;color:#a8a1b9;display:flex;align-items:center;gap:10px; }.pulse { display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--violet-bright);box-shadow:0 0 13px var(--violet-bright); }
h1,h2,h3,p { margin-top:0; } h1,h2 { letter-spacing:-.065em; line-height:.9; font-weight:600; } h1 { font-size:clamp(70px,10vw,156px); margin:3vh 0 3.8vh; } h2 { font-size:clamp(60px,8.5vw,124px); margin:3vh 0 0; } h1 em,h2 em { font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(242,239,247,.65); }
.home-copy { position:relative;z-index:2;width:54%; }.hero-text { color:var(--muted);line-height:1.65;max-width:395px;font-size:15px; }.hero-actions { display:flex;align-items:center;gap:27px;margin-top:39px; }.button { border:0;text-decoration:none;cursor:pointer;font:12px 'DM Mono',monospace;letter-spacing:.07em;text-transform:uppercase;display:inline-block; }.button-primary { background:var(--text); color:#0c0b10; padding:16px 20px; transition:.25s; }.button-primary:hover { background:#cfa3ff; }.text-button { font:12px 'DM Mono',monospace;letter-spacing:.04em;color:var(--muted); }.text-button span { color:var(--violet-bright);padding-left:8px; }
.hero-art { position:absolute; right:4vw; top:4vh; width:min(51vw,680px);height:min(74vh,720px);display:grid;place-items:center; }.hero-art img { width:87%;height:87%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(116,34,239,.28));animation:float 7s ease-in-out infinite; } @keyframes float {50% { transform:translateY(-10px) rotate(1deg); } }
.art-ring { position:absolute;border:1px solid rgba(169,84,255,.34);border-radius:50%; }.ring-one { width:74%;height:74%;border-top-color:transparent;transform:rotate(-35deg); }.ring-two { width:96%;height:96%;border-color:rgba(255,255,255,.09);border-left-color:transparent;transform:rotate(18deg); }.art-crosshair {position:absolute;background:var(--violet);box-shadow:0 0 12px var(--violet);}.crosshair-a{width:14px;height:14px;border-radius:50%;top:13%;right:13%;}.crosshair-b{width:8px;height:8px;border-radius:50%;bottom:19%;left:10%;}.art-label { position:absolute;font:10px 'DM Mono',monospace;letter-spacing:.14em;color:#8a8496; }.label-top {right:5%;top:16%;}.label-bottom {left:3%;bottom:19%;line-height:1.8;}.label-bottom strong {color:var(--gold);font-weight:400;}
.home-footer { position:absolute;bottom:4vh;left:8vw;right:8vw;display:flex;gap:8vw;border-top:1px solid var(--line);padding-top:17px; }.footer-stat {display:flex;gap:13px;font:10px 'DM Mono',monospace;line-height:1.6;color:#777182;text-transform:uppercase;letter-spacing:.05em;}.footer-stat strong {font-size:11px;color:var(--violet-bright);font-weight:400;}.scroll-note { margin-left:auto;font:10px 'DM Mono',monospace;color:#777182;text-transform:uppercase;align-self:flex-start; }.scroll-note span {color:var(--violet-bright);font-size:14px;padding-left:10px;}
.content-panel { padding-top:10vh; }.section-intro { max-width:700px; }.about-grid { margin-top:12vh;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:7vw;align-items:start; }.large-copy { font-size:clamp(23px,2.6vw,37px);line-height:1.2;letter-spacing:-.035em; }.detail-block {border-top:1px solid var(--line);padding-top:14px;display:flex;gap:14px;color:var(--muted);font-size:13px;line-height:1.65;}.detail-index {color:var(--violet-bright);font:12px 'DM Mono',monospace;}.marquee {overflow:hidden;white-space:nowrap;position:absolute;bottom:7vh;left:0;right:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;color:rgba(242,239,247,.13);font-size:clamp(32px,5vw,74px);font-weight:600;letter-spacing:-.06em;}.marquee span {display:inline-block;animation:marquee 22s linear infinite;} @keyframes marquee {to {transform:translateX(-50%)} }
.targets-intro {display:grid;grid-template-columns:1fr 1fr;column-gap:9vw;}.targets-intro .eyebrow {grid-column:1/-1;}.section-note {color:var(--muted);line-height:1.7;max-width:380px;align-self:end;margin:0 0 8px;font-size:14px;}.target-list {width:76%;margin:9vh 0 0 auto;}.target-card {display:grid;grid-template-columns:70px 1fr 30px;gap:25px;border-top:1px solid var(--line);padding:24px 0;align-items:start;transition:.25s;}.target-card:hover {padding-left:12px;border-top-color:var(--violet-bright);}.target-number {font:12px 'DM Mono',monospace;color:var(--violet-bright);}.target-card h3 {font-size:25px;font-weight:500;margin-bottom:8px;}.target-card p {color:var(--muted);font-size:13px;margin:0;}.target-arrow {font-size:20px;color:var(--violet-bright);}
.hq-panel {display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;}.hq-copy .section-note {margin:40px 0 35px;}.hq-card {height:55vh;min-height:380px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(121,31,212,.15),rgba(255,190,45,.04));}.map-grid {position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:58px 58px;transform:perspective(400px) rotateX(55deg) scale(1.3);transform-origin:center bottom;opacity:.55;}.hq-card:before {content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(190,106,255,.38);border-radius:50%;left:18%;top:7%;box-shadow:0 0 50px rgba(131,33,236,.2),inset 0 0 50px rgba(131,33,236,.12);}.hq-coordinates {position:absolute;right:24px;top:24px;display:flex;gap:16px;color:#aaa5b8;font:10px 'DM Mono',monospace;}.hq-pin {position:absolute;left:51%;top:47%;text-align:center;color:var(--gold);font:10px 'DM Mono',monospace;letter-spacing:.14em;}.hq-pin span {display:block;width:17px;height:17px;border-radius:50%;background:var(--violet-bright);border:4px solid rgba(194,124,255,.2);box-shadow:0 0 20px var(--violet-bright);margin:0 auto 10px;}.hq-bottom {position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;color:#aaa5b8;letter-spacing:.1em;}
.hq-actions {display:flex;align-items:center;gap:22px;flex-wrap:wrap;}.whatsapp-link {display:inline-flex;align-items:center;gap:8px;color:#b9a9ca;text-decoration:none;font:11px 'DM Mono',monospace;letter-spacing:.04em;border-bottom:1px solid rgba(194,124,255,.45);padding-bottom:6px;transition:.25s;}.whatsapp-link:hover {color:#fff;border-color:var(--violet-bright);}.whatsapp-link > span:last-child {color:var(--violet-bright);}.whatsapp-icon {color:#75e3a1;font-size:14px;}
@media (max-width:800px) { .site-header{height:75px;padding:0 6vw}.main-nav{gap:12px}.nav-link span:first-child{display:none}.nav-link span:not(:first-child){display:inline}.header-cta{display:none}.panel{min-height:calc(100vh - 75px);padding:7vh 6vw 5vh}.home-copy{width:100%}h1{font-size:clamp(66px,18vw,115px)}.hero-art{opacity:.4;right:-20vw;top:21vh;width:100vw;height:65vh}.home-footer{left:6vw;right:6vw;bottom:3vh;gap:20px}.footer-stat:nth-child(2),.footer-stat:nth-child(3){display:none}.scroll-note{font-size:9px}.about-grid,.targets-intro,.hq-panel{display:block}.about-grid{margin-top:7vh}.detail-block{margin-top:25px}.marquee{bottom:4vh}.target-list{width:100%;margin-top:7vh}.hq-card{margin-top:7vh;height:42vh;min-height:280px}.section-intro h2{font-size:clamp(57px,14vw,95px)}.hq-actions{align-items:flex-start;flex-direction:column;gap:18px} }
@media (max-width:430px) { .brand-name{font-size:12px}.main-nav{position:static;transform:none;gap:11px}.nav-link{font-size:9px}.language-toggle{padding:7px 8px}.header-tools{gap:8px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.home-footer .footer-stat{display:none}.scroll-note{margin-left:0}.target-card{grid-template-columns:35px 1fr 20px;gap:10px}.target-card h3{font-size:20px} }
[dir="rtl"] { font-family:'Noto Kufi Arabic','Space Grotesk',Arial,sans-serif; }
[dir="rtl"] .eyebrow,[dir="rtl"] .footer-stat,[dir="rtl"] .scroll-note,[dir="rtl"] .button,[dir="rtl"] .text-button,[dir="rtl"] .language-toggle { font-family:Arial,sans-serif;letter-spacing:0; }
[dir="rtl"] .hero-text,[dir="rtl"] .large-copy,[dir="rtl"] .detail-block p,[dir="rtl"] .section-note,[dir="rtl"] .target-card p { line-height:1.9; }
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3 { font-family:'Noto Kufi Arabic',Arial,sans-serif;letter-spacing:-.09em; }
[dir="rtl"] h1,[dir="rtl"] h2 { line-height:.92; }
[dir="rtl"] .hero-art img { filter:drop-shadow(0 0 38px rgba(116,34,239,.4)); }
[dir="rtl"] .hero-art { opacity:1; }
[dir="rtl"] .home-copy { width:52%; margin-left:auto; text-align:right; }
[dir="rtl"] .hero-art { right:auto; left:3vw; }
[dir="rtl"] .section-intro,[dir="rtl"] .targets-intro,[dir="rtl"] .hq-copy { text-align:right; }
[dir="rtl"] .detail-block { text-align:right; }
[dir="rtl"] .whatsapp-link {font-family:Arial,sans-serif;letter-spacing:0;}

/* Only the selected tab should participate in layout. */
.panel#home { display:none; }
.panel#home.active { display:block; }
.panel.hq-panel { display:none; }
.panel.hq-panel.active { display:grid; }

@media (max-width:800px) {
  [dir="rtl"] .home-copy { width:100%; margin:0; }
  [dir="rtl"] .hero-art { position:relative; inset:auto; width:100%; height:42vh; margin:4vh auto 0; }
  [dir="rtl"] .hero-art img { width:72%; height:72%; }
  [dir="rtl"] .home-footer { position:relative; left:auto; right:auto; bottom:auto; margin-top:2vh; }
}

/* Stable mobile flow: keep sections in document order instead of stacking absolute layers. */
@media (max-width:800px) {
  .site-header { gap:14px; }
  .main-nav { position:static; transform:none; flex:1; justify-content:center; gap:clamp(10px,3vw,22px); min-width:0; }
  .panel#home.active { display:flex; flex-direction:column; min-height:calc(100vh - 75px); }
  .panel#home .home-copy { flex:0 0 auto; }
  .panel#home .hero-art { position:relative; inset:auto; width:100%; height:40vh; min-height:250px; margin:3vh auto 0; }
  .panel#home .hero-art img { max-width:76%; max-height:76%; }
  .panel#home .home-footer { position:relative; inset:auto; width:100%; margin-top:2vh; }
  .panel.hq-panel.active { display:block; min-height:auto; }
  .hq-copy,.hq-card { width:100%; }
}

@media (min-width:801px) {
  .panel.active { min-height:calc(100vh - 92px); overflow:hidden; }
  [dir="rtl"] .panel#home.active { display:block; }
  [dir="rtl"] .home-copy { width:49%; margin-left:auto; margin-right:0; padding-top:2vh; }
  [dir="rtl"] .hero-art { left:1vw; right:auto; top:1vh; width:52vw; height:78vh; }
  [dir="rtl"] .hero-art img { width:88%; height:88%; }
  [dir="rtl"] .home-footer { bottom:3vh; }
  [dir="rtl"] .content-panel { padding-top:8vh; }
  [dir="rtl"] .section-intro h2 { max-width:720px; margin-left:auto; margin-right:0; }
  [dir="rtl"] .about-grid { margin-top:7vh; grid-template-columns:1.05fr .95fr .95fr; gap:5vw; }
  [dir="rtl"] .large-copy { max-width:430px; margin-left:auto; margin-right:0; font-size:clamp(24px,2.25vw,34px); }
  [dir="rtl"] .detail-block { max-width:330px; }
  [dir="rtl"] .targets-intro { grid-template-columns:1fr 1fr; }
  [dir="rtl"] .target-list { width:72%; margin-top:7vh; margin-left:0; margin-right:auto; }
  [dir="rtl"] .target-card { grid-template-columns:30px 1fr 25px; }
  [dir="rtl"] .hq-panel.active { grid-template-columns:1.15fr .85fr; gap:7vw; }
  [dir="rtl"] .hq-copy { order:2; }
  [dir="rtl"] .hq-card { order:1; }
  [dir="rtl"] .hq-actions { justify-content:flex-start; }
}

/* RTL alignment corrections for directional controls and decorative anchors. */
[dir="rtl"] .main-nav,[dir="rtl"] .home-footer,[dir="rtl"] .target-card,[dir="rtl"] .hq-bottom { direction:rtl; }
[dir="rtl"] .nav-link span:first-child { margin-right:0; margin-left:8px; }
[dir="rtl"] .scroll-note { margin-left:0; margin-right:auto; }
[dir="rtl"] .label-top { right:auto; left:5%; }
[dir="rtl"] .label-bottom { left:auto; right:3%; }
[dir="rtl"] .hq-coordinates { right:auto; left:24px; }
[dir="rtl"] .hq-card:before { left:auto; right:18%; }
[dir="rtl"] .hq-pin { left:auto; right:51%; transform:translateX(50%); }