:root {
  --navy: #06111b;
  --navy-2: #0a1724;
  --ink: #02070b;
  --silver: #c8c6c1;
  --silver-light: #eeeae1;
  --steel: #6f7d89;
  --blue: #123f86;
  --blue-bright: #2f67bd;
  --line: rgba(200, 198, 193, .25);
  --white: #f6f7f8;
  --muted: #aeb7bf;
  --shadow: 0 18px 60px rgba(0,0,0,.38);
  --radius: 18px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--white);
  background: var(--ink);
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { width: min(1120px, 92%); margin: 0 auto; }
.site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(2,7,11,.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(200,198,193,.12);
}
.nav-wrap { min-height: 76px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.06em; font-size:.82rem; }
.brand img { width:48px; height:48px; object-fit:cover; border-radius:10px; }
.brand small { font-size:.58rem; color:var(--silver); letter-spacing:.08em; }
.nav { display:flex; align-items:center; gap:24px; font-size:.9rem; }
.nav a { color:#dbe0e4; transition:.2s ease; }
.nav a:hover { color:#fff; }
.nav-cta { padding:10px 16px; border:1px solid var(--blue-bright); border-radius:999px; }
.menu-toggle { display:none; background:none; color:#fff; border:0; font-size:1.7rem; }
.hero {
  min-height: 78vh;
  position:relative;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg, rgba(2,7,11,.96) 0%, rgba(2,7,11,.78) 44%, rgba(2,7,11,.25) 100%),
    url("background-ops.jpeg") center/cover no-repeat;
  border-bottom:1px solid var(--line);
}
.hero-content { padding:100px 0; }
.hero-copy { max-width:680px; }
.eyebrow { margin:0 0 12px; color:#6e9be4; font-size:.75rem; font-weight:800; letter-spacing:.22em; }
h1,h2,h3 { line-height:1.1; margin:0 0 18px; }
h1 { font-size:clamp(3rem, 7vw, 5.8rem); letter-spacing:-.05em; }
h1 span { color:#6d98d8; }
h2 { font-size:clamp(2rem, 4vw, 3.4rem); letter-spacing:-.035em; }
h3 { font-size:1.25rem; }
.investment-tagline {
  margin: -0.35rem 0 1.15rem;
  font-size: clamp(1.05rem, 2.2vw, 1.45rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #d9e5f2;
}

.hero-text { color:#d0d7dd; font-size:1.15rem; max-width:610px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.btn {
  display:inline-flex; justify-content:center; align-items:center;
  min-height:48px; padding:0 20px; border-radius:10px;
  font-weight:800; border:1px solid transparent; cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn:hover { transform:translateY(-2px); }
.btn-primary { background:linear-gradient(135deg,#173f7b,#245cae); color:#fff; box-shadow:0 12px 30px rgba(24,70,140,.25); }
.btn-outline { border-color:rgba(230,230,230,.38); color:#fff; background:rgba(255,255,255,.04); }
.section { padding:100px 0; background:#03080d; }
.section-dark { background:#07121c; }
.section-heading { max-width:760px; margin-bottom:46px; }
.section-heading > p:last-child, .section-dark p, .contact-section p { color:var(--muted); }
.cards { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.card {
  padding:28px; border:1px solid var(--line); border-radius:var(--radius);
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:var(--shadow);
}
.card-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:12px; background:rgba(30,83,157,.25); color:#6e9be4; font-size:1.45rem; margin-bottom:22px; }
.card p { color:var(--muted); margin:0; }
.split { display:grid; grid-template-columns:1.15fr .85fr; gap:70px; align-items:center; }
.checks { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:28px; color:#d9e0e5; }
.about-visual { display:grid; place-items:center; }
.about-visual img { width:min(390px,80%); border-radius:24px; box-shadow:0 25px 80px rgba(0,0,0,.55); }
.reservation-section {
  background:
    linear-gradient(180deg,rgba(3,8,13,.93),rgba(3,8,13,.97)),
    url("background-ops.jpeg") center/cover fixed;
}
.form-card {
  padding:32px; background:rgba(6,17,27,.88); border:1px solid var(--line);
  border-radius:var(--radius); box-shadow:var(--shadow);
}
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
label { display:flex; flex-direction:column; gap:8px; color:#dbe2e7; font-weight:700; font-size:.9rem; }
input, select, textarea {
  width:100%; border:1px solid rgba(200,198,193,.24); border-radius:10px;
  padding:13px 14px; background:#02070b; color:#fff; font:inherit; outline:none;
}
input:focus, select:focus, textarea:focus { border-color:#4e7fc6; box-shadow:0 0 0 3px rgba(60,110,190,.15); }
textarea { resize:vertical; margin-top:18px; }
.form-card > label { margin-top:18px; }
.consent { flex-direction:row; align-items:flex-start; gap:10px; margin-top:20px; font-weight:500; color:var(--muted); }
.consent input { width:auto; margin-top:4px; }
.form-bottom { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:24px; }
.form-note, .small-note { color:var(--muted); font-size:.82rem; margin:0; }
.form-note a { color:#80a9e5; }
.form-status { margin-top:18px; font-weight:700; }
.payment-section { background:#06101a; }
.payment-box { display:grid; grid-template-columns:1.2fr .8fr; gap:50px; align-items:center; }
.payment-list { padding-left:20px; color:#d7dfe5; }
.payment-card { background:rgba(255,255,255,.05); border:1px solid var(--line); padding:28px; border-radius:18px; }
.amount-wrap { display:flex; align-items:center; gap:8px; margin:10px 0 16px; }
.amount-wrap span { font-size:1.4rem; color:#bfc8ce; }
.amount-wrap input { font-size:1.2rem; }
.full { width:100%; }
.contact-section { background:linear-gradient(145deg,#07111a,#02070b); }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.contact-items { display:grid; gap:14px; }
.contact-items a { padding:20px 22px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.035); }
.contact-items span { display:block; color:#6e9be4; font-size:.7rem; font-weight:800; letter-spacing:.18em; margin-bottom:5px; }
.contact-items strong { font-size:1.15rem; }
.footer { border-top:1px solid var(--line); background:#010407; color:#8e999f; font-size:.78rem; padding:24px 0; }
.footer-wrap { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
@media (max-width: 900px) {
  .cards { grid-template-columns:1fr 1fr; }
  .split, .payment-box, .contact-grid { grid-template-columns:1fr; }
}
@media (max-width: 720px) {
  .nav { display:none; position:absolute; left:0; right:0; top:76px; background:#03080d; padding:20px 4%; flex-direction:column; align-items:stretch; border-bottom:1px solid var(--line); }
  .nav.open { display:flex; }
  .menu-toggle { display:block; }
  .hero { min-height:82vh; }
  .hero-content { padding:70px 0; }
  .cards, .form-grid, .checks { grid-template-columns:1fr; }
  .section { padding:75px 0; }
  .form-card { padding:20px; }
}