:root{--depth: #0C1518;--depth-light: #111f2a;--ink: #10181F;--paper: #F7F5F0;--gray: #8A93A0;--gray-light: #a0a8b5;--signal: #0FA3A0;--signal-glow: rgba(15, 163, 160, .4);--signal-subtle: rgba(15, 163, 160, .12);--signal-hover: rgba(15, 163, 160, .2);--glow-subtle: 0 0 8px rgba(15, 163, 160, .2);--glow-medium: 0 0 20px rgba(15, 163, 160, .3), 0 0 40px rgba(15, 163, 160, .1);--glow-strong: 0 0 30px rgba(15, 163, 160, .5), 0 0 60px rgba(15, 163, 160, .2), inset 0 0 20px rgba(15, 163, 160, .1);--glass-bg: rgba(247, 245, 240, .03);--glass-border: rgba(247, 245, 240, .06);--glass-hover: rgba(247, 245, 240, .08);--font-heading: "Reem Kufi", sans-serif;--font-body: "IBM Plex Sans Arabic", sans-serif;--max-w: 1100px;--max-w-wide: 1200px;--space-xs: 8px;--space-sm: 16px;--space-md: 32px;--space-lg: 64px;--space-xl: 96px;--space-2xl: 128px;--radius: 16px;--radius-lg: 24px;--easing: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{font-family:var(--font-body);font-size:17px;line-height:1.9;color:var(--paper);background:var(--depth);overflow-x:hidden;background-image:radial-gradient(ellipse at 15% 8%,rgba(15,163,160,.07) 0%,transparent 55%),radial-gradient(ellipse at 85% 20%,rgba(15,163,160,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(15,163,160,.03) 0%,transparent 50%);background-attachment:fixed}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;line-height:1.35;color:var(--paper)}h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.01em}h2{font-size:clamp(1.75rem,3.5vw,2.5rem)}h3{font-size:clamp(1.2rem,2vw,1.4rem)}a{color:var(--signal);text-decoration:none;transition:opacity .2s}a:hover{opacity:.75}::selection{background:var(--signal);color:var(--depth)}img{max-width:100%;height:auto}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--space-md)}.container-wide{max-width:var(--max-w-wide);margin:0 auto;padding:0 var(--space-md)}.sig-line{width:48px;height:1.5px;background:var(--signal);box-shadow:var(--glow-subtle)}.section{padding:var(--space-2xl) 0;position:relative}.section-alt{padding:var(--space-2xl) 0;background:var(--ink);position:relative}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:12px var(--space-md);display:flex;align-items:center;justify-content:space-between;background:#0c1518d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);transition:box-shadow .3s ease,background .3s ease}.navbar.scrolled{background:#0c1518f2;box-shadow:0 1px 30px #0fa3a00f}.nav-mark{display:flex;align-items:center;gap:12px}.nav-mark svg{transition:filter .3s ease}.nav-mark:hover svg{filter:drop-shadow(0 0 8px var(--signal-glow))}.nav-brand-text{font-family:var(--font-heading);font-size:18px;font-weight:600;color:var(--paper);letter-spacing:.02em}.nav-links{display:flex;align-items:center;gap:var(--space-md);list-style:none}.nav-link{font-family:var(--font-heading);font-size:14px;font-weight:500;color:var(--gray);letter-spacing:.02em;transition:color .3s,text-shadow .3s;cursor:pointer;background:none;border:none;padding:0}.nav-link:hover,.nav-link.active{color:var(--signal);opacity:1;text-shadow:0 0 12px var(--signal-glow)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden}.hero-bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 25% 15%,rgba(15,163,160,.1) 0%,transparent 60%),radial-gradient(ellipse at 75% 40%,rgba(15,163,160,.06) 0%,transparent 55%)}.hero-bg-conic{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(15,163,160,.02) 60deg,transparent 120deg,rgba(15,163,160,.015) 180deg,transparent 240deg,rgba(15,163,160,.02) 300deg,transparent 360deg);animation:rotateGlow 35s linear infinite;pointer-events:none;z-index:0}.hero-content{max-width:780px;position:relative;z-index:2}.hero-eyebrow{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--signal);letter-spacing:.12em;margin-bottom:var(--space-md);text-shadow:0 0 10px var(--signal-glow);display:inline-block;padding:6px 16px;border:1px solid rgba(15,163,160,.15);border-radius:100px;background:#0fa3a00f}.hero h1{margin-bottom:var(--space-sm)}.hero h1 .highlight{color:var(--signal);text-shadow:0 0 20px var(--signal-glow)}.hero-lead{font-size:clamp(1.05rem,1.8vw,1.25rem);color:var(--gray);max-width:580px;margin-bottom:var(--space-lg)}.hero-cta{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-lg)}.hero-mark-bg{position:absolute;top:60px;left:5%;pointer-events:none;z-index:1;animation:pulseGlow 4s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(15,163,160,.08));opacity:.08}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;margin-top:var(--space-xl);border:1px solid var(--glass-border)}.stat-item{background:#10181f99;padding:var(--space-md) var(--space-sm);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s ease}.stat-item:hover{background:#0fa3a00f}.stat-number{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--signal);text-shadow:0 0 12px var(--signal-glow);display:block}.stat-label{font-size:13px;color:var(--gray);margin-top:4px;display:block}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}.mission-text h2{margin:var(--space-sm) 0}.mission-text p{color:var(--gray);max-width:480px;margin-bottom:var(--space-sm)}.mission-visual{display:flex;justify-content:center;align-items:center}.mission-visual svg{filter:drop-shadow(0 0 20px rgba(15,163,160,.15))}.platform-header{text-align:center;max-width:640px;margin:0 auto var(--space-xl)}.platform-header h2{margin-bottom:var(--space-sm)}.platform-header p{color:var(--gray)}.platform-card{background:var(--ink);padding:var(--space-lg);display:grid;grid-template-columns:1fr auto;gap:var(--space-lg);align-items:center;border:1px solid var(--glass-border);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .4s var(--easing)}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--signal),transparent);opacity:0;transition:opacity .4s ease}.platform-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #0006,var(--glow-medium);border-color:#0fa3a026}.platform-card:hover:before{opacity:1}.platform-info h3{font-size:clamp(1.4rem,2vw,1.8rem);margin-bottom:var(--space-sm)}.platform-info p{color:var(--gray);max-width:500px;margin-bottom:var(--space-md)}.platform-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap}.tag{font-family:var(--font-body);font-size:12px;font-weight:500;padding:5px 12px;color:var(--gray);background:#0fa3a014;border:1px solid rgba(15,163,160,.12);border-radius:100px;transition:all .3s ease}.tag:hover{background:#0fa3a026;color:var(--signal);box-shadow:0 0 12px var(--signal-glow)}.platform-url-box{text-align:center}.url-text{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;color:var(--signal);letter-spacing:.02em;text-shadow:0 0 20px var(--signal-glow);transition:text-shadow .3s ease}.platform-url-box:hover .url-text{text-shadow:0 0 40px var(--signal-glow),0 0 80px rgba(15,163,160,.2)}.cap-header{max-width:560px;margin-bottom:var(--space-xl)}.cap-header h2{margin:var(--space-sm) 0}.cap-header p{color:var(--gray)}.bento-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:auto auto;gap:var(--space-md)}.bento-card{padding:var(--space-lg);background:var(--depth);border:1px solid var(--glass-border);border-radius:var(--radius);transition:all .4s var(--easing);position:relative;overflow:hidden}.bento-card:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,var(--signal),transparent);transform:scaleX(0);transition:transform .4s ease;opacity:.5}.bento-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0006,var(--glow-medium);border-color:#0fa3a033}.bento-card:hover:after{transform:scaleX(1)}.bento-card.featured{grid-column:1 / 2;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#0fa3a00f,#10181fe6 60%);border-color:#0fa3a01a}.bento-card.featured .bento-icon{width:48px;height:48px}.bento-icon{margin-bottom:var(--space-sm);color:var(--signal);transition:transform .3s ease,filter .3s ease}.bento-card:hover .bento-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--signal-glow))}.bento-icon svg{width:28px;height:28px}.bento-card.featured .bento-icon svg{width:40px;height:40px}.bento-card h3{margin-bottom:var(--space-xs);font-size:1.15rem}.bento-card.featured h3{font-size:1.4rem}.bento-card p{color:var(--gray);font-size:14px;line-height:1.8}.bento-card.featured p{font-size:15px;max-width:90%}.process-header{text-align:center;max-width:560px;margin:0 auto var(--space-xl)}.process-header h2{margin:var(--space-sm) 0}.process-header p{color:var(--gray)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);position:relative}.process-step{text-align:center;padding:var(--space-lg) var(--space-md);position:relative}.process-number{font-family:var(--font-heading);font-size:3rem;font-weight:700;color:#0fa3a01a;position:absolute;top:8px;right:16px;line-height:1}.process-icon{margin:0 auto var(--space-sm);width:56px;height:56px;border-radius:50%;background:#0fa3a014;border:1px solid rgba(15,163,160,.12);display:flex;align-items:center;justify-content:center;color:var(--signal);transition:all .3s ease}.process-step:hover .process-icon{background:#0fa3a026;box-shadow:0 0 20px var(--signal-glow);transform:scale(1.05)}.process-step h3{margin-bottom:var(--space-xs)}.process-step p{color:var(--gray);font-size:14px}.process-connector{position:absolute;top:44px;left:calc(50% + 28px);right:calc(-50% + 28px);height:1px;background:linear-gradient(90deg,#0fa3a033,#0fa3a00d)}.process-grid>div:last-child .process-connector{display:none}.vision-inner{max-width:720px;margin:0 auto;text-align:center}.vision h2{margin-bottom:var(--space-md)}.vision p{color:var(--gray);margin-bottom:var(--space-md)}.vision-quote{font-family:var(--font-heading);font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:500;color:var(--paper);line-height:1.7;margin-top:var(--space-lg);position:relative;padding:var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius);background:#0fa3a008}.vision-quote-mark{color:var(--signal);font-size:2.5rem;line-height:0;display:block;margin-bottom:var(--space-sm);opacity:.8;text-shadow:0 0 20px var(--signal-glow)}.vision-attribution{font-family:var(--font-body);font-size:14px;color:var(--gray);margin-top:var(--space-sm);font-style:normal}.cta-section{padding:var(--space-2xl) 0;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,rgba(15,163,160,.06) 0%,transparent 70%);pointer-events:none}.cta-section h2{margin-bottom:var(--space-sm);position:relative;z-index:1}.cta-section p{color:var(--gray);max-width:480px;margin:0 auto var(--space-lg);position:relative;z-index:1}.footer{padding:var(--space-lg) 0;border-top:1px solid var(--glass-border);position:relative}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.footer-brand{display:flex;align-items:center;gap:var(--space-sm)}.footer-text{font-size:13px;color:var(--gray)}.footer-links{display:flex;gap:var(--space-md)}.footer-links a{font-size:13px;color:var(--gray);transition:color .3s}.footer-links a:hover{color:var(--signal);opacity:1}.btn{padding:14px 32px;font-family:var(--font-heading);font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s var(--easing);display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;border-radius:100px}.btn-primary{background:var(--paper);color:var(--ink);box-shadow:0 2px 20px #f7f5f014}.btn-primary:hover{background:var(--signal);color:var(--depth);transform:translateY(-2px);box-shadow:var(--glow-strong),0 4px 20px #0fa3a04d}.btn-ghost{background:transparent;color:var(--gray);padding:14px 0}.btn-ghost:hover{color:var(--signal);opacity:1;text-shadow:0 0 12px var(--signal-glow)}.btn-cta{background:var(--signal);color:var(--depth);box-shadow:var(--glow-strong);font-size:17px;padding:16px 40px}.btn-cta:hover{background:var(--paper);color:var(--ink);box-shadow:0 4px 30px #f7f5f026;transform:translateY(-3px)}.orb{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 30% 30%,rgba(15,163,160,.25),transparent 70%);filter:blur(3px);animation:floatOrb 10s ease-in-out infinite}.orb-1{width:100px;height:100px;top:15%;left:8%;animation-delay:0s}.orb-2{width:60px;height:60px;top:55%;right:12%;animation-delay:-2.5s}.orb-3{width:120px;height:120px;bottom:25%;left:20%;animation-delay:-5s}.orb-4{width:45px;height:45px;top:35%;right:25%;animation-delay:-7s}.orb-5{width:70px;height:70px;bottom:8%;right:35%;animation-delay:-3.5s}.cursor-glow{position:fixed;pointer-events:none;z-index:9999;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(15,163,160,.07) 0%,transparent 70%);transform:translate(-50%,-50%);will-change:transform}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.12;transform:scale(1.03)}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatOrb{0%,to{transform:translateY(0) scale(1);opacity:.35}50%{transform:translateY(-24px) scale(1.15);opacity:.55}}.reveal{opacity:0;transform:translateY(30px);transition:all .7s var(--easing)}.reveal.in-view{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.bento-grid{grid-template-columns:1fr 1fr}.bento-card.featured{grid-column:1 / -1;grid-row:auto}.process-grid{grid-template-columns:1fr;gap:var(--space-sm)}.process-connector{display:none}.process-number{position:static;margin-bottom:var(--space-xs)}}@media (max-width: 768px){.mission-grid{grid-template-columns:1fr;gap:var(--space-lg)}.bento-grid{grid-template-columns:1fr}.stats-bar{grid-template-columns:repeat(2,1fr);gap:1px}.platform-card{grid-template-columns:1fr;text-align:center}.platform-tags{justify-content:center}.platform-info p{max-width:100%}.cursor-glow,.hero-mark-bg{display:none}:root{--space-md: 20px;--space-lg: 40px;--space-xl: 56px;--space-2xl: 80px}}@media (max-width: 480px){.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{justify-content:center}.stats-bar{grid-template-columns:repeat(2,1fr)}.nav-links{gap:var(--space-sm)}.nav-link{font-size:12px}}@media (prefers-reduced-motion: reduce){.reveal,.orb,.cursor-glow{animation:none!important;opacity:1!important;transform:none!important;display:none!important}*{animation-duration:0s!important;transition-duration:0s!important}}