:root{--brand-green:#1b5e45;--brand-green-soft:#76b894;--signal-red:#e23d3d;--ink:#1c2b26;--paper:#f9f9f9;--paper-2:#f0f4f1;--surface-dark:#15211d;--surface-dark-2:#1d2b26;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-full:9999px;--font-body:"Inter", "Segoe UI", sans-serif;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-arabic:"Noto Kufi Arabic", sans-serif;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}:root,:root[data-theme=dark]{--text-primary:#edf4f0;--text-secondary:#b8c8c1;--text-muted:#7d9189;--line:#76b89429;--line-strong:#76b89452;--glow-green:#76b8943d;--glow-red:#e23d3d24;--shadow-soft:0 20px 60px #040a0847;--shadow-strong:0 40px 120px #0208066b;--bg-primary:#0a110f;--bg-secondary:#101917;--bg-tertiary:#15201d;--bg-card:#141e1bc7;--bg-card-hover:#192622eb;--surface-glass:#121d19c2;--surface-elevated:#111b18e0;--surface-panel:#121d19b8;--surface-panel-strong:linear-gradient(180deg, #15211df7, #1d2b26fa);--surface-terminal:linear-gradient(180deg, #141f1cfa, #09110ffa);--surface-terminal-bar:#ffffff0a;--section-label-bg:#111b18b8;--surface-image-overlay:linear-gradient(135deg, #15211deb, #1b5e45d6);--page-grad-top:#76b8942e;--page-grad-accent:#1b5e452e;--page-grad-bottom:#060b09;--page-root-grid:#76b89414;--switch-bg:#111b18b8;--switch-border:#76b8942e;--switch-text:#a9b9b2;--switch-active-bg:linear-gradient(135deg, #76b8944d, #1b5e45eb);--switch-active-text:#f6fbf8;--focus-outline:#76b89494;--accent-primary:var(--brand-green-soft);--accent-secondary:#9fd2ba;--accent-tertiary:color-mix(in srgb, var(--brand-green-soft) 72%, black);--accent-warm:#e23d3d1f;--border-subtle:var(--line);--border-strong:var(--line-strong);--grid-line:var(--page-root-grid);--shadow-sm:var(--shadow-soft);--shadow-md:0 28px 72px #0208065c;--shadow-lg:var(--shadow-strong)}:root[data-theme=light]{--text-primary:#1c2b26;--text-secondary:#41514b;--text-muted:#6c7c76;--line:#1b5e4524;--line-strong:#1b5e4542;--glow-green:#76b8942e;--glow-red:#e23d3d1f;--shadow-soft:0 16px 40px #14231d14;--shadow-strong:0 30px 80px #14231d24;--bg-primary:var(--paper);--bg-secondary:#f3f6f4;--bg-tertiary:#e6eeea;--bg-card:#f9f9f9db;--bg-card-hover:#f0f4f1f5;--surface-glass:#f9f9f9cc;--surface-elevated:#f9f9f9e0;--surface-panel:#f9f9f9b8;--surface-panel-strong:linear-gradient(180deg, #f9f9f9f7, #f0f4f1fa);--surface-terminal:linear-gradient(180deg, #1d2b26fa, #15211dfa);--surface-terminal-bar:#ffffff0a;--section-label-bg:#f9f9f9db;--surface-image-overlay:linear-gradient(135deg, #15211deb, #1b5e45d6);--page-grad-top:#76b8943d;--page-grad-accent:#1b5e451f;--page-grad-bottom:var(--paper-2);--page-root-grid:#1b5e4514;--switch-bg:#f6f9f7d1;--switch-border:#1b5e4524;--switch-text:#1c2b26b8;--switch-active-bg:linear-gradient(135deg, var(--brand-green), var(--brand-green-soft));--switch-active-text:#fffaf0;--focus-outline:#76b8948c;--accent-primary:var(--brand-green);--accent-secondary:var(--brand-green-soft);--accent-tertiary:color-mix(in srgb, var(--brand-green-soft) 60%, white);--accent-warm:#d8ede2;--border-subtle:var(--line);--border-strong:var(--line-strong);--grid-line:var(--page-root-grid);--shadow-sm:var(--shadow-soft);--shadow-md:0 24px 64px #14231d1a;--shadow-lg:var(--shadow-strong)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-primary);scroll-padding-top:110px}body{min-width:320px;font-family:var(--font-body);background:radial-gradient(circle at top left, var(--page-grad-top), transparent 32%), radial-gradient(circle at 85% 8%, var(--page-grad-accent), transparent 24%), linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 42%, var(--page-grad-bottom) 100%);color:var(--text-primary);transition:background var(--transition-slow), color var(--transition-normal);line-height:1.6;overflow-x:hidden}[lang=ar]{--font-body:var(--font-arabic);--font-display:var(--font-arabic)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.1}p{color:var(--text-secondary)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}#root{isolation:isolate;position:relative}#root:before{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);opacity:.4;pointer-events:none;z-index:-2;background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 45%,#0000 100%);mask-image:radial-gradient(circle,#000 45%,#0000 100%)}#root:after{content:"";background:radial-gradient(circle, var(--glow-green), transparent 70%);filter:blur(10px);pointer-events:none;z-index:-1;border-radius:50%;width:min(42vw,480px);height:min(42vw,480px);position:fixed;inset:auto 0 0 auto}.container{width:min(1240px,100% - 48px);margin:0 auto;padding:0}.section{padding:120px 0;position:relative}.section-label{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--section-label-bg);text-transform:uppercase;letter-spacing:.18em;color:var(--brand-green);margin-bottom:12px;padding:7px 12px;font-size:.74rem;font-weight:600;display:inline-block}.section-label-centered{text-align:center;justify-self:center}.section-label-vision,.section-label-about,.section-label-contact{background:linear-gradient(180deg, #ffffff0f, #ffffff03), color-mix(in srgb, var(--surface-elevated) 76%, transparent);color:var(--accent-secondary);border:1px solid #76b89438;border-radius:999px;padding:10px 18px;position:relative;box-shadow:inset 0 1px #ffffff1a,0 14px 28px #0000001f}.section-label-vision:before,.section-label-about:before,.section-label-contact:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0a;position:absolute;inset:5px}.section-label-about{box-shadow:none;color:var(--signal-red);background:0 0;border:0;border-radius:0;padding:0 0 0 16px}.section-label-about:before{display:none}.section-label-about:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--signal-red) 82%, white), var(--signal-red));border-radius:999px;width:3px;height:1.3em;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 16px #e23d3d29}.section-label-vision{color:#f0a2a2;background:linear-gradient(#ffffff0d,#ffffff03),#42141448;border-color:#e23d3d38;box-shadow:inset 0 1px #ffffff14,0 14px 28px #3c0a0a29}.section-title{color:var(--text-primary);margin-bottom:16px;font-size:clamp(2.5rem,5vw,4.4rem)}.section-subtitle{color:var(--text-secondary);max-width:680px;font-size:1.05rem}.section-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:56px;display:flex}.section-header .section-subtitle{margin:0}.fade-in{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,1,.22,1);transform:translateY(32px)scale(.985)}.fade-in.visible{opacity:1;transform:translateY(0)scale(1)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.typing-text{white-space:nowrap;border-right:3px solid var(--accent-primary);animation:3.5s steps(40,end) typing,.75s step-end infinite blink;display:inline-block;overflow:hidden}.btn{border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;min-height:48px;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:.92rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--brand-green), var(--brand-green-soft));color:#f7fbf9;box-shadow:0 14px 36px #1b5e452e}.btn-secondary{background:var(--surface-elevated);border-color:var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}@media (width<=768px){.section{padding:88px 0}.section-title{font-size:clamp(2.1rem,12vw,3rem)}.container{width:min(1240px,100% - 32px)}.section-header{margin-bottom:40px}}.footer{border-top:1px solid var(--border-subtle);background:var(--surface-elevated);padding:32px 0}.footer-content{text-align:center;flex-direction:column;gap:8px;display:flex}.footer-text{color:var(--text-secondary);font-size:.95rem}.footer-name{color:var(--accent-primary);font-weight:600}.footer-copyright{color:var(--text-muted);font-size:.85rem}.hydrogen-h{color:var(--accent-primary)}.navbar{z-index:1000;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(28px)saturate(165%);background:linear-gradient(#c4d3cb61,#768a8229);border-bottom:1px solid #e8f1ec38;padding:18px 0;position:fixed;top:0;left:0;right:0;box-shadow:inset 0 1px #f6fbf861,0 16px 34px #06120e1a}.navbar.scrolled{-webkit-backdrop-filter:blur(34px)saturate(170%);background:linear-gradient(#aabab147,#5c6f671f);border-bottom:1px solid #e4eee92e;padding:9px 0;box-shadow:inset 0 1px #f4f9f652,0 16px 30px #06120e14}.navbar-container{justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{color:#f2f7f4;align-items:center;gap:14px;display:flex}.logo-mark{background:#ffffffb8;border:1px solid #ebf3ef6b;border-radius:16px;place-items:center;width:54px;height:54px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 12px 24px #14231d14}.logo-mark-image{object-fit:contain;width:100%;height:100%;transform:scale(1.22)}.logo-copy{flex-direction:column;gap:3px;display:flex}.logo-kicker{letter-spacing:.16em;text-transform:uppercase;color:#dbe6e0bd;font-size:.7rem;display:block}:root[data-theme=light] .navbar{background:linear-gradient(#ffffffc7,#f3f8f685);border-bottom:1px solid #1b5e451a;box-shadow:inset 0 1px #ffffffd1,0 16px 34px #14231d0f}:root[data-theme=light] .navbar.scrolled{background:linear-gradient(#ffffffe0,#f6f9f8a3);border-bottom:1px solid #1b5e4514;box-shadow:inset 0 1px #ffffffe6,0 16px 30px #14231d0a}:root[data-theme=light] .navbar-logo{color:#1c2b26}:root[data-theme=light] .logo-kicker{color:#1c2b269e}:root[data-theme=light] .logo-name{color:#1c2b26}:root[data-theme=light] .nav-links{background:linear-gradient(#ffffffe0,#f3f8f6bd);border:1px solid #1b5e451f;box-shadow:inset 0 1px #ffffffc7,0 18px 32px #14231d0f}:root[data-theme=light] .nav-link{color:#1c2b26ad}:root[data-theme=light] .nav-link:hover,:root[data-theme=light] .nav-link.active{color:#1c2b26;background:linear-gradient(135deg,#1b5e4514,#1b5e4508);border-color:#1b5e451a;box-shadow:inset 0 1px #fff9,0 10px 20px #14231d0f}.nav-links{-webkit-backdrop-filter:blur(18px)saturate(155%);background:linear-gradient(#2536316b,#17231f57);border:1px solid #eaf1ed47;border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;padding:8px 10px;display:flex;box-shadow:inset 0 1px #f6faf833,0 18px 32px #0814101f}.mobile-toggle{-webkit-backdrop-filter:blur(16px)saturate(150%);cursor:pointer;width:44px;height:44px;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:linear-gradient(#ffffff4d,#ddeae32e);border:1px solid #ecf6f180;border-radius:14px;padding:0;display:none;box-shadow:inset 0 1px #ffffffad,0 10px 24px #08161129}.mobile-toggle:hover{border-color:#f4fbf7b8;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffc2,0 14px 28px #08161133}.mobile-toggle:focus-visible{outline-offset:3px;outline:3px solid #76b894a6}.hamburger{background:var(--brand-green-soft);width:20px;height:2px;transition:background var(--transition-fast), transform var(--transition-fast);border-radius:999px;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background:var(--brand-green-soft);width:20px;height:2px;transition:transform var(--transition-fast), top var(--transition-fast), bottom var(--transition-fast), width var(--transition-fast), background var(--transition-fast);border-radius:999px;position:absolute}.hamburger:before{top:-7px}.hamburger:after{bottom:-7px}.hamburger.open{background:0 0}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{bottom:0;transform:rotate(-45deg)}:root[data-theme=light] .hamburger,:root[data-theme=light] .hamburger:before,:root[data-theme=light] .hamburger:after{background:var(--brand-green)}:root[data-theme=light] .hamburger.open{background:0 0}.nav-link{letter-spacing:.08em;text-transform:uppercase;min-height:40px;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:.84rem;font-weight:600;display:inline-flex}.navbar.scrolled .nav-links{gap:8px;padding:6px 8px}.nav-link{color:#dee9e4c7;border:1px solid #0000}.navbar.scrolled .nav-link{min-height:34px;padding:0 13px;font-size:.78rem}.nav-link:hover,.nav-link.active{color:#f6fbf8;background:linear-gradient(135deg,#ffffff17,#ffffff08);border-color:#76b8941f;box-shadow:inset 0 1px #ffffff2e,0 10px 20px #14231d1f}.nav-link:focus-visible,.navbar-logo:focus-visible{outline-offset:3px;outline:3px solid #76b8948c}@media (width<=768px){.mobile-toggle{place-items:center;margin-left:auto;display:grid}[dir=rtl] .mobile-toggle{margin-left:0;margin-right:auto}.nav-links{width:auto;height:auto;transition:opacity var(--transition-normal), transform var(--transition-normal);-webkit-backdrop-filter:none;opacity:0;pointer-events:none;background:#1f6a4e;border-radius:24px;flex-flow:column;align-items:stretch;padding:16px;position:fixed;top:76px;left:16px;right:16px;transform:translateY(-12px);box-shadow:inset 0 1px #ffffff1f,0 20px 40px #06120e3d}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{border-radius:14px;justify-content:flex-start;width:100%;padding:0 16px}.logo-kicker{font-size:.62rem}}@media (width<=560px){.navbar{padding:16px 0}.navbar-container{padding:0 16px}.logo-copy{gap:0}.nav-links{left:12px;right:12px}.logo-name{font-size:.9rem}}.logo-name,.logo-secondary{display:inline-block}.logo-name{font-family:var(--font-display);letter-spacing:.03em;color:#f2f7f4;font-size:1rem;font-weight:700}.logo-secondary{color:var(--brand-green)}@media (width<=768px){:root[data-theme=light] .nav-links{background:#f3f8f6fa;box-shadow:inset 0 1px #ffffffe6,0 20px 40px #14231d1a}}:root[data-theme=light] .mobile-toggle{background:linear-gradient(#ffffffb3,#f3f8f680);border-color:#1b5e4533;box-shadow:inset 0 1px #ffffffe6,0 10px 24px #14231d0f}:root[data-theme=light] .mobile-toggle:hover{border-color:#1b5e4557;box-shadow:inset 0 1px #fffffff2,0 14px 28px #14231d14}.language-switch{border:1px solid var(--switch-border);background:var(--switch-bg);min-width:74px;min-height:42px;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.language-switch:hover{transform:translateY(-1px)}.language-switch__text{color:var(--switch-active-text);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:700}:root[data-theme=light] .language-switch__text{color:#23352fe0}.language-switch:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}@media (width<=768px){.language-switch{width:100%}}.theme-switch{border:1px solid var(--switch-border);background:var(--switch-bg);min-width:92px;min-height:42px;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;justify-content:center;align-items:center;padding:0 18px;display:inline-flex;position:relative;overflow:hidden}.theme-switch:hover{transform:translateY(-1px)}.theme-switch__glow{border-radius:inherit;background:var(--switch-active-bg);position:absolute;inset:4px;box-shadow:0 10px 24px #0000002e}.theme-switch__text{z-index:1;color:var(--switch-active-text);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:700;position:relative}.theme-switch:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}@media (width<=768px){.theme-switch{width:100%}}.hero{padding:148px 0 112px;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 18%,#76b89438,#0000 30%),radial-gradient(circle at 82% 24%,#1b5e4524,#0000 32%);animation:18s ease-in-out infinite alternate heroAtmosphere;position:absolute;inset:0}.hero-shell{z-index:1;grid-template-columns:minmax(220px,.72fr) minmax(0,1.3fr) minmax(220px,.72fr);align-items:center;gap:24px;display:grid;position:relative}.hero-terminal-wrap{text-align:center;justify-items:center;gap:20px;display:grid}.hero-terminal{border:1px solid var(--line);background:var(--surface-terminal);width:min(100%,720px);box-shadow:var(--shadow-strong);color:#eef5f1;will-change:transform;border-radius:28px;animation:12s ease-in-out infinite terminalFloat;overflow:hidden}.terminal-bar{background:var(--surface-terminal-bar);border-bottom:1px solid #76b8941f;align-items:center;gap:10px;padding:16px 20px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot-red{background:var(--signal-red)}.terminal-dot-amber{background:#d6a84f}.terminal-dot-green{background:var(--brand-green-soft)}.terminal-path{letter-spacing:.18em;text-transform:uppercase;color:#f0f4f1a6;margin-left:auto;font-size:.78rem}.terminal-body{gap:16px;padding:40px 40px 34px;display:grid}.terminal-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--brand-green-soft);margin:0;font-size:.8rem;font-weight:600}.terminal-brand{color:#fbfdfb;margin:0;font-size:clamp(4rem,10vw,7rem);line-height:.92}.terminal-secondary{letter-spacing:.3em;text-transform:uppercase;color:#f0f4f1bd;margin:0;font-size:clamp(1.2rem,2.4vw,1.7rem)}.terminal-description{color:#f0f4f1c7;justify-self:center;max-width:52ch;margin:0;font-size:1rem;line-height:1.8}.terminal-lines{border-top:1px solid #76b89424;gap:10px;padding:18px 18px 0;display:grid}.terminal-line{color:#f0f4f1b3;text-align:left;align-items:center;gap:12px;margin:0;font-size:.92rem;animation:8s ease-in-out infinite linePulse;display:flex}.terminal-line-dot{background:radial-gradient(circle,#a7f4c9f2,#76b894c7 55%,#76b8942e 100%);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #76b8941a,0 0 12px #76b89461}.hero-mission{max-width:38rem;color:var(--text-primary);margin:0;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7}.hero-actions-stack{justify-items:center;gap:12px;display:grid}.hero-action{min-width:222px}.hero-action-primary{background:linear-gradient(135deg,#b94d4d,#d96868);box-shadow:0 18px 34px #b94d4d33}.hero-action-secondary{background:#0c1512c7;border-color:#ed525229}.hero-action-secondary:hover{background:#121e1aeb;border-color:#ed525247}:root[data-theme=light] .hero-action-secondary{color:#29433b;background:#fffcfbf5;border-color:#b14d5c38;box-shadow:0 16px 30px #14231d14}:root[data-theme=light] .hero-action-secondary:hover{background:#fff7f5;border-color:#b14d5c4d}.hero-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition-normal), border-color var(--transition-normal), background var(--transition-normal);gap:12px;padding:24px 22px;display:grid}.hero-panel:hover{border-color:var(--line-strong);transform:translateY(-4px)}.hero-panel-label{letter-spacing:.22em;text-transform:uppercase;color:var(--brand-green);font-size:.76rem;font-weight:700}.hero-panel-row{border-bottom:1px solid var(--line);color:var(--text-secondary);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.hero-panel-row:last-child{border-bottom:0}.hero-panel-row span{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem}.hero-panel-row strong{color:var(--text-primary);text-align:right;font-size:1rem}@keyframes terminalFloat{0%,to{box-shadow:var(--shadow-strong);transform:translateY(0)}50%{box-shadow:var(--shadow-strong), 0 0 18px #76b8940d;transform:translateY(-2px)}}@keyframes heroAtmosphere{0%{opacity:.92;transform:translateY(0)scale(1)}to{opacity:.98;transform:translateY(4px)scale(1.01)}}@keyframes linePulse{0%,to{opacity:.78}50%{opacity:.94}}@media (width<=900px){.hero{padding:132px 0 88px}.hero-shell{grid-template-columns:1fr;gap:24px}.hero-panel-left{order:2}.hero-terminal-wrap{order:1}.hero-panel-right{order:3}}@media (width<=640px){.terminal-body{padding:28px 22px 24px}.terminal-brand{font-size:clamp(3rem,18vw,4.5rem)}.hero-actions-stack,.hero-actions-stack .btn{width:100%}.hero-panel-row{flex-direction:column;align-items:flex-start}.hero-panel-row strong{text-align:left}}.vision-section{padding-top:48px}.vision-intro{text-align:center;justify-items:center;gap:18px;max-width:760px;margin:0 auto 56px;display:grid}.vision-label{letter-spacing:.26em;text-transform:uppercase;color:#f0a2a2;font-size:1.05rem;font-weight:700}:root[data-theme=light] .vision-label{color:#b14d5c}.vision-mission{border-left:0;border-top:3px solid var(--brand-green-soft);max-width:40rem;color:var(--text-primary);margin:0;padding:18px 18px 0;font-size:1rem}.vision-timeline{gap:32px;padding:8px 0 0;display:grid;position:relative}.vision-rail{background:linear-gradient(#76b89433,#1b5e4580,#76b89429);width:2px;animation:7s ease-in-out infinite railGlow;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);align-items:center;gap:0;display:grid;position:relative}.timeline-item-left .timeline-card{grid-column:1}.timeline-item-right .timeline-card{grid-column:3}.timeline-node-wrap{grid-column:2;place-items:center;display:grid}.timeline-node{border:4px solid var(--paper);width:20px;height:20px;box-shadow:0 0 0 1px var(--line-strong);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border-radius:999px}.timeline-node-built{background:var(--brand-green)}.timeline-node-future{background:var(--paper);box-shadow:0 0 0 1px var(--line-strong), 0 0 0 8px #76b8941f}.timeline-card{border:1px solid var(--line);background:var(--surface-elevated);box-shadow:var(--shadow-soft);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);color:inherit;border-radius:26px;text-decoration:none;display:block;overflow:hidden}.timeline-card-featured{border-color:#76b89447;box-shadow:inset 0 1px #ffffff0a,0 26px 54px #02080638}.timeline-card-featured .timeline-card-media{background:radial-gradient(circle at 100% 0,#76b8942e,#0000 44%),linear-gradient(135deg,#fafcfbe6,#e8efeba8)}.timeline-card-featured .timeline-card-media img{object-fit:contain;mix-blend-mode:normal;opacity:1;padding:24px}.timeline-card-featured .timeline-card-body{background:linear-gradient(#101917f5,#0f1815fa)}:root[data-theme=light] .timeline-card-featured .timeline-card-body{background:linear-gradient(#ecf6f2fa,#e0ede8fa)}:root[data-theme=light] .timeline-card-featured h3{color:#19342c}:root[data-theme=light] .timeline-card-featured p{color:#466058}:root[data-theme=light] .timeline-card-featured .timeline-status-built{color:#1f6a4e;background:#1b5e4524}:root[data-theme=light] .timeline-card-featured .timeline-period{color:#38554c;background:#1b5e4514}.timeline-card-future{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#e23d3d38;box-shadow:inset 0 1px #ffffff08,0 24px 44px #1806062e}.timeline-card-future .timeline-card-media:after{content:"";-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#e23d3d1a,#0a110f3d);position:absolute;inset:0}.timeline-card-future .timeline-card-media img{filter:blur(1.5px)saturate(.82);opacity:.62}.timeline-card-koupa .timeline-card-media img.timeline-image-soft-blur{object-fit:contain;filter:blur(1.1px)saturate(.88);opacity:.8;mix-blend-mode:normal;padding:18px;transform:scale(.94)}.timeline-card-green-algeria .timeline-card-media img{object-fit:contain;mix-blend-mode:normal;padding:20px;transform:scale(.9)}.timeline-card-later .timeline-card-media-empty{background:radial-gradient(circle,#76b89414,#0000 42%),linear-gradient(135deg,#111b18f5,#09110ffa)}.timeline-item:hover .timeline-card{border-color:var(--line-strong);box-shadow:var(--shadow-strong);transform:translateY(-6px)}.timeline-item:hover .timeline-node{transform:scale(1.08)}.timeline-card-media{aspect-ratio:16/10;background:radial-gradient(circle at top right, #76b89433, transparent 38%), var(--surface-image-overlay);position:relative;overflow:hidden}.timeline-card-media img{object-fit:cover;mix-blend-mode:screen;opacity:.74;width:100%;height:100%}.timeline-coming-soon{text-align:center;color:#fff;letter-spacing:.2em;text-transform:uppercase;z-index:2;background:linear-gradient(90deg,#e23d3df0,#bf2d2df0);padding:10px 20px;font-size:.72rem;font-weight:700;position:absolute;top:18px;left:-34px;right:-34px;transform:rotate(-4deg);box-shadow:0 16px 30px #7e141447}.timeline-card-body{gap:14px;padding:24px;display:grid}.timeline-card-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.timeline-status,.timeline-period{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:.72rem;font-weight:700;display:inline-flex}.timeline-status-built{color:var(--brand-green);background:#1b5e451f}.timeline-status-future{color:var(--signal-red);background:#e23d3d1a}.timeline-period{color:var(--text-secondary);background:#76b8941f}.timeline-card h3{color:var(--text-primary);margin:0;font-size:clamp(1.4rem,2vw,1.8rem)}.timeline-card p{margin:0;line-height:1.8}@keyframes railGlow{0%,to{opacity:.72}50%{opacity:1;box-shadow:0 0 18px #76b89429}}@media (width<=900px){.vision-rail{left:26px;transform:none}.timeline-item{grid-template-columns:52px minmax(0,1fr);gap:0 18px}.timeline-item-left .timeline-card,.timeline-item-right .timeline-card{grid-column:2}.timeline-node-wrap{grid-column:1}}.studio-about{padding-top:72px}.about-top{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:stretch;gap:32px;display:grid}.about-photo-wrap,.about-copy,.about-brand{border:1px solid var(--line);background:var(--surface-elevated);box-shadow:var(--shadow-soft);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:28px}.about-photo-wrap:hover,.about-copy:hover,.about-brand:hover{border-color:var(--line-strong);box-shadow:var(--shadow-strong);transform:translateY(-4px)}.about-photo-wrap{min-height:100%;overflow:hidden}.about-photo{object-fit:cover;width:100%;height:100%}.about-copy{gap:18px;padding:32px;display:grid}.section-label-about{justify-self:start}.about-label-strong{letter-spacing:.2em;font-size:.9rem}.about-copy p{margin:0;line-height:1.8}.about-brand{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:20px;margin-top:28px;padding:28px 32px;display:grid}.about-brand-expanded{grid-template-columns:116px minmax(0,1fr);gap:24px;padding:34px 36px}.about-brand-mark{border:1px solid var(--line-strong);width:96px;height:96px;box-shadow:var(--shadow-soft);background:#ffffffeb;border-radius:28px;place-items:center;display:grid;overflow:hidden}.about-brand-expanded .about-brand-mark{width:116px;height:116px}.about-brand-logo{object-fit:cover;width:100%;height:100%}.about-brand-copy{gap:10px;display:grid}.about-brand-copy h3{color:var(--text-primary);margin:0;font-size:clamp(1.5rem,2.6vw,2.3rem)}.about-brand-expanded .about-brand-copy h3{font-size:clamp(1.8rem,3vw,2.8rem)}.about-brand-copy p{margin:0;line-height:1.8}.about-brand-expanded .about-brand-copy p{font-size:1.12rem}@media (width<=900px){.about-top{grid-template-columns:1fr}.about-photo-wrap{max-height:460px}}@media (width<=640px){.about-copy{padding:24px}.about-brand,.about-brand-expanded{grid-template-columns:1fr;padding:24px}.about-brand-expanded .about-brand-mark{width:104px;height:104px}}.contact{background:radial-gradient(circle at top right, #76b89424, transparent 26%), linear-gradient(180deg, color-mix(in srgb, var(--bg-secondary) 84%, transparent), color-mix(in srgb, var(--bg-primary) 92%, transparent))}.contact-shell{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:32px;display:grid}.contact-copy{align-content:start;gap:18px;display:grid}.contact-label-wrap{align-items:center;gap:12px;display:inline-flex}.contact-label-line{background:linear-gradient(90deg,#e23d3df2,#e23d3d24);width:36px;height:1px}.contact-label-text{letter-spacing:.22em;text-transform:uppercase;color:#f0a2a2;font-size:.78rem;font-weight:700}:root[data-theme=light] .contact-label-text{color:#b14d5c}:root[data-theme=light] .contact-label-line{background:linear-gradient(90deg,#b14d5cf2,#b14d5c2e)}.contact-text{max-width:56ch;color:var(--text-secondary);margin:0;font-size:1.08rem;line-height:1.8}.contact-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:radial-gradient(circle at top right, #76b89429, transparent 34%), var(--surface-panel-strong);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);gap:0;padding:28px;display:grid}:root[data-theme=light] .contact-panel-light-tuned{background:radial-gradient(circle at 100% 0,#9ac7b22e,#0000 34%),linear-gradient(#fbfdfcfa,#eef5f1fa);border-color:#507f702e;box-shadow:0 24px 56px #203a3114}.contact-panel:hover{border-color:var(--line-strong);box-shadow:var(--shadow-strong);transform:translateY(-4px)}.contact-row{border-bottom:1px solid #89a4d61f;justify-content:space-between;gap:16px;padding:18px 0;display:flex}.contact-row:last-of-type{border-bottom:0}.contact-row span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.contact-row a,.contact-row strong{color:#f4f8f6;text-align:right;font-weight:600}:root[data-theme=light] .contact-row a,:root[data-theme=light] .contact-row strong{color:#29433b}.contact-socials{border-bottom:1px solid #89a4d61f;gap:14px;padding:18px 0;display:grid}.contact-socials-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.contact-social-links{flex-wrap:wrap;gap:10px;display:flex}.contact-social-links a{color:#f4f8f6;background:#ffffff0a;border:1px solid #76b8943d;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;display:inline-flex}:root[data-theme=light] .contact-social-links a{color:#36564b;background:#ffffffe6;border-color:#507f7033}.contact-social-links a:last-child{display:none}.contact-social-links a:hover{background:#76b8941f;border-color:#76b8946b}.contact-cta-link{letter-spacing:.1em;text-transform:uppercase;color:#f4f8f6;align-items:center;gap:14px;width:fit-content;margin-top:22px;font-size:.95rem;font-weight:700;display:inline-flex}:root[data-theme=light] .contact-cta-link{color:#36564b}.contact-cta-link:before{content:"";background:linear-gradient(#f28989,#e23d3d);border-radius:999px;width:4px;height:36px;box-shadow:0 0 14px #e23d3d38}.contact-cta-link:hover{color:#ffd5d5}:root[data-theme=light] .contact-cta-link:hover{color:#b14d5c}@media (width<=900px){.contact-shell{grid-template-columns:1fr}}@media (width<=640px){.contact-panel{padding:24px}.contact-row{flex-direction:column;align-items:flex-start}.contact-row a,.contact-row strong{text-align:left}}.milestone-page{min-height:100vh;padding-top:120px}.milestone-back{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface-elevated);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;margin-bottom:48px;padding:10px 20px;font-size:.88rem;font-weight:600;display:inline-flex}.milestone-back:hover{border-color:var(--line-strong);color:var(--text-primary);transform:translateY(-1px)}.milestone-back-arrow{font-size:1.1rem}.milestone-header{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:64px;display:grid}.milestone-media{border-radius:var(--radius-lg);aspect-ratio:16/12;background:radial-gradient(circle at top right, #76b89433, transparent 38%), var(--surface-image-overlay);border:1px solid var(--line);position:relative;overflow:hidden}.milestone-media img{object-fit:cover;mix-blend-mode:screen;opacity:.8;width:100%;height:100%}.milestone-media-empty{background:radial-gradient(circle,#76b89414,#0000 42%),linear-gradient(135deg,#111b18f5,#09110ffa)}.milestone-coming-soon{text-align:center;color:#fff;letter-spacing:.2em;text-transform:uppercase;z-index:2;background:linear-gradient(90deg,#e23d3df0,#bf2d2df0);padding:24px 20px;font-size:1.1rem;font-weight:700;position:absolute;top:50%;left:-34px;right:-34px;transform:translateY(-50%);box-shadow:0 16px 30px #7e141447}.milestone-header-content{flex-direction:column;gap:18px;display:flex}.milestone-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.milestone-status,.milestone-period{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:32px;padding:0 14px;font-size:.72rem;font-weight:700;display:inline-flex}.milestone-status-built{color:var(--brand-green);background:#1b5e451f}.milestone-status-future{color:var(--signal-red);background:#e23d3d1a}.milestone-period{color:var(--text-secondary);background:#76b8941f}.milestone-title{color:var(--text-primary);margin:0;font-size:clamp(2.2rem,4vw,3.6rem)}.milestone-desc{color:var(--text-secondary);max-width:520px;margin:0;font-size:1.1rem;line-height:1.8}.milestone-body{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:48px;padding-top:48px;display:grid}.milestone-details h2,.milestone-features h2{color:var(--text-primary);margin:0 0 20px;font-size:1.4rem}.milestone-details p{color:var(--text-secondary);margin:0 0 18px;font-size:1rem;line-height:1.9}.milestone-details p:last-child{margin-bottom:0}.milestone-features ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.milestone-features li{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text-primary);transition:border-color var(--transition-fast);padding:14px 20px;font-size:.95rem;font-weight:500;position:relative}.milestone-features li:hover{border-color:var(--line-strong)}.milestone-not-found{justify-content:center;align-items:center;min-height:60vh;display:flex}.milestone-not-found-content{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.milestone-not-found-content h1{color:var(--text-primary);font-size:2.4rem}.milestone-not-found-content p{color:var(--text-secondary);margin-bottom:8px}@media (width<=768px){.milestone-header{grid-template-columns:1fr;gap:32px}.milestone-body{grid-template-columns:1fr;gap:36px}.milestone-page{padding-top:100px}}