@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Manrope:wght@300;400;500;600&display=swap";:root{--navy:#001a2d;--navy-deep:#001321;--teal:#084958;--teal-bright:#48c8c2;--mist:#dce9e7;--white:#f7faf9;--display:"Montaser Arabic", "Cairo", sans-serif;--body:"Manrope", sans-serif;color:var(--white);background:var(--navy-deep);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy-deep);min-width:320px;color:var(--white);margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--teal-bright);color:var(--navy-deep)}.site-shell{overflow:clip}.site-header{z-index:20;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:88px;padding:0 clamp(24px,5vw,76px);transition:background .3s,border-color .3s,height .3s;display:flex;position:fixed;top:0;left:0;right:0}.site-header--scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#001321d6;border-color:#dce9e71f;height:70px}.brand-link{display:inline-flex}.brand-mark{font-family:var(--display);letter-spacing:.01em;align-items:center;gap:12px;font-size:15px;font-weight:700;display:inline-flex}.brand-mark img{object-fit:cover;border-radius:11px;width:39px;height:39px}.brand-mark--compact img{border-radius:9px;width:34px;height:34px}.brand-acronym{font-variant:normal;letter-spacing:inherit;text-transform:none!important;white-space:nowrap!important;background:0 0!important;width:auto!important;height:auto!important;display:inline-block!important}.brand-x{text-transform:lowercase!important;background:0 0!important;width:auto!important;height:auto!important;display:inline!important}nav{gap:34px;display:flex}nav a{color:#f7faf9b3;letter-spacing:.08em;text-transform:uppercase;font-size:12px;transition:color .2s;position:relative}nav a:after{content:"";background:var(--teal-bright);height:1px;transition:right .2s;position:absolute;bottom:-7px;left:0;right:100%}nav a:hover{color:var(--white)}nav a:hover:after{right:0}.hero{background:radial-gradient(circle at 78% 40%, #48c8c21f, transparent 31%), linear-gradient(145deg, var(--navy-deep), var(--navy) 56%, #00283a);grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);align-items:center;gap:clamp(50px,7vw,120px);min-height:100svh;padding:140px clamp(24px,7vw,108px) 84px;display:grid;position:relative}.hero:before{content:"";opacity:.16;background-image:linear-gradient(#f7faf91f 1px,#0000 1px),linear-gradient(90deg,#f7faf91f 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%,#000);mask-image:linear-gradient(90deg,#0000,#000 45%,#000)}.hero-copy,.motion-frame,.hero-index{z-index:2;position:relative}.eyebrow{color:var(--teal-bright);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:11px;margin:0 0 28px;font-size:11px;font-weight:600;display:flex}.eyebrow>.eyebrow__rule,.eyebrow>span:first-child:empty{background:currentColor;flex-shrink:0;width:26px;height:1px;display:block}h1,h2,h3{font-family:var(--display);margin:0}h1{letter-spacing:-.055em;max-width:780px;font-size:clamp(58px,7vw,116px);font-weight:700;line-height:.9}h1 span{color:var(--teal-bright);display:block}.hero-intro{color:#dce9e7b8;max-width:590px;margin:38px 0 34px;font-size:clamp(16px,1.4vw,20px);font-weight:300;line-height:1.75}.hero-intro .hero-lead{color:var(--white);margin:0 0 10px;font-weight:400}.hero-intro .hero-sub{color:#dce9e7b3;margin:0;font-weight:300}.text-link{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #48c8c280;align-items:center;gap:16px;padding-bottom:7px;font-size:12px;font-weight:600;transition:gap .2s,border-color .2s;display:inline-flex}.text-link:hover{border-color:var(--teal-bright);gap:23px}.motion-frame{aspect-ratio:4/5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00132161;border:1px solid #dce9e729;justify-self:end;width:min(100%,510px);padding:28px;box-shadow:0 40px 100px #00080f59}.motion-frame__top{color:#dce9e76b;letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;padding-bottom:20px;font-size:9px;display:flex}.motion-frame video{object-fit:cover;background:var(--teal);width:100%;height:calc(100% - 30px)}.motion-frame__corner{width:22px;height:22px;position:absolute}.motion-frame__corner--tl{border-top:1px solid var(--teal-bright);border-left:1px solid var(--teal-bright);top:-1px;left:-1px}.motion-frame__corner--tr{border-top:1px solid var(--teal-bright);border-right:1px solid var(--teal-bright);top:-1px;right:-1px}.motion-frame__corner--bl{border-bottom:1px solid var(--teal-bright);border-left:1px solid var(--teal-bright);bottom:-1px;left:-1px}.motion-frame__corner--br{border-bottom:1px solid var(--teal-bright);border-right:1px solid var(--teal-bright);bottom:-1px;right:-1px}.hero-index{color:#dce9e752;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:24px;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px)}.hero-orbit{z-index:1;pointer-events:none;border:1px solid #48c8c21c;border-radius:50%;position:absolute}.hero-orbit--one{width:64vw;height:64vw;bottom:-24vw;right:-19vw}.hero-orbit--two{width:44vw;height:44vw;bottom:-14vw;right:-9vw}.reveal{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards reveal}.reveal--one{animation-delay:.12s}.reveal--two{animation-delay:.23s}.reveal--three{animation-delay:.39s}.reveal--four{animation-delay:.52s}@keyframes reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.principles{background:var(--mist);color:var(--navy);padding:clamp(90px,11vw,170px) clamp(24px,7vw,108px)}.section-heading{grid-template-columns:.6fr 1.4fr;align-items:start;margin-bottom:clamp(64px,8vw,110px);display:grid}.section-heading .eyebrow{color:var(--teal)}.section-heading h2{letter-spacing:-.045em;font-size:clamp(42px,5.4vw,82px);font-weight:700;line-height:1.02}.section-intro{color:#001a2db8;max-width:620px;margin-top:clamp(26px,2.8vw,38px);font-size:clamp(15px,1.25vw,18px);font-weight:400;line-height:1.75}.section-intro p{margin:0 0 14px}.section-intro p:last-child{margin-bottom:0}.principle-grid{grid-template-columns:repeat(3,1fr);gap:clamp(30px,4vw,72px);display:grid}.principle__number{color:#001a2d6b;letter-spacing:.16em;font-size:10px;display:block}.principle__rule{background:#001a2d38;height:1px;margin:18px 0 35px}.principle h3{letter-spacing:-.035em;font-size:clamp(28px,3vw,44px);font-weight:700}.principle p{color:#001a2da8;max-width:320px;margin:17px 0 0;font-size:14px;line-height:1.75}.perspective{background:var(--teal);grid-template-columns:.9fr 1.1fr;align-items:center;min-height:760px;padding:clamp(90px,10vw,150px) clamp(24px,7vw,108px);display:grid;position:relative;overflow:hidden}.perspective:after{content:"";pointer-events:none;background:linear-gradient(120deg,#00132145,#0000 50%);position:absolute;inset:0}.perspective__mark{z-index:1;opacity:.12;width:min(70%,390px);position:relative;transform:rotate(-4deg)}.perspective__mark img{width:100%;display:block}.perspective__copy{z-index:2;max-width:720px;position:relative}.perspective__copy .eyebrow{color:var(--mist);opacity:.7}.perspective__copy h2{letter-spacing:-.055em;font-size:clamp(58px,7.6vw,116px);font-weight:700;line-height:.87}.perspective__copy h2 em{color:var(--teal-bright);font-style:normal}.perspective__text{color:#f7faf9bd;max-width:580px;margin-top:40px;font-size:clamp(15px,1.2vw,17px);font-weight:300;line-height:1.8}.perspective__text p{margin:0 0 16px}.perspective__text p:last-child{margin-bottom:0}.teaser-section{background:var(--navy-deep);border-top:1px solid #dce9e714;padding:clamp(80px,10vw,130px) clamp(24px,7vw,108px);position:relative}.teaser-section__inner{max-width:680px}.teaser-section h3{letter-spacing:-.045em;color:var(--white);margin:0 0 20px;font-size:clamp(34px,4.2vw,64px);font-weight:700;line-height:1.05}.teaser-section p:not(.eyebrow){color:#dce9e7a8;margin:0;font-size:clamp(15px,1.2vw,18px);font-weight:300;line-height:1.7}.teaser-status{color:var(--teal-bright);letter-spacing:.16em;text-transform:uppercase;margin-top:16px;font-size:11px;font-weight:600;display:inline-block}footer{color:#dce9e77a;letter-spacing:.15em;text-transform:uppercase;background:#000f1a;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px clamp(24px,5vw,76px);font-size:9px;display:grid}.footer-brand{font-family:var(--display);color:var(--white);align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.footer-separator{opacity:.4}.footer-descriptor{letter-spacing:.12em;color:#dce9e78c;justify-self:center;margin:0;font-size:10px}.footer-copyright{justify-self:end;margin:0}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:150px}.motion-frame{justify-self:start;width:min(78vw,500px)}.section-heading{grid-template-columns:1fr;gap:28px}.perspective{grid-template-columns:.55fr 1fr}}@media (width<=640px){.site-header{height:72px}.brand-mark>span{display:none}nav{gap:18px}nav a{font-size:9px}.hero{min-height:auto;padding-top:132px;padding-bottom:96px}h1{font-size:clamp(52px,17vw,76px)}.motion-frame{width:100%;margin-top:22px;padding:18px}.principle-grid{grid-template-columns:1fr;gap:54px}.perspective{grid-template-columns:1fr;min-height:700px}.perspective__mark{width:310px;position:absolute;bottom:-25px;right:-70px}footer{grid-template-columns:1fr;justify-items:start;gap:14px}.footer-descriptor,.footer-copyright{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}