*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:'SF Arabic';src:url('fonts/webfonts/cairo-arabic-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Instrument Serif';src:url('fonts/webfonts/InstrumentSerif-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('fonts/webfonts/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('fonts/webfonts/inter-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}:root{--font-display:'SF Arabic','Instrument Serif',serif;--font-body:'SF Arabic','Inter',sans-serif;--bg:#0a0a0c;--text-main:rgba(255,255,255);--text-soft:rgb(255,255,255);--text-muted:rgba(255,255,255,.52);--line:rgba(255,255,255,.12);--glass-hover:rgba(10,14,10,.72);--accent:#aad500;--accent-glow:rgba(170,213,0,.22);--accent-border:rgba(170,213,0,.40);--accent-color:#aad500;--nav-height:74px}html{scroll-behavior:smooth}body{min-height:100vh;background-color:var(--bg);color:var(--text-main);font-family:var(--font-body);line-height:1.85}#shapes-bg{position:fixed;top:0;left:0;right:0;height:100lvh;z-index:0;overflow:hidden;pointer-events:none;transform:translateZ(0)}.shapes-bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 15% 30%,rgba(170,213,0,.07) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 85% 80%,rgba(120,160,0,.04) 0%,transparent 65%)}.elegant-shape{position:absolute;will-change:transform,opacity;contain:layout style}.elegant-shape-inner{position:relative;width:100%;height:100%;animation:shape-float 12s ease-in-out infinite;will-change:transform}.elegant-shape-pill{position:absolute;inset:0;border-radius:9999px;background:linear-gradient(to right,var(--shape-color,rgba(255,255,255,.08)),transparent);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px 0 rgba(255,255,255,.08)}@keyframes shape-entry{from{opacity:0;transform:translateY(-150px) rotate(var(--rotate-from,0deg))}to{opacity:1;transform:translateY(0) rotate(var(--rotate-to,0deg))}}@keyframes shape-float{0%,100%{transform:translateY(0)}50%{transform:translateY(15px)}}.shape-1{width:600px;height:140px;left:-10%;top:15%;--rotate-from:-3deg;--rotate-to:12deg;--shape-color:rgba(99,102,241,.15);animation:shape-entry 2.4s cubic-bezier(.23,.86,.39,.96) .3s both}.shape-1 .elegant-shape-inner{animation-delay:2.7s}.shape-2{width:500px;height:120px;right:-5%;top:70%;--rotate-from:-30deg;--rotate-to:-15deg;--shape-color:rgba(244,63,94,.15);animation:shape-entry 2.4s cubic-bezier(.23,.86,.39,.96) .5s both}.shape-2 .elegant-shape-inner{animation-delay:2.9s}.shape-3{width:300px;height:80px;left:5%;bottom:5%;--rotate-from:-23deg;--rotate-to:-8deg;--shape-color:rgba(139,92,246,.15);animation:shape-entry 2.4s cubic-bezier(.23,.86,.39,.96) .4s both}.shape-3 .elegant-shape-inner{animation-delay:2.8s}.shape-4{width:200px;height:60px;right:15%;top:10%;--rotate-from:5deg;--rotate-to:20deg;--shape-color:rgba(245,158,11,.15);animation:shape-entry 2.4s cubic-bezier(.23,.86,.39,.96) .6s both}.shape-4 .elegant-shape-inner{animation-delay:3.0s}.shape-5{width:150px;height:40px;left:20%;top:5%;--rotate-from:-40deg;--rotate-to:-25deg;--shape-color:rgba(6,182,212,.15);animation:shape-entry 2.4s cubic-bezier(.23,.86,.39,.96) .7s both}.shape-5 .elegant-shape-inner{animation-delay:3.1s}@media (min-width:768px){.shape-1{left:-5%;top:20%}.shape-2{right:0;top:75%}.shape-3{left:10%;bottom:10%}.shape-4{right:20%;top:15%}.shape-5{left:25%;top:10%}}.shapes-vignette{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0%,transparent 30%,rgba(10,10,12,.80) 100%);pointer-events:none}@media (prefers-reduced-motion:reduce){.elegant-shape{animation:none!important;opacity:1;transform:rotate(var(--rotate-to,0deg))}.elegant-shape-inner{animation:none!important}}.liquid-glass{background:rgba(255,255,255,.01);background-blend-mode:luminosity;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;box-shadow:inset 0 1px 1px rgba(255,255,255,.1);position:relative;overflow:hidden}.btn-cta{display:inline-block;border-radius:9999px;padding:.625rem 1.5rem;font-size:.875rem;color:var(--text-main);text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 0 0 rgba(10,14,10,.9),0 12px 20px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.15);transform:translateY(-4px)}.btn-cta:hover{transform:translateY(-6px);box-shadow:0 0 0 rgba(10,14,10,.9),0 16px 25px rgba(0,0,0,.07),inset 0 1px 1px rgba(255,255,255,.25)}.btn-cta:active{transform:translateY(0);box-shadow:0 2px 0 rgba(10,14,10,.9),0 8px 10px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.1)}@keyframes fade-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-rise{animation:fade-rise .8s ease-out both}.animate-fade-rise-delay{animation:fade-rise .8s ease-out .2s both}.animate-fade-rise-delay-2{animation:fade-rise .8s ease-out .4s both}.hero-section{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100svh;padding:90px .5rem 0}.hero-h1{font-family:var(--font-display);font-size:clamp(2.8rem,8vw,6rem);font-weight:400;line-height:.95;letter-spacing:-.04em;max-width:80rem;color:var(--foreground);margin-bottom:0}.hero-em{font-style:normal;color:var(--muted-foreground)}.hero-sub{color:var(--muted-foreground);font-size:clamp(1rem,2vw,1.125rem);max-width:42rem;margin-top:2rem;line-height:1.75}.hero-cycle-word{color:var(--accent);font-weight:600;display:inline-block;transition:opacity .32s ease,transform .42s cubic-bezier(.34,1.56,.64,1)}.hero-cycle-word.is-exiting{opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease}.hero-cycle-word.is-entering{opacity:0;transform:translateY(-12px);transition:none}@media (prefers-reduced-motion:reduce){.hero-cycle-word,.hero-cycle-word.is-exiting,.hero-cycle-word.is-entering{transition:none;transform:none;opacity:1}}.hero-section .btn-cta{padding:1.25rem 3.5rem;font-size:1rem;margin-top:3rem}body.menu-open{overflow:hidden}#canvas{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;display:block;z-index:3;pointer-events:none}.site-shell{position:relative;z-index:4;overflow-x:hidden}.navbar{position:fixed;top:.7rem;right:0;left:0;z-index:40}.nav-inner{width:min(1120px,92%);min-height:var(--nav-height);margin-inline:auto;padding:.55rem .75rem;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.24);display:flex;align-items:center;justify-content:space-between;gap:.8rem;position:relative;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent}.nav-inner::after{content:'';position:absolute;inset:0;border-radius:14px;background:rgba(7,7,11,.40);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:-1;pointer-events:none}.nav-brand{display:inline-flex;align-items:center;text-decoration:none;line-height:1}.nav-logo{display:block;height:48px;width:auto;object-fit:contain;filter:brightness(1);transition:filter .2s ease}.nav-brand:hover .nav-logo{filter:brightness(1.1) drop-shadow(0 0 6px rgba(170,213,0,.5))}.nav-menu{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.nav-link{color:var(--text-soft);display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;border-radius:999px;border:1px solid transparent;padding:.4rem .8rem;font-size:.9rem;transition:color .22s ease,border-color .22s ease,background-color .22s ease}.nav-link:hover{color:var(--text-main);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.nav-link.active{color:#f7f9ff;border-color:var(--accent-border);background:var(--accent-glow)}.nav-toggle{width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);color:var(--text-main);display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}.nav-toggle span{width:18px;height:2px;background:rgba(247,250,255,.9);border-radius:99px;transition:transform .25s ease,opacity .25s ease}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.section{width:min(1120px,92%);margin-inline:auto;padding-block:clamp(2rem,5vw,3.5rem);scroll-margin-top:calc(var(--nav-height) + 1.3rem)}#about.section{padding-block-start:1rem}.glass-card{border:1px solid rgba(255,255,255,.13);background:rgba(10,10,16,.5);border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:999px;text-decoration:none;border:1px solid transparent;padding:.65rem 1.25rem;font-size:.95rem;transition:background-color .25s ease,border-color .25s ease,color .25s ease;cursor:pointer}.btn-primary{background:var(--accent-glow);border-color:var(--accent-border);color:#f4f7ff}.btn-primary:hover{background:rgba(170,213,0,.32)}.section-head{margin-bottom:1.4rem}.section-kicker{color:var(--text-muted);margin-bottom:.15rem;font-size:.94rem}.section-head h2{font-weight:600;font-size:clamp(1.4rem,3.3vw,2rem)}.grid{display:grid;gap:1rem}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:1.4rem}.stack h3{color:var(--accent-color);font-size:1.05rem;margin-bottom:.25rem}.stack h3+p{margin-bottom:1rem}.location-tag{display:inline-flex;align-items:center;gap:.35rem;color:rgba(221,228,248,.9);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.3rem .8rem;font-size:.9rem}.icon-inline{color:rgba(205,216,248,.9);margin-inline-end:.35rem}.me-2{margin-inline-end:.5rem!important}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.reason-card{padding:1.25rem;transition:transform .25s ease,background-color .25s ease}.service-icon,.reason-icon{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.55rem;border:1px solid var(--accent-border);background:var(--accent-glow);color:var(--accent)}.service-icon i,.reason-icon i{font-size:.95rem}.service-card:hover,.reason-card:hover,.faq-item:hover,.contact-info:hover,.contact-form:hover,.project-card:hover{transform:translateY(-2px);background:var(--glass-hover)}.service-card h3,.reason-card h3,.project-card h3{margin-bottom:.4rem;color:rgba(234,239,255,.96);font-size:1.03rem}.project-card h3{display:inline-flex;align-items:center;gap:.4rem}.service-card p,.reason-card p,.project-card p,.faq-item p,.panel p{color:var(--text-soft)}.project-card{padding:1.35rem;border-color:var(--accent-border)}.bullet-list{margin-top:.65rem;padding-inline-start:1.15rem}.bullet-list li{color:var(--text-soft);margin-bottom:.25rem}.reasons-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.faq-list{display:grid;gap:.7rem}.faq-item{padding:.9rem 1rem}.faq-item summary{cursor:pointer;list-style:none;font-weight:600;color:var(--text-main)}.faq-item summary .icon-inline{color:rgba(205,216,248,.92)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"＋";float:inline-end;color:var(--text-muted)}.faq-item[open] summary::after{content:"－"}.faq-item p{margin-top:.55rem}.contact-grid{grid-template-columns:.95fr 1.05fr}.info-list{list-style:none;display:flex;flex-direction:column;gap:.8rem}.info-list li{color:var(--text-soft);display:grid;grid-template-columns:minmax(130px,max-content) 1fr;align-items:center;gap:1rem;padding-bottom:.8rem;border-bottom:1px dashed rgba(255,255,255,.1)}.info-list li:last-child{border-bottom:none;padding-bottom:0}.info-label{display:flex;align-items:center;gap:.4rem}.info-label span{color:var(--text-main);font-weight:600}.info-value{text-align:end}.info-value[dir="ltr"]{text-align:end;display:inline-block}.info-list a,.social-links a{color:rgba(205,216,248,.96);text-decoration:none}.info-list a:hover,.social-links a:hover{color:#f4f7ff;text-decoration:underline}.social-links{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.8rem 1rem}.social-links a{display:inline-flex;align-items:center;gap:.4rem}.contact-form{display:grid;gap:.55rem}.contact-form label{color:var(--text-main);font-size:.92rem;font-weight:600}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.2);color:var(--text-main);border-radius:10px;padding:.66rem .75rem;font:inherit;outline:none}.contact-form select option{background:#0f1016;color:#f4f7ff}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.48)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(170,213,0,.65);box-shadow:0 0 0 2px var(--accent-glow)}.contact-form button{margin-top:.55rem;width:fit-content}.form-note{margin-top:.1rem;color:var(--text-muted);font-size:.9rem}.recaptcha-wrap{margin-top:.25rem}.recaptcha-error{display:none;margin-top:.35rem;color:#f87171;font-size:.88rem}.recaptcha-error.is-visible{display:block}.footer{width:min(1120px,92%);margin-inline:auto;padding:0 0 2rem;color:var(--text-muted);text-align:center;font-size:.9rem}.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}@media (max-width:1024px){.two-col,.services-grid,.contact-grid{grid-template-columns:1fr}}@media (max-width:920px){.navbar{top:.5rem}.nav-toggle{display:inline-flex}.nav-menu{position:absolute;top:calc(100% + .45rem);right:0;left:0;padding:.6rem;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(7,7,11,.40);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 14px 34px rgba(0,0,0,.28);display:grid;gap:.35rem;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.nav-menu.show{opacity:1;transform:none;pointer-events:auto}.nav-link{width:100%;border-radius:10px;padding:.56rem .75rem;font-size:.93rem}}@media (max-width:768px){.section{width:min(720px,94%);padding-block:2rem 1.5rem}.panel,.service-card,.reason-card{padding:1rem}.contact-form button{width:100%}.animate-fade-rise,.animate-fade-rise-delay,.animate-fade-rise-delay-2{animation:none!important;opacity:1!important;transform:none!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.service-card,.reason-card,.faq-item,.contact-info,.contact-form,.project-card{transition:none}.nav-link,.nav-menu,.nav-toggle span{transition:none}}