:root{--navy:#061a2e;--navy2:#0a2540;--gold:#d9a62e;--gold2:#f0c65c;--ivory:#f5f0e8;--white:#fff;--ink:#10273c;--muted:#6c7780;--line:rgba(6,26,46,.12)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:"Cairo",sans-serif;color:var(--ink);background:var(--ivory);overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.page-noise{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(240,198,92,.1),transparent 68%);pointer-events:none;z-index:2;transform:translate(-50%,-50%)}
.navbar{position:fixed;z-index:1000;top:18px;left:50%;transform:translateX(-50%);width:min(1210px,calc(100% - 32px));height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(6,26,46,.72);backdrop-filter:blur(18px);box-shadow:0 15px 45px rgba(0,0,0,.12);transition:.3s}.navbar.scrolled{top:8px;background:rgba(6,26,46,.94)}.brand{direction:ltr;display:flex;align-items:center;gap:11px}.brand-symbol{width:43px;height:43px;position:relative;display:flex;align-items:center;font-family:Manrope,sans-serif;font-weight:800}.brand-symbol b{font-size:2.35rem;line-height:1;color:var(--gold2)}.brand-symbol i{font-size:1.7rem;font-style:normal;color:white;margin-left:-8px;margin-top:8px}.brand-name{display:flex;flex-direction:column;line-height:1;font-family:Manrope,sans-serif;letter-spacing:.1em}.brand-name strong{font-size:.82rem;color:var(--gold2)}.brand-name small{font-size:.64rem;color:#fff;letter-spacing:.18em;margin-top:5px}.navbar nav{display:flex;align-items:center;gap:30px;color:#dfe8ef;font-size:.88rem}.navbar nav a{transition:.25s}.navbar nav a:hover{color:var(--gold2)}.nav-cta{border:1px solid rgba(240,198,92,.45);border-radius:10px;padding:10px 17px;color:var(--gold2)!important}.nav-cta span{margin-right:7px}.menu-toggle{display:none;background:none;border:0;width:38px;height:38px}.menu-toggle span{display:block;width:23px;height:2px;margin:6px auto;background:#fff;transition:.3s}
.hero{position:relative;min-height:100vh;background:radial-gradient(circle at 13% 18%,rgba(217,166,46,.15),transparent 24%),radial-gradient(circle at 84% 64%,rgba(217,166,46,.09),transparent 22%),var(--navy);color:#fff;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;padding:145px max(5vw,calc((100vw - 1180px)/2)) 90px;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(to left,black,transparent 72%);pointer-events:none}.hero-copy,.hero-art{position:relative;z-index:3}.eyebrow{font:700 .74rem Manrope,"Cairo";letter-spacing:.08em;color:var(--gold2);display:flex;align-items:center;gap:11px}.eyebrow span{display:inline-block;width:35px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(3rem,5.6vw,6.1rem);line-height:1.16;letter-spacing:-.055em;margin:23px 0}.hero h1 em,.section-intro h2 em,.why h2 em,.cta-content h2 em{color:var(--gold2);font-style:normal}.hero-copy>p{max-width:625px;color:#b9c4ce;font-size:1.08rem;line-height:2}.hero-actions{display:flex;gap:12px;margin-top:31px}.btn{min-height:52px;padding:0 23px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-weight:800;transition:.3s;border:1px solid transparent}.btn:hover{transform:translateY(-3px)}.btn-gold{color:#112436;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 16px 35px rgba(217,166,46,.17)}.btn-gold:hover{box-shadow:0 20px 44px rgba(217,166,46,.28)}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.03)}.play{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:.55rem}.hero-proof{display:flex;align-items:center;margin-top:32px;gap:14px}.avatars{direction:ltr;display:flex}.avatars span{width:34px;height:34px;border-radius:50%;margin-left:-7px;border:2px solid var(--navy);background:#173650;display:grid;place-items:center;color:var(--gold2);font:700 .55rem Manrope}.hero-proof p{font-size:.72rem;line-height:1.7;color:#8395a4}.hero-proof strong{color:#fff}.hero-art{height:570px;display:grid;place-items:center;direction:ltr}.logo-frame{position:relative;width:min(450px,90%);aspect-ratio:1;border-radius:48% 52% 46% 54%/54% 43% 57% 46%;padding:9px;background:linear-gradient(135deg,rgba(240,198,92,.85),rgba(255,255,255,.15),rgba(217,166,46,.35));box-shadow:0 45px 100px rgba(0,0,0,.42);overflow:hidden;animation:float 6s ease-in-out infinite}.logo-frame:before{content:"";position:absolute;inset:9px;border-radius:inherit;background:#eae2d7}.logo-frame img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:inherit;transform:scale(1.01)}.logo-shine{position:absolute;z-index:2;width:80px;height:150%;top:-25%;left:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(20deg);animation:shine 6s 1.5s infinite}.orbit{position:absolute;border:1px solid rgba(240,198,92,.18);border-radius:50%}.orbit-a{width:540px;height:540px}.orbit-b{width:620px;height:390px;transform:rotate(-25deg)}.float-card{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(6,26,46,.78);backdrop-filter:blur(15px);box-shadow:0 16px 38px rgba(0,0,0,.22)}.float-card>span{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:rgba(217,166,46,.15);color:var(--gold2);font-weight:800}.float-card div{display:flex;flex-direction:column}.float-card b{font-size:.74rem}.float-card small{font-size:.58rem;color:#8ca0b1}.card-code{left:-18px;top:20%;animation:float 5s ease-in-out infinite}.card-growth{right:-10px;bottom:17%;animation:float 5.8s .8s ease-in-out infinite}.mini-pixel{position:absolute;background:var(--gold);box-shadow:0 6px 16px rgba(0,0,0,.3)}.p1{width:12px;height:12px;top:12%;right:8%}.p2{width:8px;height:8px;bottom:20%;left:6%;background:#214768}.p3{width:18px;height:18px;bottom:8%;right:18%;background:#173650}.scroll-hint{position:absolute;z-index:3;bottom:26px;right:50%;transform:translateX(50%);font-size:.67rem;color:#8295a5;display:flex;align-items:center;gap:9px}.scroll-hint span{width:20px;height:31px;border:1px solid #536a7d;border-radius:12px;position:relative}.scroll-hint span:after{content:"";position:absolute;width:3px;height:5px;border-radius:4px;background:var(--gold);left:8px;top:6px;animation:scroll 1.8s infinite}
.marquee{height:62px;display:flex;align-items:center;overflow:hidden;background:var(--gold);color:var(--navy);font-weight:800;white-space:nowrap}.marquee-track{display:flex;align-items:center;gap:30px;min-width:max-content;animation:marquee 26s linear infinite}.marquee i{font-style:normal;font-size:.8rem}.section{width:min(1180px,calc(100% - 36px));margin:auto;padding:120px 0}.section-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;margin-bottom:52px;align-items:start}.section-number{display:block;font:600 .7rem Manrope;color:#9da3a6;margin-bottom:22px}.eyebrow.dark{color:#82620d}.section-intro h2,.why h2,.cta-content h2{font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1.22;letter-spacing:-.045em}.section-intro h2 em{color:#b8860b}.section-intro p{color:var(--muted);line-height:1.9;max-width:570px;margin-top:16px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{position:relative;min-height:340px;padding:28px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.48);overflow:hidden;transition:.35s}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(217,166,46,.1),transparent 40%);opacity:0;transition:.3s}.service-card:hover{transform:translateY(-8px);border-color:rgba(184,134,11,.36);box-shadow:0 25px 55px rgba(14,34,50,.09)}.service-card:hover:before{opacity:1}.service-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.service-card.featured p{color:#aab8c3}.service-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#e9dfcc;color:#9a7211;font:800 1.25rem Manrope;margin-bottom:55px}.featured .service-icon{background:rgba(217,166,46,.14);color:var(--gold2)}.tag{position:absolute;top:31px;left:28px;font:.65rem Manrope;color:#a6abad}.service-card h3{font-size:1.35rem;margin-bottom:11px}.service-card p{font-size:.83rem;line-height:1.9;color:var(--muted);min-height:76px}.service-card a{position:relative;display:inline-flex;align-items:center;gap:9px;margin-top:19px;color:#9b7414;font-size:.76rem;font-weight:700}.featured a{color:var(--gold2)}.service-card a b{transition:.3s}.service-card:hover a b{transform:translate(3px,-3px)}
.why{background:var(--navy);color:white;padding:120px max(5vw,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.why-visual{position:relative;min-height:520px;display:grid;place-items:center}.code-window{direction:ltr;width:100%;max-width:520px;background:#0b2237;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 35px 90px rgba(0,0,0,.28);overflow:hidden;transform:perspective(1000px) rotateY(5deg)}.window-bar{height:50px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.08);padding:0 16px}.window-bar i{width:8px;height:8px;background:#e4ae32;border-radius:50%}.window-bar i:nth-child(2){opacity:.55}.window-bar i:nth-child(3){opacity:.25}.window-bar span{margin-left:auto;margin-right:auto;font:500 .58rem Manrope;color:#6f879a}.code-window pre{padding:48px 38px;font:600 1.05rem/2.2 Manrope;color:#b5c4d0}.code-window pre small{color:#617d91}.code-window pre b{color:#e2ab30}.code-window pre em{color:#8bc5a4;font-style:normal}.code-window pre strong{color:var(--gold2)}.code-status{display:flex;justify-content:space-between;padding:16px 28px;background:#071a2c;font:600 .65rem Manrope;color:#7890a2}.code-status span{color:#73b995}.code-status b{color:var(--gold2)}.experience{position:absolute;bottom:6%;right:-2%;padding:19px 22px;border-radius:14px;background:var(--gold);color:var(--navy);display:flex;align-items:center;gap:12px;box-shadow:0 18px 45px rgba(0,0,0,.3)}.experience strong{font:800 2.3rem Manrope}.experience span{font-size:.66rem;line-height:1.5;font-weight:700}.why-copy .section-number{color:#657e91}.why h2{margin:19px 0}.why-copy>p{color:#a9b7c2;line-height:2;font-size:.92rem}.why ul{list-style:none;margin-top:30px}.why li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.why li>span{flex:0 0 31px;height:31px;border-radius:50%;background:rgba(217,166,46,.13);display:grid;place-items:center;color:var(--gold2);font-size:.75rem}.why li div{display:flex;flex-direction:column}.why li b{font-size:.9rem}.why li small{color:#7e94a5;margin-top:4px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.steps:before{content:"";position:absolute;top:62px;right:12.5%;left:12.5%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold),transparent)}.steps article{position:relative;text-align:center;padding:0 22px}.steps article>span{font:600 .6rem Manrope;color:#a2a6a8}.step-icon{position:relative;z-index:1;width:66px;height:66px;margin:20px auto 28px;border-radius:50%;display:grid;place-items:center;background:var(--ivory);border:1px solid rgba(184,134,11,.4);color:#9b7414;font-size:1.3rem;box-shadow:0 0 0 9px var(--ivory)}.steps h3{font-size:1.05rem;margin-bottom:10px}.steps p{color:var(--muted);font-size:.77rem;line-height:1.8}.cta-section{position:relative;overflow:hidden;background:var(--navy);color:#fff;text-align:center;min-height:560px;display:grid;place-items:center;padding:100px 20px}.cta-section:before,.cta-section:after{content:"";position:absolute;border:1px solid rgba(217,166,46,.12);border-radius:50%;width:600px;height:600px}.cta-section:before{right:-360px;top:-150px}.cta-section:after{left:-350px;bottom:-300px}.cta-content{position:relative;z-index:2}.cta-content .eyebrow{justify-content:center}.cta-content h2{font-size:clamp(3rem,6vw,6rem);margin:20px 0}.cta-content p{color:#a9b8c3;margin-bottom:30px}.contact-actions{display:flex;justify-content:center;align-items:center;gap:24px}.contact-email{font:600 .76rem Manrope;color:#93a7b6;border-bottom:1px solid #496177;padding-bottom:4px}.cta-pixels i{position:absolute;background:var(--gold)}.cta-pixels i:nth-child(1){width:18px;height:18px;right:10%;top:25%}.cta-pixels i:nth-child(2){width:9px;height:9px;right:16%;top:18%;background:#1a405f}.cta-pixels i:nth-child(3){width:13px;height:13px;left:13%;bottom:23%;background:#214a69}.cta-pixels i:nth-child(4){width:7px;height:7px;left:18%;bottom:17%}
footer{background:#041424;color:#8fa0ad;padding:50px max(5vw,calc((100vw - 1180px)/2)) 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-top>p{font-size:.78rem}.footer-links{display:flex;gap:25px;color:#c4cfd7;font-size:.75rem}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;font-size:.65rem}.reveal{opacity:0;transform:translateY(28px);transition:.8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-13px)}}@keyframes shine{0%,60%{left:-40%}85%,100%{left:130%}}@keyframes scroll{0%{transform:translateY(0);opacity:1}100%{transform:translateY(11px);opacity:0}}@keyframes marquee{to{transform:translateX(50%)}}
@media(max-width:950px){.navbar nav{position:absolute;top:80px;right:0;left:0;display:none;flex-direction:column;align-items:stretch;background:rgba(6,26,46,.98);padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px}.navbar nav.open{display:flex}.navbar nav a{padding:10px}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:145px;text-align:center}.hero-copy{max-width:750px;margin:auto}.hero .eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero-art{height:470px}.logo-frame{width:380px}.orbit-a{width:440px;height:440px}.orbit-b{width:510px}.scroll-hint{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.why{grid-template-columns:1fr;gap:60px}.why-copy{order:-1}.why-visual{min-height:450px}.steps{grid-template-columns:repeat(2,1fr);gap:48px 0}.steps:before{display:none}.section-intro{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.cursor-glow{display:none}.navbar{height:64px}.brand-name{display:none}.hero{padding:125px 18px 75px;min-height:auto}.hero h1{font-size:2.75rem}.hero-copy>p{font-size:.92rem}.hero-actions{flex-direction:column}.hero-art{height:390px}.logo-frame{width:290px}.orbit-a{width:340px;height:340px}.orbit-b{width:380px}.float-card{transform:scale(.85)}.card-code{left:-10px}.card-growth{right:-8px}.marquee{height:54px}.section{padding:85px 0}.section-intro h2,.why h2{font-size:2.5rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px}.why{padding:85px 18px}.why-visual{min-height:360px}.code-window pre{padding:34px 20px;font-size:.72rem}.experience{right:0;bottom:-3%}.steps{grid-template-columns:1fr;gap:44px}.cta-section{min-height:530px}.cta-content h2{font-size:3rem}.contact-actions{flex-direction:column}.footer-top,.footer-bottom{flex-direction:column;gap:20px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* The supplied brand artwork is used directly — no redrawn mark. */
.brand-logo{width:58px;height:58px;overflow:hidden;border-radius:9px;background:#eee8df;box-shadow:0 5px 18px rgba(0,0,0,.18)}
.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}
.footer-logo{width:100px;height:100px;background:#eee8df}
@media(max-width:600px){.brand-logo{width:48px;height:48px}.footer-logo{width:90px;height:90px}}
.language-toggle{border:1px solid rgba(240,198,92,.45);background:rgba(240,198,92,.08);color:var(--gold2);border-radius:9px;min-width:43px;height:38px;padding:0 10px;font:800 .7rem Manrope,"Cairo";cursor:pointer;transition:.25s}.language-toggle:hover{background:var(--gold);color:var(--navy)}
html[lang="en"] body{font-family:Manrope,"Cairo",sans-serif}html[lang="en"] .hero h1,html[lang="en"] .section-intro h2,html[lang="en"] .why h2,html[lang="en"] .cta-content h2{letter-spacing:-.055em}html[lang="en"] .hero-copy>p,html[lang="en"] .service-card p,html[lang="en"] .why-copy>p,html[lang="en"] .steps p{line-height:1.75}
@media(max-width:950px){.language-toggle{width:100%;margin-top:5px}}