/* Full Akiva Defense CSS */
/* RESET */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary-dark: #0d1423;
    --secondary-dark: #1a2332;
    --tertiary-dark: #2a3442;
    --accent-cyan: #3d8a9e;
    --text-primary: #e8eaed;
    --text-secondary: #98a2b3;
    --border-subtle: rgba(255, 255, 255, 0.06);
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', 'Helvetica Neue', sans-serif;
    background-color: var(--primary-dark);
    color: var(--text-primary);
    line-height: 1.7;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

body .logo-img {
    height: 200px;
    width: auto;
    position:relative;
}

/* Navigation */
nav {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(13, 20, 35, 0.96);
    backdrop-filter: blur(12px);
    z-index: 1000;
    border-bottom: 1px solid var(--border-subtle);
}

nav .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1.25rem 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav .logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}

nav .logo-img {
    height: 100px;
    width: auto;
    filter: brightness(1.1);
}

nav ul {
    list-style: none;
    display: flex;
    gap: 2.5rem;
}

nav a {
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.875rem;
    letter-spacing: 0.3px;
    transition: color 0.3s ease;
    font-weight: 400;
}

nav a:hover, nav a.active {
    color: var(--text-primary);
}

.title-header {
    font-size: 2.25rem;
    text-transform: uppercase;
    letter-spacing: 10px;
    color: var(--accent-cyan);
    text-align: center;
    margin-bottom: 5rem;
    font-weight: 500;
}

.section-header {
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--accent-cyan);
    margin-bottom: 2rem;
    font-weight: 500;
}

.section-title {
    font-size: 2.25rem;
    font-weight: 400;
    margin-bottom: 2.5rem;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

section{padding:6rem 0;}
h1,h2,h3,h4{color:var(--text-primary);margin-bottom:1.25rem;font-weight:600;}
p,li{color:var(--text-secondary);}p+p{margin-top:1rem;}
.container{max-width:1400px;margin:0 auto;padding:0 2.5rem;}

.btn{
display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.2rem;
border-radius:6px;font-size:.875rem;font-weight:500;letter-spacing:.04em;cursor:pointer;
transition:all .18s ease-in-out;text-decoration:none;
}
.btn-primary{
background:var(--accent-cyan);color:#0b111a;border:1px solid var(--accent-cyan-deep);
}
.btn-primary:hover{background:var(--accent-cyan-soft);box-shadow:0 0 22px rgba(61,166,198,.25);}
.btn-secondary{
background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.18);
}
.btn-secondary:hover{
border-color:var(--accent-cyan);color:var(--accent-cyan);
box-shadow:0 0 12px rgba(61,166,198,.22);
}
.hero-section{
    min-height:100vh;
    display:flex;
    align-items:center;
    position:relative;
    width:100%;              /* ← ADD THIS */
    padding:12rem 0 8rem;
    background-color:rgba(47,62,79,.92);
    overflow:hidden;
}
.hero-bg{
position:absolute;width:100%;inset:0;object-fit:cover;opacity:.55;z-index:0;
}
.hero-section::before{
content:"";position:absolute;inset:0;
background:linear-gradient(165deg,rgba(13,20,35,.28)0%,rgba(13,20,35,.55)40%,rgba(13,20,35,.75)100%);
z-index:1;
}
.hero-content{position:relative;z-index:2;max-width:1400px;}
.hero-content h1{font-size:3.25rem;line-height:1.18;letter-spacing:-.01em;}
.hero-content h2{text-align: center; letter-spacing: .02em;}
.hero-content p{font-size:1.15rem;line-height:1.75;max-width:760px;margin-top:1.5rem;}
.hero-actions{margin-top:2.5rem;display:flex;gap:1rem;flex-wrap:wrap;}
.strategy-section{padding:5rem 0;background:var(--secondary-dark);border-top:1px solid var(--border-subtle);}
.strategy-content{max-width:820px;}
.card{
background:var(--secondary-dark);padding:2rem;border-radius:10px;border:1px solid var(--border-subtle);
box-shadow:0 22px 60px rgba(0,0,0,.35);backdrop-filter:blur(6px);
transition:.2s ease;
}
.card:hover{
transform:translateY(-4px);
box-shadow:0 32px 70px rgba(0,0,0,.45);border-color:rgba(61,166,198,.3);
}
/* Footer */
footer {
    background: var(--primary-dark);
    padding: 3rem 0;
    border-top: 1px solid var(--border-subtle);
    margin-top: 6rem;
}

footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
}

footer .logo-section {
    display: flex;
    align-items: center;
    gap: 1rem;
}


footer .logo-img {
    height: 50px;
    width: auto;
}

footer .company-name {
    font-weight: 500;
    font-size: 0.9rem;
    letter-spacing: 0.3px;
    color: var(--text-primary);
}

footer .legal {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    max-width: 600px;
    line-height: 1.6;
}