518 lines
28 KiB
HTML
518 lines
28 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>CypSec Security Suite — Modular, Sovereign, End-to-End Protection</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<style>
|
|
.cypsec-panel {
|
|
background: linear-gradient(
|
|
135deg,
|
|
rgba(28, 50, 104, 0.35) 0%,
|
|
rgba(28, 50, 104, 0.18) 40%,
|
|
rgba(0, 0, 0, 0) 100%
|
|
);
|
|
backdrop-filter: blur(12px);
|
|
-webkit-backdrop-filter: blur(12px);
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
box-shadow:
|
|
0 0 32px rgba(0, 0, 0, 0.40),
|
|
inset 0 0 12px rgba(255, 255, 255, 0.05);
|
|
}
|
|
:root {
|
|
--primary-blue: #60a5fa;
|
|
--dark-bg: #000000;
|
|
--card-bg: #111111;
|
|
--text-primary: #ffffff;
|
|
--text-secondary: #9ca3af;
|
|
--border-color: #1f2937;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Inter', sans-serif;
|
|
background-color: var(--dark-bg);
|
|
color: var(--text-primary);
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.cyber-blue {
|
|
color: var(--primary-blue);
|
|
}
|
|
|
|
.bg-cyber-blue {
|
|
background-color: var(--primary-blue);
|
|
}
|
|
|
|
.border-cyber-blue {
|
|
border-color: var(--primary-blue);
|
|
}
|
|
|
|
.text-secondary {
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.card-hover {
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.card-hover:hover {
|
|
border-color: var(--primary-blue);
|
|
}
|
|
|
|
.gradient-text {
|
|
background: linear-gradient(135deg, var(--primary-blue) 0%, var(--text-primary) 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
|
|
.section-divider {
|
|
height: 1px;
|
|
background: linear-gradient(90deg, transparent 0%, var(--primary-blue) 50%, transparent 100%);
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.compact-text {
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.tight-card {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.smaller-text {
|
|
font-size: 0.875rem;
|
|
line-height: 1.3;
|
|
}
|
|
</style>
|
|
</head>
|
|
<!-- Navigation Bar - CypSec Centered with Logo - Exact Size Match -->
|
|
<nav class="border-b border-gray-800 bg-black">
|
|
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-center items-center h-16">
|
|
<img src="cypsec-logo-white-transparent.webp" alt="CypSec" class="h-7 w-auto mr-2">
|
|
<span class="text-2xl font-mono text-white">CypSec</span>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
<!-- Main Content -->
|
|
<main class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
|
<!-- URL Breadcrumb -->
|
|
<div class="mb-6">
|
|
<p class="text-xs text-gray-500 font-mono">/publication/applications/security-suite</p>
|
|
</div>
|
|
|
|
<section class="relative py-20 overflow-hidden">
|
|
<!-- GRID BACKGROUND -->
|
|
<div class="absolute inset-0 z-[-1] pointer-events-none">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="opacity-30 w-full h-full">
|
|
<defs>
|
|
<pattern id="grid-ss" width="40" height="40" patternUnits="userSpaceOnUse">
|
|
<path d="M 40 0 L 0 0 0 40" fill="none"
|
|
stroke="rgba(255, 255, 255, 0.1)" stroke-width="1">
|
|
</path>
|
|
</pattern>
|
|
</defs>
|
|
<rect width="100%" height="100%" fill="url(#grid-ss)"></rect>
|
|
</svg>
|
|
</div>
|
|
|
|
<!-- MAIN CONTENT -->
|
|
<div class="container mx-auto px-4 text-center">
|
|
<h1 class="text-4xl lg:text-5xl font-semibold leading-tight">
|
|
CypSec Security Suite — Modular, Sovereign, End-to-End Protection
|
|
</h1>
|
|
|
|
<p class="text-lg mt-6 max-w-2xl mx-auto">
|
|
An integrated ecosystem of sovereign cybersecurity applications engineered for critical infrastructure, enterprise compliance, and operational security.
|
|
</p>
|
|
|
|
<!-- UNDERLINE BARS (exact same style as Security Notice) -->
|
|
<div class="flex justify-center mx-auto mt-6">
|
|
<span class="inline-block w-40 h-1 bg-blue-500 rounded-full"></span>
|
|
<span class="inline-block w-3 h-1 mx-1 bg-blue-500 rounded-full"></span>
|
|
<span class="inline-block w-1 h-1 bg-blue-500 rounded-full"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- PURPLE/BLUE GLOW -->
|
|
<div class="absolute inset-0 z-[-1] opacity-20 pointer-events-none">
|
|
<div class="bg-gradient-to-r from-purple-500 to-blue-600
|
|
rounded-full w-96 h-96 blur-3xl mx-auto">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- Introduction Section - More compact -->
|
|
<section class="mb-8">
|
|
<div class="bg-gray-900 rounded-lg p-4 border border-gray-800 tight-card">
|
|
<p class="text-sm text-gray-300 mb-3 compact-text">
|
|
Modern organizations face an environment defined by complexity, evolving threats, and growing digital dependency. Fragmented tools or isolated solutions are no longer enough. The CypSec Security Suite provides a unified, composable ecosystem of defense capabilities — designed to secure the entire lifecycle of systems, data, and operations.
|
|
</p>
|
|
<p class="text-sm text-gray-300 compact-text">
|
|
Built on the principles of cyber-sovereignty, minimal trust, and security by design, the suite enables both small and large organizations to build a resilient, traceable, and adaptive security posture that evolves with the threat landscape.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section Title -->
|
|
<section class="mb-8">
|
|
<h2 class="text-2xl font-bold mb-3 text-white">A Holistic, Modular Security Ecosystem</h2>
|
|
<p class="text-sm text-gray-300 compact-text">
|
|
The CypSec Security Suite is made of interoperable components that can be deployed independently or integrated into a cohesive architecture. Organizations select the modules they need — and expand as they grow.
|
|
</p>
|
|
</section>
|
|
|
|
<!-- Included Capabilities Grid - More compact -->
|
|
<section class="mb-8">
|
|
<h3 class="text-xl font-bold mb-4 text-white">Included Capabilities</h3>
|
|
<div class="grid md:grid-cols-2 gap-3">
|
|
<!-- Secure Communication & Email -->
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 card-hover tight-card">
|
|
<div class="flex items-start space-x-2">
|
|
<div class="w-6 h-6 bg-cyber-blue rounded flex items-center justify-center flex-shrink-0">
|
|
<span class="text-black font-bold text-xs">1</span>
|
|
</div>
|
|
<div>
|
|
<h4 class="text-sm font-semibold mb-1 text-white">Secure Communication & Email</h4>
|
|
<p class="smaller-text text-gray-300">End-to-end encrypted messaging, file-sharing, secure vaults, protected communication channels for sensitive teams.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Vulnerability Management & Hardening -->
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 card-hover tight-card">
|
|
<div class="flex items-start space-x-2">
|
|
<div class="w-6 h-6 bg-cyber-blue rounded flex items-center justify-center flex-shrink-0">
|
|
<span class="text-black font-bold text-xs">2</span>
|
|
</div>
|
|
<div>
|
|
<h4 class="text-sm font-semibold mb-1 text-white">Vulnerability Management & Hardening</h4>
|
|
<p class="smaller-text text-gray-300">Automated scanning, continuous monitoring, secure-by-design architecture, and remediation support.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Deception & Active Defense -->
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 card-hover tight-card">
|
|
<div class="flex items-start space-x-2">
|
|
<div class="w-6 h-6 bg-cyber-blue rounded flex items-center justify-center flex-shrink-0">
|
|
<span class="text-black font-bold text-xs">3</span>
|
|
</div>
|
|
<div>
|
|
<h4 class="text-sm font-semibold mb-1 text-white">Deception & Active Defense</h4>
|
|
<p class="smaller-text text-gray-300">Honeypots, decoys, threat-interaction infrastructure, and behavioral monitoring to detect and contain advanced attacks.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Threat Intelligence & OSINT -->
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 card-hover tight-card">
|
|
<div class="flex items-start space-x-2">
|
|
<div class="w-6 h-6 bg-cyber-blue rounded flex items-center justify-center flex-shrink-0">
|
|
<span class="text-black font-bold text-xs">4</span>
|
|
</div>
|
|
<div>
|
|
<h4 class="text-sm font-semibold mb-1 text-white">Threat Intelligence & OSINT</h4>
|
|
<p class="smaller-text text-gray-300">Tailored intelligence feeds, targeted risk analysis, threat profiling, and scenario reports.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Compliance & Governance Automation -->
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 card-hover tight-card">
|
|
<div class="flex items-start space-x-2">
|
|
<div class="w-6 h-6 bg-cyber-blue rounded flex items-center justify-center flex-shrink-0">
|
|
<span class="text-black font-bold text-xs">5</span>
|
|
</div>
|
|
<div>
|
|
<h4 class="text-sm font-semibold mb-1 text-white">Compliance & Governance Automation</h4>
|
|
<p class="smaller-text text-gray-300">Policy-as-code, audit trails, evidence collections, and guidance for regulatory frameworks (DSGVO/GDPR, NIS2, etc.).</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Incident Response & Recovery -->
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 card-hover tight-card">
|
|
<div class="flex items-start space-x-2">
|
|
<div class="w-6 h-6 bg-cyber-blue rounded flex items-center justify-center flex-shrink-0">
|
|
<span class="text-black font-bold text-xs">6</span>
|
|
</div>
|
|
<div>
|
|
<h4 class="text-sm font-semibold mb-1 text-white">Incident Response & Recovery</h4>
|
|
<p class="smaller-text text-gray-300">Rapid response teams, forensics, containment strategy, and post-incident strengthening.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Malware Analysis & Secure Lab Environments -->
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 card-hover tight-card">
|
|
<div class="flex items-start space-x-2">
|
|
<div class="w-6 h-6 bg-cyber-blue rounded flex items-center justify-center flex-shrink-0">
|
|
<span class="text-black font-bold text-xs">7</span>
|
|
</div>
|
|
<div>
|
|
<h4 class="text-sm font-semibold mb-1 text-white">Malware Analysis & Secure Lab Environments</h4>
|
|
<p class="smaller-text text-gray-300">Controlled sandboxing environments for analyzing suspicious files and payloads.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Secure Development & Architecture -->
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 card-hover tight-card">
|
|
<div class="flex items-start space-x-2">
|
|
<div class="w-6 h-6 bg-cyber-blue rounded flex items-center justify-center flex-shrink-0">
|
|
<span class="text-black font-bold text-xs">8</span>
|
|
</div>
|
|
<div>
|
|
<h4 class="text-sm font-semibold mb-1 text-white">Secure Development & Architecture</h4>
|
|
<p class="smaller-text text-gray-300">Design-phase threat modeling, secure architectures, and code review services.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section Divider -->
|
|
<div class="section-divider"></div>
|
|
|
|
<!-- Who It Is Designed For - More compact -->
|
|
<section class="mb-8">
|
|
<h3 class="text-xl font-bold mb-3 text-white">Who It Is Designed For</h3>
|
|
<div class="grid md:grid-cols-2 gap-2">
|
|
<div class="flex items-start space-x-2">
|
|
<span class="cyber-blue text-sm">•</span>
|
|
<p class="smaller-text text-gray-300">Small and medium enterprises seeking affordable and sovereign security.</p>
|
|
</div>
|
|
<div class="flex items-start space-x-2">
|
|
<span class="cyber-blue text-sm">•</span>
|
|
<p class="smaller-text text-gray-300">Large organizations needing composable and scalable infrastructure.</p>
|
|
</div>
|
|
<div class="flex items-start space-x-2">
|
|
<span class="cyber-blue text-sm">•</span>
|
|
<p class="smaller-text text-gray-300">Critical infrastructure operators and public institutions.</p>
|
|
</div>
|
|
<div class="flex items-start space-x-2">
|
|
<span class="cyber-blue text-sm">•</span>
|
|
<p class="smaller-text text-gray-300">Journalists, activists, NGOs, and privacy-sensitive communities.</p>
|
|
</div>
|
|
<div class="flex items-start space-x-2">
|
|
<span class="cyber-blue text-sm">•</span>
|
|
<p class="smaller-text text-gray-300">Research institutions, innovation hubs, and defense-oriented teams.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Core Benefits - More compact -->
|
|
<section class="mb-8">
|
|
<h3 class="text-xl font-bold mb-3 text-white">Core Benefits</h3>
|
|
<div class="grid md:grid-cols-2 gap-2">
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 tight-card">
|
|
<h4 class="text-sm font-semibold text-white">Unified security posture with full visibility.</h4>
|
|
</div>
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 tight-card">
|
|
<h4 class="text-sm font-semibold text-white">Reduced operational risk and minimized attack surface.</h4>
|
|
</div>
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 tight-card">
|
|
<h4 class="text-sm font-semibold text-white">Compliance readiness and audit efficiency.</h4>
|
|
</div>
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 tight-card">
|
|
<h4 class="text-sm font-semibold text-white">Long-term resilience built on sovereign control.</h4>
|
|
</div>
|
|
<div class="bg-gray-900 rounded-lg p-3 border border-gray-800 tight-card">
|
|
<h4 class="text-sm font-semibold text-white">Modular architecture that fits any environment.</h4>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Philosophy Section - More compact -->
|
|
<section class="mb-8">
|
|
<h3 class="text-xl font-bold mb-3 text-white">A Philosophy of Security by Design</h3>
|
|
<div class="bg-gray-900 rounded-lg p-4 border border-gray-700 tight-card">
|
|
<p class="smaller-text text-gray-300 mb-3">
|
|
The Security Suite is not merely a collection of tools — it is an operational model.
|
|
We embed the principles of:
|
|
</p>
|
|
<div class="grid md:grid-cols-2 gap-2 mb-3">
|
|
<div class="flex items-center space-x-2">
|
|
<span class="w-1 h-1 bg-cyber-blue rounded-full"></span>
|
|
<span class="smaller-text text-gray-300">continuous validation,</span>
|
|
</div>
|
|
<div class="flex items-center space-x-2">
|
|
<span class="w-1 h-1 bg-cyber-blue rounded-full"></span>
|
|
<span class="smaller-text text-gray-300">minimal trust,</span>
|
|
</div>
|
|
<div class="flex items-center space-x-2">
|
|
<span class="w-1 h-1 bg-cyber-blue rounded-full"></span>
|
|
<span class="smaller-text text-gray-300">human-centric awareness,</span>
|
|
</div>
|
|
<div class="flex items-center space-x-2">
|
|
<span class="w-1 h-1 bg-cyber-blue rounded-full"></span>
|
|
<span class="smaller-text text-gray-300">active defense, and</span>
|
|
</div>
|
|
<div class="flex items-center space-x-2">
|
|
<span class="w-1 h-1 bg-cyber-blue rounded-full"></span>
|
|
<span class="smaller-text text-gray-300">traceable governance.</span>
|
|
</div>
|
|
</div>
|
|
<p class="smaller-text text-gray-300">
|
|
Together, these create an environment where security is predictable, measurable, and adaptable.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-transparent pt-20">
|
|
<div class="container w-full max-w-8xl mx-auto px-6 pt-8 pb-2">
|
|
|
|
<!-- GRID LAYOUT -->
|
|
<div class="grid gap-8 mt-3 sm:grid-cols-1 lg:grid-cols-3 xl:grid-cols-5 sm:mx-auto">
|
|
|
|
<div class="p-2 w-full sm:mx-auto">
|
|
<div>
|
|
<div class="flex items-center">
|
|
<a href="/" class="flex items-center">
|
|
<picture>
|
|
<source srcset="cypsec-logo-white-transparent.webp" media="(prefers-color-scheme: dark)">
|
|
<img class="h-10" src="cypsec-logo-white-transparent.webp" alt="CypSec">
|
|
</picture>
|
|
<span class="ml-3 text-2xl font-semibold text-gray-900 dark:text-white">CypSec</span>
|
|
</a>
|
|
</div>
|
|
|
|
<p class="text-lg text-gray-900 dark:text-white leading-relaxed mt-5">
|
|
Engineering sovereign cybersecurity that protects, adapts, and sustains critical digital infrastructures.
|
|
</p>
|
|
|
|
<p class="text-base text-gray-900 dark:text-white leading-snug mt-8">Contact</p>
|
|
|
|
<ul>
|
|
<li class="text-base text-gray-900 dark:text-white leading-snug mt-1">
|
|
<a href="mailto:contact@cypsec.de">contact@cypsec.de</a>
|
|
</li>
|
|
<li class="text-base text-gray-900 dark:text-white leading-snug">
|
|
<a href="https://linkedin.com/company/cypsec-group">LinkedIn</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CONSULTING COLUMN -->
|
|
<div class="lg:ml-24 mt-4 sm:mx-auto">
|
|
<div class="text-xl font-bold text-black dark:text-white uppercase">Consulting</div>
|
|
|
|
<a href="/security-center/incident-handling" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Incident Handling</a>
|
|
|
|
<a href="/security-center/threat-modeling" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Threat Modeling</a>
|
|
|
|
<a href="/security-center/penetration-testing" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Penetration Testing</a>
|
|
|
|
<a href="/security-center/red-teaming" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Red Teaming</a>
|
|
|
|
<a href="/security-center/secure-engineering" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Secure Engineering</a>
|
|
|
|
<a href="/security-center/forensic-analysis" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Forensic Analysis</a>
|
|
|
|
<a href="/security-center/secure-operations" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Secure Operations</a>
|
|
|
|
<a href="/security-center" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">More</a>
|
|
</div>
|
|
|
|
<!-- PRODUCTS COLUMN -->
|
|
<div class="lg:ml-24 mt-4 sm:mx-auto">
|
|
<div class="text-xl font-bold text-black dark:text-white uppercase">Products</div>
|
|
|
|
<a href="/security-center/vulnerability-management" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Vulnerability Mgmt.</a>
|
|
|
|
<a href="/security-center/fuzzing" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Fuzzing as a Service</a>
|
|
|
|
<a href="/security-center/communication-software" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Communication</a>
|
|
|
|
<a href="/security-center/cyber-deception" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Cyber Deception</a>
|
|
|
|
<a href="/security-center/active-defense" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Active Defense</a>
|
|
|
|
<a href="/security-center/malware-scanner" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Malware Scanner</a>
|
|
|
|
<a href="/security-center/open-source-intelligence-platform" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">OSINT Platform</a>
|
|
|
|
<a href="/security-center" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">More</a>
|
|
</div>
|
|
|
|
<!-- PUBLICATION COLUMN -->
|
|
<div class="lg:ml-24 mt-4 sm:mx-auto">
|
|
<div class="text-xl font-bold text-black dark:text-white uppercase">Publication</div>
|
|
|
|
<a href="/publication/partner-program" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Partner Program</a>
|
|
|
|
<a href="/publication/defense" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Defense Whitepaper</a>
|
|
|
|
<a href="/publication/academy" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Security Academy</a>
|
|
|
|
<a href="/publication/press" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Press Releases</a>
|
|
|
|
<a href="/publication/blog" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Security Blog</a>
|
|
|
|
<a href="/publication/security-hub" class="hidden block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Security Hub</a>
|
|
|
|
<a href="/publication/attestation" class="hidden block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Attestation</a>
|
|
|
|
<a href="/publication/applications" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Applications</a>
|
|
</div>
|
|
|
|
<!-- COMPANY COLUMN -->
|
|
<div class="lg:ml-24 mt-4 sm:mx-auto">
|
|
<div class="text-xl font-bold text-black dark:text-white uppercase">Company</div>
|
|
|
|
<a href="/company/career" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Career</a>
|
|
|
|
<a href="/company/pricing" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Pricing</a>
|
|
|
|
<a href="/company/data-privacy" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Data Privacy</a>
|
|
|
|
<a href="/company/terms-of-service" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Terms of Service</a>
|
|
|
|
<a href="/company/no-tracking-policy" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">No Tracking</a>
|
|
|
|
<a href="/company/company-ethics" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Company Ethics</a>
|
|
|
|
<a href="/company/company-insights" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Company Insights</a>
|
|
|
|
<a href="/company/imprint" class="block mt-2 text-base text-gray-900 dark:text-white leading-snug hover:underline">Imprint</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- DIVIDER -->
|
|
<hr class="my-6 border-gray-200 dark:border-gray-700">
|
|
|
|
<!-- BOTTOM BAR -->
|
|
<div class="flex sm:flex-row justify-evenly mb-4">
|
|
<div class="hidden sm:flex justify-left mt-2">
|
|
<a href="/downloads" class="mx-2 text-sm text-gray-500 hover:text-gray-300 transition-colors duration-300">
|
|
<span class="mx-2 text-base text-gray-900 dark:text-white sm:mx-6">Downloads</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="flex justify-center items-center mt-2">
|
|
|
|
<p class="mx-2 text-base text-gray-900 dark:text-white sm:mx-6">© 2025 CypSec</p>
|
|
</div>
|
|
|
|
<div class="hidden sm:flex justify-left mt-2">
|
|
<a href="/security-notice" class="mx-2 text-sm text-gray-500 hover:text-gray-300 transition-colors duration-300">
|
|
<span class="mx-2 text-base text-gray-900 dark:text-white sm:mx-6">Security</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</footer>
|
|
</html> |