/*
Theme Name: V12N Cirrus
Theme URI: https://v12n-cirrus.com/
Author: V12N Cirrus
Description: V12N Cirrus professional landing theme.
Version: 1.2
Text Domain: v12n-cirrus
*/

:root {
  --bg-start: #050b1a;
  --bg-end: #021024;
  --accent: #1A2A6C;
  --text-main: #f4f4f7;
  --text-muted: #c2c7d6;
  --button-bg: linear-gradient(135deg, #1f2937, #000814);
  --button-border: rgba(255,255,255,0.16);
  --radius: 14px;
  --max-width: 980px;
  --shadow-soft: 0 18px 50px rgba(0,0,0,0.65);
}

/* SAME CSS AS BEFORE — brand formatting */
body {
  margin: 0;
  font-family: system-ui, sans-serif;
  background:
    radial-gradient(circle at top left,#0b1736 0,transparent 50%),
    radial-gradient(circle at bottom right,#06152b 0,transparent 55%),
    linear-gradient(to bottom,var(--bg-start),var(--bg-end));
  color: var(--text-main);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
.shell { max-width:var(--max-width); margin:0 auto; padding:0 1.5rem; }
header {
  text-align:center;
  padding:1.5rem 0;
  border-bottom:1px solid rgba(255,255,255,0.08);
  backdrop-filter:blur(10px);
}
header a {
  margin:0 1.5rem;
  font-size:0.88rem;
  letter-spacing:0.15em;
  text-transform:uppercase;
  color:var(--text-muted);
}
header a:hover { color:#ffffff; }
.hero {
  min-height:65vh;
  display:flex;
  align-items:center;
  padding:4rem 0;
}
.hero-title {
  font-size:2.8rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  margin-bottom:1rem;
}
.hero-subtitle {
  font-size:1rem;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:2rem;
}
.hero-button {
  display:inline-block;
  background:var(--button-bg);
  padding:1rem 2.8rem;
  border-radius:var(--radius);
  border:1px solid var(--button-border);
  letter-spacing:0.16em;
  text-transform:uppercase;
  box-shadow:var(--shadow-soft);
  color:#fff;
  font-size:0.85rem;
}
.hero-button:hover { background:linear-gradient(135deg,#111827,#000814); }
section { padding:3.2rem 0; }
h2 {
  text-transform:uppercase;
  letter-spacing:0.12em;
  font-size:1.4rem;
  margin-bottom:1.4rem;
}
ul { padding-left:1.2rem; }
footer {
  text-align:center;
  padding:1.8rem 0;
  font-size:0.78rem;
  color:var(--text-muted);
  border-top:1px solid rgba(255,255,255,0.08);
}
input,textarea {
  width:100%;
  max-width:460px;
  padding:0.7rem 0.8rem;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(2,6,18,0.9);
  color:var(--text-main);
  margin-bottom:0.8rem;
  font-size:0.9rem;
}
textarea { min-height:130px; resize:vertical; }
.contact-button {
  display:inline-block;
  margin-top:0.4rem;
  background:var(--button-bg);
  padding:0.8rem 2rem;
  border-radius:var(--radius);
  border:1px solid var(--button-border);
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#ffffff;
  font-size:0.84rem;
  cursor:pointer;
}
/* Header Navigation Layout */
.main-header {
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 1rem 0;
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(2,6,18,0.75);
  backdrop-filter: blur(8px);
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.logo-img {
  height: 42px;
  width: auto;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.35));
}
/* Ensure logo is always visible and sized properly */
.logo-area {
  display: block;
  min-width: 160px;
}

.logo-img {
  width: 160px;
  height: auto;
  display: block;
  object-fit: contain;
}

.main-nav a {
  margin-left: 1.8rem;
  font-size: 0.85rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #c2c7d6;
}
.main-nav a:hover {
  color: #ffffff;
}

/* Mobile Collapse */
@media(max-width: 720px) {
  .header-inner {
    flex-direction: column;
    gap: 0.8rem;
  }
  .main-nav a { margin-left: 0.8rem; }
}