@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap";.landing{--bg: #f2eee8;--surface: #fbf9f5;--surface-soft: #efe8de;--ink: #141414;--ink-soft: #43413e;--accent: #fd7e3f;--accent-deep: #11484a;color:var(--ink);background:var(--bg);min-height:100vh;position:relative;overflow:clip}.landing:before,.landing:after{content:"";position:absolute;pointer-events:none;z-index:0}.landing:before{display:none}.landing:after{width:540px;height:540px;left:-180px;bottom:-140px;background:radial-gradient(circle,#fd7e3f1f,#fd7e3f00 70%)}.topbar,main,.site-footer{position:relative;z-index:1}.topbar{width:min(1140px,calc(100% - 2.4rem));margin:1.1rem auto 0;display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;border:1px solid rgb(20 20 20 / 14%);border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fbf9f5c7;position:sticky;top:.85rem;z-index:10;box-shadow:0 10px 26px #1414141a}.brand{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.brand-logo{display:block;height:2.72rem;width:auto;max-width:min(15.2rem,44vw);object-fit:contain}.topbar nav{display:flex;gap:1.1rem}.topbar-nav-contact{display:none}.topbar nav a,.topbar-cta,.lang-toggle{font-size:.9rem;color:var(--ink-soft);text-decoration:none}.topbar nav a:hover,.topbar-cta:hover,.lang-toggle:hover{color:var(--ink)}.topbar nav a:focus-visible,.topbar-cta:focus-visible,.lang-toggle:focus-visible,.topbar-menu-toggle:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}.topbar-actions{display:flex;align-items:center;gap:.55rem}.topbar-cta{border:1px solid rgb(20 20 20 / 18%);border-radius:999px;padding:.45rem .8rem}.lang-toggle{border:1px solid rgb(20 20 20 / 18%);border-radius:999px;padding:.45rem .8rem;background:transparent;cursor:pointer}.topbar nav a{white-space:nowrap}.topbar-menu-toggle{display:none;width:2.2rem;height:2.2rem;border:1px solid rgb(20 20 20 / 18%);border-radius:.75rem;background:transparent;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:.26rem;padding:0}.topbar-menu-toggle span{width:.95rem;height:2px;border-radius:999px;background:var(--ink-soft);transition:transform .24s ease,opacity .2s ease}.topbar-menu-toggle:hover span{background:var(--ink)}.topbar-menu-toggle.is-open span:nth-child(1){transform:translateY(.37rem) rotate(45deg)}.topbar-menu-toggle.is-open span:nth-child(2){opacity:0}.topbar-menu-toggle.is-open span:nth-child(3){transform:translateY(-.37rem) rotate(-45deg)}.section{width:min(1180px,calc(100% - 2.4rem));margin:0 auto;padding:6rem 0}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;padding-top:2.8rem;min-height:calc(100vh - 8rem);align-items:center}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent-deep);font-weight:600}.hero-title{margin:.8rem 0 1rem;display:grid;gap:.06em;font-family:Fraunces,serif;font-size:clamp(2.6rem,6vw,5.2rem);line-height:.98;max-width:14ch}.hero-title-lead{display:block}.hero-title-rotate{display:block;color:var(--accent-deep);min-height:1.1em;animation:word-swap .35s ease}.hero-copy p{margin:0;color:var(--ink-soft);max-width:62ch;font-size:1.05rem}.hero-actions{margin-top:2rem;display:flex;gap:.9rem;flex-wrap:wrap}.button{text-decoration:none;border-radius:999px;padding:.75rem 1.2rem;font-size:.92rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.button:hover{transform:translateY(-1px)}.button-solid{background:linear-gradient(140deg,#181818,#2b2b2b);color:#fff;box-shadow:0 14px 28px #1414142e}.button-ghost{background:#ffffffad;color:var(--ink);border:1px solid rgb(20 20 20 / 18%)}.hero-tags{margin:1.4rem 0 0;padding:0;list-style:none;display:flex;gap:.55rem;flex-wrap:wrap}.hero-tags li{background:#fffc;border:1px solid rgb(20 20 20 / 14%);border-radius:999px;padding:.42rem .8rem;font-size:.82rem;color:var(--ink-soft)}.hero-art{display:grid;gap:1rem}.art-card{border-radius:28px;border:1px solid rgb(20 20 20 / 12%);padding:1.1rem 1.2rem;background:#fbf9f5bd}.art-main{display:grid;gap:.3rem}.art-main p,.art-small p{margin:0;font-size:.82rem;color:var(--ink-soft)}.art-main strong,.art-small strong{font-size:1.02rem}.art-main span{color:var(--ink-soft);font-size:.82rem}.art-small{overflow:hidden}.studio-svg{width:100%;border-radius:32px;border:1px solid rgb(20 20 20 / 13%);background:linear-gradient(180deg,#fffffff2,#eee8e0e0);padding:.3rem}.studio-svg .studio-frame,.studio-svg .studio-stage{fill:none;stroke:#14141452;stroke-width:2}.studio-svg .studio-light-head{fill:#ffffffd6;stroke:#14141438;stroke-width:2}.studio-svg .studio-light-beam{fill:#fd7e3f38}.studio-svg .studio-camera-body,.studio-svg .studio-viewfinder,.studio-svg .studio-monitor{fill:#11484a24;stroke:#1414145c;stroke-width:2}.studio-svg .studio-lens-outer{fill:#fbf9f5eb;stroke:#1414147a;stroke-width:2.5}.studio-svg .studio-lens-inner{fill:#11484a85}.studio-svg .studio-rec-dot{fill:#fd7e3f}.studio-svg .studio-tripod,.studio-svg .studio-waveform,.studio-svg .studio-person-body{fill:none;stroke:#14141473;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.studio-svg .studio-person-head{fill:#fd7e3fb8}.workflow-svg{width:100%;height:auto;margin-top:.5rem}.workflow-board{fill:#ffffff85;stroke:#14141429;stroke-width:1.4}.workflow-card{fill:#fbf9f5eb;stroke:#11484a8c;stroke-width:1.8}.workflow-step-index-circle{fill:#11484ae5}.workflow-step-index{fill:#fff;font-size:9px;font-weight:700}.workflow-icon *{fill:none;stroke:#141414b3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.workflow-arrow-glyph path{fill:none;stroke:#11484a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.workflow-step{fill:#141414eb;font-size:11px;font-weight:600}.services .section-head,.results .section-head,.partners .section-head,.about-copy{max-width:64ch}.section-head h2,.about-copy h2{margin:.7rem 0 0;font-family:Fraunces,serif;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.1}.services .section-head h2{white-space:nowrap;font-size:clamp(.62rem,2.55vw,3.1rem)}.services-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.service-card{background:linear-gradient(170deg,#fbf9f5f0,#efe8debd);border:1px solid rgb(20 20 20 / 12%);border-radius:28px;padding:1.5rem;display:grid;gap:.8rem;transition:transform .25s ease,border-color .25s ease;box-shadow:0 10px 24px #14141414}.service-card:hover{transform:translateY(-4px);border-color:#11484a59}.service-icon-wrap{width:3rem;height:3rem;border-radius:14px;display:grid;place-items:center;background:#1414140d}.service-icon-wrap svg{width:2rem;height:2rem}.service-icon-wrap svg *{fill:none;stroke:var(--accent-deep);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.service-card h3{margin:0;font-size:1.24rem}.service-card p{margin:0;color:var(--ink-soft);font-size:.96rem}.service-card ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.service-card li{border-radius:999px;border:1px solid rgb(17 72 74 / 20%);color:var(--accent-deep);font-size:.8rem;padding:.34rem .66rem}.social-showcase-wrap{margin-top:2.6rem;display:grid;gap:1.2rem;min-height:100vh}.social-showcase-head{display:flex;justify-content:flex-start;padding:.35rem calc(min(390px,52vw) + 1.8rem) .6rem 0}.social-showcase-head{position:sticky;top:4.8rem;z-index:3}.social-showcase-head-text{display:grid;gap:.5rem;max-inline-size:34rem;transform:translateY(0);transition:transform .62s cubic-bezier(.2,.9,.2,1)}.social-showcase-wrap.is-taking-over .social-showcase-head-text{transform:translateY(clamp(96px,15vh,170px))}.social-showcase-head h3{margin:0;font-family:Fraunces,serif;font-size:clamp(1.55rem,3.2vw,2.35rem);line-height:1.2;text-wrap:balance}.social-showcase-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.8rem;align-items:start;min-height:calc(100vh - 8rem)}.social-showcase-layout.is-arabic .social-showcase-steps{order:1}.social-showcase-layout.is-arabic .social-showcase-phone-pin{order:2}.social-showcase-steps{display:grid;gap:.9rem}.social-showcase-current{border:none;border-radius:0;background:transparent;padding:0;min-height:52vh;display:flex;flex-direction:column;justify-content:center}.social-showcase-current{position:sticky;top:12vh;z-index:2}.social-showcase-text-anim{animation:showcase-text-enter .55s cubic-bezier(.22,.9,.36,1) both;opacity:1;transform:translateY(0);transition:opacity .42s cubic-bezier(.2,.9,.2,1),transform .42s cubic-bezier(.2,.9,.2,1)}.social-showcase-text-anim.is-being-replaced{animation:none;opacity:0;transform:translateY(22px)}@keyframes showcase-text-enter{0%{transform:translateY(28px)}to{transform:translateY(0)}}.social-showcase-video-anim{animation:showcase-video-enter .5s cubic-bezier(.22,.9,.36,1) both}.social-showcase-video-anim.is-final-image{position:relative;overflow:hidden}.social-showcase-video-anim.is-final-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 20% 24%,rgb(255 255 255 / 55%) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 70%,rgb(0 0 0 / 55%) 0 1px,transparent 1.5px),radial-gradient(circle at 58% 38%,rgb(255 255 255 / 35%) 0 1px,transparent 1.4px),radial-gradient(circle at 32% 82%,rgb(0 0 0 / 45%) 0 1px,transparent 1.4px);background-size:140px 140px,170px 170px,120px 120px,160px 160px}@keyframes showcase-video-enter{0%{opacity:1;transform:translateY(24px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.social-showcase-step-sentinel{min-height:30vh}.social-showcase-step-sentinel.is-last{min-height:14vh}.social-showcase-item-title{margin:0;color:var(--ink-soft);font-size:clamp(1.45rem,2.9vw,2.2rem);font-weight:700;line-height:1.35}.social-showcase-item-subtitle{margin:.55rem 0 0;color:var(--ink-soft);font-size:1.02rem;line-height:1.5}.social-showcase-phone-pin{position:sticky;top:12vh}.social-showcase-phone{position:relative;width:min(390px,52vw);aspect-ratio:1 / 2;filter:drop-shadow(0 18px 30px rgb(20 20 20 / 22%))}.phone-device-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}.phone-screen{position:absolute;top:3%;right:6%;bottom:3%;left:6%;border-radius:16%/7.5%;overflow:hidden;background:#000;z-index:1}.phone-video-placeholder{height:100%;border-radius:22px;display:grid;place-items:center;background:linear-gradient(170deg,#11484a7a,#141414e0);color:#fffffff0;font-size:1.15rem;font-weight:700;text-transform:lowercase;letter-spacing:.08em}.phone-video-element,.phone-image-element{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;background:#000;pointer-events:none}.phone-image-element{filter:contrast(1.02) saturate(.98)}.results{padding-top:4.2rem}.metrics-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.metric-card{border-radius:18px;border:1px solid rgb(20 20 20 / 13%);background:linear-gradient(160deg,#ffffffd6,#eee7ddbf);padding:1.2rem;min-height:130px;display:grid;align-content:space-between;gap:.8rem}.metric-card strong{font-family:Fraunces,serif;font-size:clamp(1.7rem,3.5vw,2.8rem);color:var(--accent-deep)}.metric-card p{margin:0;color:var(--ink-soft);font-size:.88rem;max-width:23ch}.results-callout{margin-top:1.6rem;border-radius:18px;border:1px solid rgb(20 20 20 / 12%);background:#fbf9f5c7;padding:1rem 1.1rem}.results-callout svg{width:100%;height:auto;display:block}.results-modern-panel{fill:#ffffffc2;stroke:#1414141f;stroke-width:1}.results-modern-guide{fill:none;stroke:#1414141a;stroke-width:1;stroke-dasharray:4 8}.results-modern-area{fill:url(#resultsAreaGradient)}.results-modern-line{fill:none;stroke:#11484ac7;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round}.results-modern-dot{fill:#fd7e3ff5;stroke:#11484ac7;stroke-width:1.4}.results-modern-pill{fill:#fffffff0;stroke:#1414141f;stroke-width:1}.results-modern-pill-main{fill:#11484aeb;stroke:none}.results-modern-pill-text{fill:#141414b3;font-size:11px;font-weight:700;letter-spacing:.03em}.results-modern-pill-text-main{fill:#fff}.results-chart-label{fill:#141414b8;font-size:11px;font-weight:600;letter-spacing:.02em}.results-callout p{margin:.35rem 0 0;color:var(--ink-soft)}.results-callout-spotlight{margin:.15rem 0 0;font-family:Fraunces,serif;font-size:clamp(1.55rem,2.8vw,2.35rem);line-height:1.15;color:#11484a}.partners{padding-top:5rem}.partners-marquee{--partners-gap: .8rem;--partners-duration: 27s;margin-top:2rem;border-radius:28px;border:1px solid rgb(20 20 20 / 14%);background:linear-gradient(160deg,#ffffffb8,#f2ede5d9);overflow:hidden;position:relative;direction:ltr;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}.partners-track{width:max-content;display:flex;align-items:center;gap:var(--partners-gap);will-change:transform;animation:partner-marquee var(--partners-duration) linear infinite}.partners-group{display:flex;flex-shrink:0;align-items:center;gap:var(--partners-gap);padding-block:1.4rem}.partner-pill{display:flex;align-items:center;justify-content:center;padding:.2rem .55rem;min-width:clamp(110px,14vw,170px);height:clamp(48px,6vw,70px)}.partner-logo-image{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}@keyframes partner-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - (var(--partners-gap) / 2)))}}.about{display:grid;grid-template-columns:1fr minmax(320px,.7fr);gap:1.35rem;padding-top:5rem}.about-copy p{max-width:60ch}.about-copy p:last-child,.about-copy p:nth-of-type(2){color:var(--ink-soft)}.contact-card{border:1px solid rgb(20 20 20 / 14%);border-radius:30px;background:linear-gradient(148deg,#1a1a1a,#252525 52%,#15565a);color:#f8f6f2;padding:1.4rem;display:grid;align-content:start;gap:.8rem;max-width:420px;justify-self:end}.contact-label{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#f8f6f2bf}.contact-card h3{margin:0;font-family:Fraunces,serif;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.15}.contact-link{color:#fff;text-decoration:none;font-size:1.05rem}.contact-link:hover{text-decoration:underline}.contact-note{margin:0;color:#f8f6f2c7;font-size:.9rem}.contact-card .button-solid{margin-top:.6rem;background:#fff;color:#171717;width:fit-content;box-shadow:none}.site-footer{width:min(1180px,calc(100% - 2.4rem));margin:0 auto;padding:2.2rem 0 2.8rem}.site-footer p{margin:0;border-top:1px solid rgb(20 20 20 / 12%);padding-top:1.1rem;color:var(--ink-soft);font-size:.88rem}.landing.rtl{direction:rtl;font-family:Cairo,Space Grotesk,sans-serif}.landing.rtl .hero{grid-template-columns:.95fr 1.05fr}.landing.rtl .hero-copy h1,.landing.rtl .section-head h2,.landing.rtl .about-copy h2,.landing.rtl .contact-card h3,.landing.rtl .metric-card strong{font-family:Cairo,Space Grotesk,sans-serif}.landing.rtl .eyebrow,.landing.rtl .contact-label{text-transform:none;letter-spacing:.03em}.landing.rtl .workflow-step,.landing.rtl .social-showcase-head h3,.landing.rtl .social-showcase-item-title{font-family:Cairo,Space Grotesk,sans-serif}.landing.rtl .social-showcase-head{justify-content:flex-start;padding:.35rem 0 .6rem calc(min(390px,52vw) + 1.8rem)}.landing.rtl .social-showcase-head-text{text-align:right}.reveal{opacity:0;transform:translateY(22px);animation:reveal .78s cubic-bezier(.21,.9,.21,1) forwards;animation-delay:var(--delay, 0s)}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@keyframes word-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1120px){.topbar nav{gap:.72rem}.hero{grid-template-columns:1fr}.hero-title{max-width:18ch}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about{grid-template-columns:1fr}}@media (max-width: 760px){.topbar{border-radius:22px;padding:.44rem .62rem;flex-wrap:wrap;gap:.55rem}.topbar.menu-open{border-radius:24px}.topbar nav{order:3;width:100%;margin-top:0;max-height:0;opacity:0;overflow:hidden;pointer-events:none;flex-direction:column;gap:.42rem;transform:translateY(-8px);transition:max-height .28s ease,opacity .2s ease,transform .24s ease,margin-top .24s ease}.topbar nav.is-open{margin-top:.25rem;max-height:28rem;opacity:1;pointer-events:auto;transform:translateY(0)}.topbar nav a{display:flex;align-items:center;justify-content:space-between;padding:.62rem .82rem;border-radius:12px;border:1px solid rgb(20 20 20 / 12%);background:#ffffffb8}.topbar-nav-contact{display:flex}.topbar-actions{margin-inline-start:auto;gap:.4rem}.topbar-menu-toggle{display:inline-flex}.topbar-cta{display:none}.lang-toggle{padding:.42rem .72rem}.brand-logo{height:2.36rem;max-width:min(13rem,62vw)}.section{width:min(1140px,calc(100% - 1.2rem));padding:4rem 0}.hero{min-height:auto;padding-top:0}.social-showcase-wrap{margin-top:1.8rem;padding:0;border:none;border-radius:0;background:transparent}.services-grid,.metrics-grid{grid-template-columns:1fr}.social-showcase-slider{gap:0}.social-showcase-wrap{min-height:auto}.social-showcase-layout{grid-template-columns:1fr;min-height:auto}.social-showcase-head{position:static;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.social-showcase-wrap.is-taking-over .social-showcase-head-text{transform:none;transition:none}.social-showcase-layout.is-arabic .social-showcase-steps,.social-showcase-layout.is-arabic .social-showcase-phone-pin{order:initial}.social-showcase-step{min-height:auto}.social-showcase-current{min-height:auto;position:static}.social-showcase-step-sentinel{display:none}.social-showcase-phone-pin{position:static;justify-self:center}.social-showcase-phone{width:min(330px,78vw)}.hero-copy p{font-size:.98rem}.partner-pill{min-width:104px;height:50px;padding:.18rem .45rem}.partner-logo-image{max-height:100%}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal,.partners-track,.social-showcase-wrap.is-taking-over .social-showcase-head-text,.social-showcase-text-anim.is-being-replaced,.social-showcase-text-anim,.social-showcase-video-anim{animation:none;opacity:1;transform:none;transition:none}}:root{font-family:Space Grotesk,sans-serif;line-height:1.45;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#f2eee8}#root{background:#f2eee8}body{margin:0;min-height:100vh;background:#f2eee8}a,button{font:inherit}
