:root{ --accent:#A2EBCC; --panel:#12181d; --text:#e6f1ee; --muted:#9fb0ac; }
#cookie-consent{ position: fixed; inset: auto 0 0 0; z-index: 100000; display: none; }
#cookie-consent.show{ display:block; }
.cookie-wrap{
  width: min(1100px, 92vw);
  margin: 0 auto;
  background: color-mix(in oklab, var(--panel) 92%, black 8%);
  color: var(--text);
  border-top: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 -20px 40px rgba(0,0,0,.35);
  padding: clamp(12px, 2.2vw, 18px);
}
.cookie-flex{ display: grid; gap: 12px; align-items: center; }
@media (min-width: 720px){ .cookie-flex{ grid-template-columns: 1fr auto; gap: 16px; } }
.cookie-title{ font-weight: 700; margin: 0 0 4px 0; }
.cookie-text{ margin: 0; color: var(--muted); }
.cookie-actions{ display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.cookie-btn{
  appearance: none; border: 1px solid rgba(255,255,255,.16);
  background: transparent; color: var(--text);
  padding: 10px 14px; border-radius: 10px; cursor: pointer; font-weight: 700;
}
.cookie-btn:focus-visible{ outline: 3px solid rgba(162,235,204,.5); outline-offset: 2px; }
.cookie-accept{ background: var(--accent); color: #0b0f12; border-color: transparent; }
.cookie-link{ color: var(--accent); text-decoration: none; font-weight: 700; }
.cookie-link:hover{ text-decoration: underline; }

/* ---- Reveal fail-safe ---- */
.reveal{opacity:1;transform:none}
.js-has-reveal .reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease, transform .5s ease}
.js-has-reveal .reveal.visible{opacity:1;transform:none}
/* Currency dropdown options: ensure readable on dark themes */
.pricing .currency #currency option { color:#0b0f12; background:#fff; }
.pricing .currency #currency option:checked { background:#A2EBCC; color:#0b0f12; }


/* --- Fix: prevent cut-off on anchor scroll --- */
section[id] { scroll-margin-top: 100px; }
@media (max-width: 900px) { section[id] { scroll-margin-top: 120px; } }