:root{
  --bg:#000;
  --ink:#e6e6e6;
  --ink-d:#bdbdbd;
  --accent:#c7b089;
  --accent-2:#a18d6a;
}

*{box-sizing:border-box}
html,body{height:100%}
body.landing-body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
}

/* NAV ======================== */
.nav{
  display:flex; gap:24px; justify-content:center; align-items:center;
  padding:14px 20px; text-transform:uppercase; letter-spacing:.06em;
  font-weight:700; font-size:14px;
}
.nav a{ color:var(--ink); text-decoration:none; opacity:.85; transition:opacity .15s ease, color .15s}
.nav a:hover{ color:var(--accent); opacity:1 }

/* HERO ======================= */
.hero{ position:relative; min-height:82vh; display:grid; place-items:center; isolation:isolate; }
.bg-wrap{ position:absolute; inset:0; overflow:hidden; z-index:-1 }
.bg-wrap img{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover; object-position:center;
  transform: scale(1.06);
  filter: brightness(.72);
}
.stack{ display:grid; justify-items:center; gap:28px }
.brand{ width:min(56vw,520px); height:auto; filter:drop-shadow(0 2px 0 rgba(0,0,0,.35)) }
.cta-btn{
  appearance:none; border:1px solid var(--accent-2); background:transparent; color:var(--ink);
  padding:10px 18px; border-radius:12px; letter-spacing:.2em; font-weight:800; font-size:14px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  box-shadow: 0 0 0 2px rgba(199,176,137,.15) inset;
}
.cta-btn:hover{ transform:translateY(-2px); background:rgba(199,176,137,.09); color:#fff }
.cta-btn:active{ transform:translateY(0) scale(.98) }

/* FOOTER */
.site-footer{ display:grid; place-items:center; padding:22px 16px; color:var(--ink-d); font-size:13px }
.site-footer a{ color:var(--ink-d); text-decoration:none }
.site-footer .soc{ margin-left:8px }
.site-footer .soc a{ margin-left:8px }

/* MODAL ====================== */
.modal{ position:fixed; inset:0; background:rgba(0,0,0,.72); display:none; align-items:center; justify-content:center; padding:22px }
.modal[aria-hidden="false"]{ display:flex }
.modal-card{ width:min(960px,92vw); background:#111; border:1px solid #222; border-radius:16px; padding:18px 18px 14px }
.modal-title{ margin:0 0 6px; font-size:28px }
.modal-close{ position:absolute; top:10px; right:14px; background:transparent; color:#aaa; border:0; font-size:24px; cursor:pointer }
.modal-close:hover{ color:#fff }

.grid{ display:grid; gap:16px }
.grid.two{ grid-template-columns: 1fr 1fr }
.grid .span-2{ grid-column:1/-1 }
.field label{ display:block; margin:0 0 6px; color:var(--ink-d) }
.field input,.field select,.field textarea{
  width:100%; background:#0d0d0d; color:var(--ink);
  border:1px solid #2a2a2a; border-radius:10px; padding:10px 12px; outline:none;
}
.field input:focus, .field select:focus, .field textarea:focus{ border-color:#444 }
.muted{ color:#8c8c8c }
.checkbox{ display:flex; gap:10px; align-items:left; display: inline-block;}
.actions{ display:flex; justify-content:flex-end; gap:10px; margin-top:12px }
.btn{ padding:10px 14px; border-radius:10px; border:1px solid #2f2f2f; background:#181818; color:#eee; cursor:pointer }
.btn.primary{ border-color:var(--accent-2); background:#1a1a1a }
.btn.primary:hover{ background:#222 }
.btn.ghost{ background:transparent }
.thanks{ text-align:center; padding:22px 10px }

/* Footer + social icons */
.site-footer {
  padding: 24px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  color: #bbb;
  font-size: 14px;
}

.site-footer .container {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.site-footer .footer-link {
  color: #cfcfcf;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.site-footer .footer-link:hover {
  color: #fff;
  border-bottom-color: currentColor;
}

/* Social icons row */
.social {
  display: inline-flex;
  gap: 14px;
  margin-left: 6px;
}

.social a {
  display: inline-flex;
  width: 26px; height: 26px;
  align-items: center; justify-content: center;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.08) inset;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.social a:hover {
  transform: translateY(-2px);
  background: rgba(255,255,255,0.10);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.20) inset;
}

.social .ico {
  width: 16px; height: 16px;
  fill: #d7c6a3;               /* pamattonis ikonām */
  opacity: .95;
  transition: fill .2s ease, opacity .2s ease;
}

/* hover: pieskaņots maigāks pelēk-zeltains (tava accent palete) */
.social a:hover .ico {
  fill: #e6d7b3;               /* vai #c7b089, ja vēlies siltāku toni */
  opacity: 1;
}

/* Tumšs fons fūterī labākai saderībai */
body .site-footer {
  background: linear-gradient(to top, rgba(0,0,0,0.35), rgba(0,0,0,0));
}

/* place near other form styles */
.field + .field.consent {
  margin-top: 8px;  /* subtle, matches your current rhythm */
}
.field.consent label {
  margin-left: .5rem; /* keeps label nicely aligned by the box */
}