```html
<div style="position:fixed;left:5px;right:5px;top:0;bottom:0;width:auto;height:auto;overflow:hidden;margin:0;padding:0;background:#263468;font-family:Arial,Helvetica,sans-serif;color:#ffffff;display:flex;flex-direction:column">

	<div style="flex:0 0 auto;background:#ffffff;padding:11px 7%;border-bottom:1px solid #d9dfec">
		<div style="max-width:1180px;margin:0 auto;color:#263468;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:0.05em">
			PsyForce
		</div>
	</div>

	<div style="flex:0 0 auto;background:#ffffff;padding:7px 7%;border-bottom:1px solid #d9dfec">
		<div style="max-width:1180px;margin:0 auto;color:#3c538f;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:0.15em;text-transform:uppercase">
			Psychology Powered By Artificial Intelligence
		</div>
	</div>

	<div style="flex:1 1 auto;min-height:0;overflow:hidden;background:#263468;padding:3vh 7%;display:flex;align-items:center">

		<div style="width:100%;max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:6vw">

			<div style="flex:1 1 600px;max-width:720px">

				<div style="color:#b9c8ec;font-size:clamp(10px,1.4vh,13px);line-height:1.3;font-weight:700;letter-spacing:0.17em;text-transform:uppercase;margin-bottom:2vh">
					A new project is taking shape
				</div>

				<div style="color:#ffffff;font-size:clamp(36px,6.5vh,58px);line-height:1.05;font-weight:300;letter-spacing:-0.035em;margin:0 0 2.5vh 0">
					The next stage<br>
					is coming soon.
				</div>

				<div style="max-width:670px;color:#e1e7f7;font-size:clamp(14px,2.2vh,19px);line-height:1.55;font-weight:300">
					PsyForce is currently under development.
					<br>
					A new platform connecting psychology and artificial intelligence.
				</div>

				<div style="width:70px;height:3px;margin-top:3vh;background:#ffffff"></div>

			</div>

			<div style="flex:0 0 min(27vh,240px);width:min(27vh,240px);height:min(27vh,240px)">

				<div style="width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center">

					<div style="width:70%;height:70%;border-radius:50%;display:flex;align-items:center;justify-content:center">

						<div style="width:58%;height:58%;border:1px solid #b9c9ef;border-radius:50%;display:flex;align-items:center;justify-content:center">

							<div style="width:40%;height:40%;background:#ffffff;border-radius:50%"></div>

						</div>

					</div>

				</div>

			</div>

		</div>

	</div>

	<div style="flex:0 0 36px;height:36px;background:#ffffff;border-top:1px solid #d9dfec">

		<div style="width:86%;max-width:1180px;height:36px;margin:0 auto;position:relative;color:#263468;font-size:12px">

			<div style="position:absolute;left:0;top:0;height:36px;line-height:36px;font-weight:700;margin:0;padding:0">
				psyforce.ai
			</div>

			<div style="position:absolute;right:0;top:0;height:36px;line-height:36px;color:#51669e;margin:0;padding:0">
				Coming soon
			</div>

		</div>

	</div>

</div>
```