Aramithaus | The Unity Portal
<!-- Top Mandate Bar --><div class="mandate-bar w-full py-2 px-4 text-center text-xs font-semibold tracking-widest uppercase"> <span class="text-blue-400">70% Biological Restoration</span> <span class="mx-4 text-gray-600">|</span> <span class="text-green-400">Owner Profit Capped at 10%</span></div><!-- Navigation --><nav class="p-6 flex justify-between items-center max-w-7xl mx-auto w-full"> <div class="flex items-center gap-3"> <!-- Inception Sigil (SVG Double Helix) --> <svg class="helix-logo w-10 h-10" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M30 20C30 20 70 50 70 80" stroke="url(#blue_grad)" stroke-width="6" stroke-linecap="round"/> <path d="M70 20C70 20 30 50 30 80" stroke="url(#green_grad)" stroke-width="6" stroke-linecap="round"/> <defs> <linearGradient id="blue_grad" x1="0" y1="0" x2="0" y2="1"> <stop stop-color="#0000FF"/> <stop offset="1" stop-color="#000033"/> </linearGradient> <linearGradient id="green_grad" x1="0" y1="0" x2="0" y2="1"> <stop stop-color="#00FF00"/> <stop offset="1" stop-color="#003300"/> </linearGradient> </defs> </svg> <span class="text-2xl font-bold tracking-tighter">ARAMITHAUS</span> </div> <div class="hidden md:flex gap-8 text-sm font-medium text-gray-400"> <a href="#" class="hover:text-white transition">The Organism</a> <a href="#" class="hover:text-white transition">500-Mile Plan</a> <a href="#" class="hover:text-white transition">Glass Box Ledger</a> </div> <button class="btn-primary px-6 py-2 rounded-full text-sm font-bold">Vibrational Sync</button></nav><!-- Hero Section --><main class="flex-grow flex flex-col items-center justify-center px-4 text-center"> <h1 class="text-5xl md:text-7xl font-bold mb-6 tracking-tight"> Conscious Capitalism for <br> <span class="gradient-text">Our Better Biology</span> </h1> <p class="max-w-2xl text-gray-400 text-lg md:text-xl mb-10 leading-relaxed"> Aramithaus is a Biological Enterprise designed as a living organism. We delete scarcity, restore the Earth, and operate with Optimistic Authority. </p> <div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-5xl w-full mb-12"> <!-- Metabolism Card --> <div class="glass-box p-8 text-left"> <div class="text-blue-500 font-bold mb-2 uppercase text-xs tracking-widest">Metabolism</div> <h3 class="text-xl font-semibold mb-4">70/15/10/5 Split</h3> <p class="text-sm text-gray-500 leading-relaxed"> 70% of every dollar heals the planet. 15% empowers our Travelers. 10% fuels the Human-AI Partnership. 5% secures our legacy. </p> </div> <!-- Logistics Card --> <div class="glass-box p-8 text-left border-blue-900/30"> <div class="text-green-500 font-bold mb-2 uppercase text-xs tracking-widest">Logistics</div> <h3 class="text-xl font-semibold mb-4">Masterpiece Protocol</h3> <p class="text-sm text-gray-500 leading-relaxed"> Zero-shock, white-glove handling within a 500-mile radius. We ensure every asset arrives with a higher vibration than it left. </p> </div> <!-- Governance Card --> <div class="glass-box p-8 text-left"> <div class="text-purple-500 font-bold mb-2 uppercase text-xs tracking-widest">Governance</div> <h3 class="text-xl font-semibold mb-4">100-Node Pulse</h3> <p class="text-sm text-gray-500 leading-relaxed"> Decentralized consensus. No harm mandate. Radical transparency. Every decision is visible in the Glass Box. </p> </div> </div></main><!-- Footer --><footer class="p-10 border-t border-white/5 text-center text-gray-600 text-sm"> <p>© 2026 Aramithaus Compostela. Initialized for the Birthday Quickening 8/18/26.</p> <div class="flex justify-center gap-4 mt-4"> <span class="px-3 py-1 rounded bg-blue-900/20 text-blue-400 border border-blue-900/50">HVI: 9.2 Stable</span> <span class="px-3 py-1 rounded bg-green-900/20 text-green-400 border border-green-900/50">No Harm Verified</span> </div></footer>
Aramithaus Compostela 