@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=DM+Sans:wght@300;400;500;600&display=swap');

/* ── Animations ───────────────────────────────────────── */
.fade-up{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}

/* ── Cookie slide ─────────────────────────────────────── */
.gn-cookie-bar{transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}
.gn-cookie-bar.visible{transform:translateY(0)}

/* ── Popup ────────────────────────────────────────────── */
@keyframes popIn{from{opacity:0;transform:scale(.84) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}
.popup-inner{animation:popIn .38s cubic-bezier(.34,1.56,.64,1) both}

/* ── Map iframe ───────────────────────────────────────── */
.pf-map{width:100%;height:360px;border:0;display:block}

/* ── Diagonal section divider ─────────────────────────── */
.clip-diagonal{clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
.clip-diagonal-inv{clip-path:polygon(0 6%,100% 0,100% 100%,0 100%)}

/* ── Blueprint grid overlay ───────────────────────────── */
.blueprint-bg{
  background-image:
    linear-gradient(rgba(0,197,181,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,197,181,.06) 1px, transparent 1px);
  background-size:40px 40px;
}

/* ── Glowing cyan card border ─────────────────────────── */
.card-glow:hover{
  box-shadow:0 0 0 1px rgba(0,197,181,.4), 0 8px 32px rgba(0,197,181,.12);
}

/* ── Scrollbar ────────────────────────────────────────── */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#10141c}
::-webkit-scrollbar-thumb{background:#00c5b5;border-radius:3px}