@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}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 span{background:currentColor;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:570px;margin:38px 0 34px;font-size:clamp(16px,1.4vw,20px);font-weight:300;line-height:1.75}.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:.7fr 1.3fr;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}.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:#001a2d9e;max-width:280px;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__copy>p:last-child{color:#f7faf9b3;max-width:560px;margin:42px 0 0;font-size:16px;font-weight:300;line-height:1.8}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 p{margin:0}footer p:last-child{justify-self:end}@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:auto 1fr;gap:18px}footer>p:first-of-type{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}