:root{
    --ink:#1f2330;
    --muted:#6b7280;
    --line:#e7e8ee;
  
    /* NUVRA’ya uygun altın/bej vurgu */
    --accent:#d1b56a;
  }
  
  *{ box-sizing:border-box; }
  body{
    margin:0;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
    background:#fff;
    color:var(--ink);
  }
  
  .site-header{
    border-bottom:1px solid var(--line);
  }
  
  /* ===== Topbar ===== */
/* ===== Topbar (compact premium version) ===== */

.topbar{
  max-width: 1100px;              /* daha dar */
  margin: 0 auto;
  padding: 12px 18px 6px;         /* daha ince */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* sol-sağ bloklar artık genişliği zorlamasın */
.topbar__left,
.topbar__right{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: unset;               /* 280px kaldırıldı */
}

.topbar__right{
  justify-content: flex-end;
}

/* separator daha hafif */
.sep{
  color: rgba(18,21,36,.15);
  user-select: none;
}

/* linkler daha zarif */
.toplink{
  text-decoration: none;
  color: var(--ink);
  font-size: 12px;                /* küçüldü */
  letter-spacing: .14em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  opacity: .85;
  transition: opacity .2s ease;
}

.toplink:hover{
  opacity: 1;
}

/* buton daha minimal */
.topbtn{
  border: 1px solid rgba(18,21,36,.08);
  background: transparent;
  padding: 6px 10px;
  border-radius: 999px;
  cursor: pointer;
  color: var(--ink);
  font-size: 12px;
  letter-spacing: .04em;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background .2s ease, border-color .2s ease;
}

.topbtn:hover{
  background: rgba(18,21,36,.04);
  border-color: rgba(18,21,36,.15);
}

/* ikon tonlama */
.icon,
.caret{
  color: var(--muted);
  font-size: 12px;
}

/* mobilde daha da sade */
@media (max-width: 720px){
  .topbar{
    max-width: 100%;
    padding: 10px 16px 4px;
  }

  .topbar__left{
    display: none;     /* istersen mobilde gizleyebiliriz */
  }
}
  /* ===== Center logo ===== */
  .brand{
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:6px;
  }
  
  .brand img{
    height: 200px;
    width: auto;
    display:block;
  }
  
  /* ===== Bottom nav ===== */
  .mainnav{
    max-width:1240px;
    margin:0 auto;
    padding: 10px 22px 14px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:34px;
  }
  
  .navlink{
    position:relative;
    text-decoration:none;
    color:var(--ink);
    font-size:14px;
    letter-spacing:.08em;
    text-transform:uppercase;
    padding: 12px 2px;
  }
  
  .navlink:hover{ opacity:.75; }
  
  .navlink.is-active{
    color:var(--accent);
  }
  
  .navlink.is-active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-6px;
    height:2px;
    background:var(--accent);
    border-radius:2px;
  }
  
  /* ===== Responsive ===== */
  @media (max-width: 920px){
    .brand{ display:none; }
    .topbar__left, .topbar__right{ min-width:auto; }
    .mainnav{
      overflow:auto;
      white-space:nowrap;
      gap:22px;
    }
  }
  


  /* ======================
   NUVRA HERO - GOLD THEME
====================== */

:root{
    --gold:#f1e5ac;
    --gold-dark:#d8c57a;
    --text:#ffffff;
  }
  
  .hero-bg{
    position:relative;
    height:90vh;
    min-height:720px;
  
    background:
      url("images/nuvraback.png") center center / cover no-repeat;
  
    display:flex;
    align-items:center;
    overflow:hidden;
  }
  
  /* GOLDEN OVERLAY */
  .hero-bg__overlay{
    position:absolute;
    inset:0;
    background:
      linear-gradient(
        90deg,
        rgba(0,0,0,.78) 0%,
        rgba(0,0,0,.55) 40%,
        rgba(0,0,0,.25) 70%,
        rgba(0,0,0,.15) 100%
      );
  }
  
  /* CONTENT */
  
  .hero-bg__content{
    position:relative;
    z-index:2;
    max-width:1280px;
    width:100%;
    margin:0 auto;
    padding:0 24px;
    color:var(--text);
  }
  
  /* EYEBROW */
  
  .eyebrow{
    font-size:12px;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:18px;
  }
  
  /* TITLE */
  
  .hero-bg h1{
    font-size:68px;
    line-height:1.05;
    font-weight:700;
    letter-spacing:-0.02em;
    margin:0 0 24px;
    max-width:850px;
  }
  
  /* DESC */
  
  .desc{
    font-size:22px;
    line-height:1.6;
    max-width:760px;
    opacity:.92;
    margin-bottom:30px;
  }
  
  /* STATS */
  
  .stats{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:28px;
  }
  
  .stats span{
    border:1px solid rgba(241,229,172,.55);
    color:var(--gold);
    padding:10px 16px;
    border-radius:999px;
    font-size:14px;
    background:rgba(241,229,172,.08);
    backdrop-filter: blur(8px);
  }
  
  /* BUTTONS */
  
  .buttons{
    display:flex;
    gap:12px;
    margin-bottom:18px;
  }
  
  .btn{
    text-decoration:none;
    padding:13px 22px;
    font-weight:600;
    border-radius:10px;
    transition:.25s;
  }
  
  /* GOLD PRIMARY */
  .primary{
    background:var(--gold);
    color:#1f1f1f;
  }
  
  .primary:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 30px rgba(241,229,172,.35);
  }
  
  /* OUTLINE BUTTON */
  .ghost{
    border:1px solid rgba(241,229,172,.65);
    color:var(--gold);
    background:rgba(241,229,172,.08);
  }
  
  .ghost:hover{
    background:rgba(241,229,172,.2);
  }
  
  .note{
    font-size:13px;
    color:rgba(255,255,255,.75);
  }
  
  /* ======================
     RESPONSIVE
  ====================== */
  
  @media (max-width:980px){
  
    .hero-bg{
      height:auto;
      padding:120px 0 90px;
    }
  
    .hero-bg h1{
      font-size:42px;
    }
  
    .desc{
      font-size:18px;
    }
  }

  :root{
    --ink:#1f2330;
    --muted:#6b7280;
    --gold:#f1e5ac;
    --goldLine: rgba(241,229,172,.65);
    --bg:#ffffff;
  }
  
  .nuvraGlobe{
    background: var(--bg);
    padding: 72px 0 56px;
  }
  
  .nuvraGlobe .container{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 22px;
  }
  
  .heading{
    display:grid;
    gap:14px;
    text-align:center;
    margin-bottom: 22px;
  }
  
  .heading h2{
    margin:0;
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--ink);
  }
  
  .heading p{
    margin:0 auto;
    max-width: 860px;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.6;
  }
  
  .filters{
    display:flex;
    justify-content:center;
    gap: 10px;
    flex-wrap:wrap;
    margin-top: 18px;
  }
  
  .filter{
    border: 1px solid rgba(31,35,48,.12);
    background: #fff;
    color: var(--ink);
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 13px;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor:pointer;
    transition: .2s;
  }
  
  .filter:hover{ transform: translateY(-1px); }
  
  .filter.is-active{
    border-color: var(--goldLine);
    box-shadow: 0 10px 30px rgba(241,229,172,.18);
    color: #3a3420;
  }
  
  .globeWrap{
    position: relative;
    width: 100%;
    height: min(64vh, 680px);
    min-height: 520px;
    margin-top: 26px;
    overflow:hidden;
  }
  
  .globeCanvas{
    width:100%;
    height:100%;
    display:block;
  }
  
  .poiLayer{
    position:absolute;
    inset:0;
    pointer-events:none; /* layer pasif, butonlar aktif olsun diye poi'de açıyoruz */
  }
  
  .poi{
    position:absolute;
    transform: translate(-50%, -50%);
    display:inline-flex;
    align-items:center;
    gap:10px;
    pointer-events:auto; /* sadece poi tıklanabilir */
    border:0;
    background: transparent;
    cursor:pointer;
  }
  
  .poiImg{
    width: 54px;
    height: 54px;
    border-radius: 999px;
    background-size: cover;
    background-position: center;
    border: 1px solid var(--goldLine);
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
  }
  
  .poiLabel{
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.92);
    border: 1px solid var(--goldLine);
    color: var(--ink);
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
  }
  
  .ctaRow{
    display:flex;
    justify-content:center;
    margin-top: 26px;
  }
  
  .ctaBtn{
    text-decoration:none;
    background:#fff;
    border: 1px solid var(--goldLine);
    color: var(--ink);
    padding: 12px 18px;
    border-radius: 12px;
    font-weight: 600;
    box-shadow: 0 14px 38px rgba(241,229,172,.16);
    transition:.2s;
  }
  
  .ctaBtn:hover{ transform: translateY(-2px); }
  
  @media (max-width: 920px){
    .heading h2{ font-size: 32px; }
    .globeWrap{ min-height: 460px; }
    .poiImg{ width: 46px; height: 46px; }
  }
  



  :root{
    --ink:#1f2330;
    --muted:#6b7280;
    --gold:#f1e5ac;
    --goldLine: rgba(241,229,172,.65);
    --bg:#fff;
  
    --shadowMain: 0 22px 70px rgba(0,0,0,.12);
    --shadowOverlay: 0 22px 70px rgba(0,0,0,.16);
  }
  
  .nuvra-flagships{
    background: var(--bg);
    padding: 84px 0;
  }
  
  .nuvra-flagships__inner{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 22px;
  
    display: grid;
    grid-template-columns: 120px minmax(320px, 460px) 1fr;
    gap: 60px;
    align-items: center;
  }
  
  /* soldaki şerit */
  .nuvra-flagships__stripe{
    width: 120px;
    height: 520px;
    border-radius: 10px;
    background:
      linear-gradient(180deg, rgba(241,229,172,.22), rgba(241,229,172,.06)),
      url("images/poi-budva.jpg") center/cover no-repeat;
    border: 1px solid rgba(31,35,48,.10);
  }
  
  /* Metin */
  .nuvra-flagships__text h2{
    margin: 0 0 14px;
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--ink);
  }
  .nuvra-flagships__text p{
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
    font-size: 16px;
    max-width: 46ch;
  }
  
  /* =========================
     MEDIA: Accor gibi sağa kaydır
  ========================= */
  .nuvra-flagships__media{
    margin: 0;
    position: relative;
    min-height: 520px;
  
    /* SAĞA YASLA + biraz taşır (Accor hissi) */
    justify-self: end;
    width: min(720px, 100%);
    transform: translateX(36px);
  }
  
  /* MAIN (büyük) */
  .nuvra-flagships__mainSwap{
    width: min(560px, 100%);
    aspect-ratio: 4 / 5;
    margin-left: auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(31,35,48,.10);
    box-shadow: var(--shadowMain);
  }
  
  /* OVERLAY (küçük) — sağa daha taşır */
  .nuvra-flagships__overlaySwap{
    position: absolute;
  
    /* Accor’da overlay daha “sağda” duruyor */
    right: -24px;
    top: 120px;
  
    width: min(340px, 55%);
    aspect-ratio: 4 / 5;
  
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--goldLine);
    box-shadow: var(--shadowOverlay);
  
    transform: translateY(0);
    transition: transform .45s ease;
  }
  
  /* img katmanları */
  .nuvra-flagships__media .img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  
    opacity: 1;
    transform: scale(1);
    transition: opacity .45s ease, transform .75s ease;
    will-change: opacity, transform;
  }
  
  /* hover görseli başlangıçta kapalı + hafif büyük (Accor crossfade daha temiz) */
  .nuvra-flagships__media .img.is-hover{
    opacity: 0;
    transform: scale(1.02);
  }
  
  /* HOVER: default kaybolur, hover gelir */
  .nuvraHoverSwap:hover .img.is-default{
    opacity: 0;
    transform: scale(1);
  }
  .nuvraHoverSwap:hover .img.is-hover{
    opacity: 1;
    transform: scale(1.0);
  }
  
  /* overlay hover’da hafif yukarı gelsin */
  .nuvraHoverSwap:hover .nuvra-flagships__overlaySwap{
    transform: translateY(-8px);
  }
  
  /* caption */
  .nuvra-flagships__caption{
    margin-top: 14px;
    text-align: right;
    color: #2f2a1a;
    font-size: 12px;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .9;
  }
  
  /* =========================
     RESPONSIVE
  ========================= */
  @media (max-width: 980px){
    .nuvra-flagships__inner{
      grid-template-columns: 1fr;
      gap: 26px;
    }
  
    .nuvra-flagships__stripe{
      height: 120px;
      width: 100%;
    }
  
    .nuvra-flagships__media{
      min-height: 420px;
      width: 100%;
      transform: none; /* mobilde taşırma olmasın */
      justify-self: stretch;
    }
  
    .nuvra-flagships__mainSwap{
      margin-left: 0;
      width: 100%;
    }
  
    .nuvra-flagships__overlaySwap{
      right: 12px;
      top: 70px;
      width: 62%;
    }
  
    .nuvra-flagships__caption{
      text-align: left;
    }
  }
  

  :root{
    --ink:#1f2330;
    --muted:#6b7280;
    --bg:#ffffff;
  
    --gold:#f1e5ac;
    --goldLine: rgba(241,229,172,.65);
  
    --line: rgba(31,35,48,.10);
    --soft: rgba(31,35,48,.06);
  
    --shadow: 0 18px 55px rgba(0,0,0,.08);
    --shadow2: 0 14px 38px rgba(241,229,172,.16);
  }
  
  .container{
    max-width:1240px;
    margin:0 auto;
    padding:0 22px;
  }
  
  .nuvra-platform{
    position: relative;
    overflow: hidden;
  
    padding: 72px 0 84px;
  
    /* BACKGROUND IMAGE */
    background:
      linear-gradient(
        rgba(255,255,255,0.90),
        rgba(255,255,255,0.92)
      ),
      url("images/nuvra.png") center center / cover no-repeat;
  }
  
  /* kicker */
  .nuvra-kicker{
    margin:0 0 14px;
    font-size:12px;
    letter-spacing:.22em;
    text-transform:uppercase;
    color: rgba(31,35,48,.55);
  }
  
  /* head row */
  .nuvra-platform__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:22px;
    margin-bottom: 28px;
  }
  
  .nuvra-title{
    margin:0 0 12px;
    font-size: 42px;
    line-height: 1.08;
    letter-spacing: -0.02em;
    color: var(--ink);
  }
  
  .nuvra-sub{
    margin:0;
    max-width: 72ch;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.75;
  }
  
  /* CTA */
  .nuvra-cta{
    white-space:nowrap;
    text-decoration:none;
    background: var(--gold);
    color:#1f1f1f;
    padding: 12px 16px;
    border-radius: 12px;
    font-weight: 650;
    box-shadow: var(--shadow2);
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .nuvra-cta:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 55px rgba(241,229,172,.30);
  }
  
  /* Built for panel */
  .nuvra-builtfor{
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 16px 16px 14px;
    background:
      radial-gradient(800px 300px at 20% 0%, rgba(241,229,172,.18), transparent 55%),
      #fff;
    box-shadow: var(--shadow);
    margin-bottom: 22px;
  }
  
  .nuvra-builtfor__label{
    font-size: 12px;
    color: rgba(31,35,48,.55);
    letter-spacing: .16em;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  
  /* Tabs */
  .nuvra-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  
  .nuvra-tab{
    border: 1px solid rgba(31,35,48,.12);
    background: rgba(255,255,255,.75);
    color: var(--ink);
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 13px;
    letter-spacing: .06em;
    cursor:pointer;
    transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
  }
  
  .nuvra-tab:hover{ transform: translateY(-1px); }
  
  .nuvra-tab.is-active{
    border-color: var(--goldLine);
    background: rgba(241,229,172,.16);
    box-shadow: 0 10px 30px rgba(241,229,172,.18);
    color: #3a3420;
  }
  
  /* Meta pills */
  .nuvra-builtfor__meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top: 12px;
  }
  
  .pill{
    font-size: 12px;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid rgba(31,35,48,.10);
    background: rgba(255,255,255,.75);
    color: rgba(31,35,48,.72);
  }
  
  /* Cards */
  .nuvra-cards{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
  }
  
  .nuvra-card{
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 18px 18px 16px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(0,0,0,.05);
    transition: transform .2s ease, box-shadow .2s ease;
  }
  
  .nuvra-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 55px rgba(0,0,0,.08);
  }
  
  .nuvra-card h3{
    margin:0 0 10px;
    font-size: 15px;
    letter-spacing: .02em;
    color: var(--ink);
  }
  
  .nuvra-card p{
    margin:0;
    color: var(--muted);
    line-height: 1.7;
    font-size: 14px;
  }
  
  /* Quote */
  .nuvra-quote{
    margin-top: 18px;
    border: 1px solid var(--goldLine);
    border-radius: 16px;
    padding: 16px 18px;
    background: rgba(241,229,172,.12);
    display:flex;
    gap:12px;
    align-items:flex-start;
  }
  
  .nuvra-quote__mark{
    font-size: 28px;
    line-height: 1;
    color: rgba(31,35,48,.55);
    margin-top: -2px;
  }
  
  .nuvra-quote p{
    margin:0;
    color: rgba(31,35,48,.72);
    line-height: 1.7;
    font-size: 14px;
  }
  
  /* Responsive */
  @media (max-width: 980px){
    .nuvra-platform__head{
      flex-direction:column;
      align-items:flex-start;
    }
    .nuvra-title{ font-size: 32px; }
    .nuvra-cards{
      grid-template-columns: 1fr;
    }
  }
  :root{
  --ink:#1f2330;
  --navy:#1e2456;
  --gold:#d1b56a;
  --cream:#fbf7f0;
  --line:rgba(31,35,48,.10);
}

/* SECTION */
.nuvra-universe{
  padding: 60px 0 90px;
  background:#fff;
}

.nuvra-universe__container{
  max-width:1240px;
  margin:0 auto;
  padding:0 22px;
}

.nuvra-universe__title{
  text-align:center;
  font-size:46px;
  font-weight:500;
  letter-spacing:-0.02em;
  color:var(--navy);
  margin:0 0 30px;
}

/* GRID */
.nuvra-universe__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}

/* CARD */
.nuvra-card{
  background:var(--cream);
  border:1px solid var(--line);
  border-radius:10px;
  overflow:hidden;
  display:flex;
  flex-direction:column;

  transition:.3s;
}

.nuvra-card:hover{
  transform:translateY(-4px);
  box-shadow:0 25px 70px rgba(0,0,0,.12);
}

/* IMAGE */
.nuvra-card__media{
  aspect-ratio:16/9;
  overflow:hidden;
}

.nuvra-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .8s ease;
}

.nuvra-card:hover .nuvra-card__media img{
  transform:scale(1.06);
}

/* CENTER CARD ALT RESİM */
.nuvra-card__media--bottom{
  margin-top:auto;
}

/* BODY */
.nuvra-card__body{
  padding:34px;
  display:flex;
  flex-direction:column;
  gap:16px;
  flex:1;
}

.nuvra-card__h{
  margin:0;
  font-size:44px;
  line-height:1.06;
  font-weight:500;
  color:var(--gold);
  letter-spacing:-0.02em;
}

.nuvra-card__p{
  margin:0;
  color:var(--navy);
  line-height:1.65;
  font-size:16px;
  max-width:42ch;
}

/* CTA */
.nuvra-card__cta{
  padding:0 34px 30px;
  text-decoration:none;
  color:var(--navy);
  font-size:13px;
  letter-spacing:.12em;
  display:flex;
  gap:10px;
  align-items:center;
}

.nuvra-card__cta span{
  color:var(--gold);
  transition:transform .3s;
}

.nuvra-card:hover .nuvra-card__cta span{
  transform:translateX(6px);
}

/* RESPONSIVE */
@media (max-width:1000px){
  .nuvra-universe__grid{
    grid-template-columns:1fr;
  }

  .nuvra-card{
    min-height:auto;
  }

  .nuvra-card__h{
    font-size:34px;
  }
}



:root{
    --ink:#1f2330;
    --navy:#1e2456;
    --gold:#d1b56a;
    --cream:#fbf7f0;
    --line:rgba(31,35,48,.10);
  }
  
  /* SECTION */
  .nuvra-universe{
    padding: 60px 0 90px;
    background:#fff;
  }
  
  .nuvra-universe__container{
    max-width:1240px;
    margin:0 auto;
    padding:0 22px;
  }
  
  .nuvra-universe__title{
    text-align:center;
    font-size:46px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:var(--navy);
    margin:0 0 30px;
  }
  
  /* GRID */
  .nuvra-universe__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px;
  }
  
  /* CARD */
  .nuvra-card{
    background:var(--cream);
    border:1px solid var(--line);
    border-radius:10px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
   /* min-height:720px; */
    transition:.3s;
  }
  
  .nuvra-card:hover{
    transform:translateY(-4px);
    box-shadow:0 25px 70px rgba(0,0,0,.12);
  }
  
  /* IMAGE */
  .nuvra-card__media{
    aspect-ratio:16/9;
    overflow:hidden;
  }
  
  .nuvra-card__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s ease;
  }
  
  .nuvra-card:hover .nuvra-card__media img{
    transform:scale(1.06);
  }
  
  /* CENTER CARD ALT RESİM */
  .nuvra-card__media--bottom{
    margin-top:auto;
  }
  
  /* BODY */
  .nuvra-card__body{
    padding:34px;
    display:flex;
    flex-direction:column;
    gap:16px;
    flex:1;
  }
  
  .nuvra-card__h{
    margin:0;
    font-size:44px;
    line-height:1.06;
    font-weight:500;
    color:var(--gold);
    letter-spacing:-0.02em;
  }
  
  .nuvra-card__p{
    margin:0;
    color:var(--navy);
    line-height:1.65;
    font-size:16px;
    max-width:42ch;
  }
  
  /* CTA */
  .nuvra-card__cta{
    padding:0 34px 30px;
    text-decoration:none;
    color:var(--navy);
    font-size:13px;
    letter-spacing:.12em;
    display:flex;
    gap:10px;
    align-items:center;
  }
  
  .nuvra-card__cta span{
    color:var(--gold);
    transition:transform .3s;
  }
  
  .nuvra-card:hover .nuvra-card__cta span{
    transform:translateX(6px);
  }
  
  /* RESPONSIVE */
  @media (max-width:1000px){
    .nuvra-universe__grid{
      grid-template-columns:1fr;
    }
  
    .nuvra-card{
      min-height:auto;
    }
  
    .nuvra-card__h{
      font-size:34px;
    }
  }


  /* =========================
   NUVRA UNIVERSE (no conflicts)
   Namespace: .nuvraUniverse / .nuvraUniverseCard
========================= */

.nuvraUniverse{
    padding: 70px 0 95px;
    background: #fff;
  }
  
  .nuvraUniverse__container{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 22px;
  }
  
  .nuvraUniverse__title{
    margin: 0 0 34px;
    text-align: center;
    font-size: clamp(30px, 3.2vw, 52px);
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #1e2456; /* navy */
  }
  
  /* GRID */
  .nuvraUniverse__grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
  }
  
  /* CARD */
  .nuvraUniverseCard{
    background: #fbf7f0; /* cream */
    border: 1px solid rgba(31,35,48,.10);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 720px;
    transition: transform .25s ease, box-shadow .25s ease;
  }
  
  .nuvraUniverseCard:hover{
    transform: translateY(-4px);
    box-shadow: 0 25px 70px rgba(0,0,0,.12);
  }
  
  /* MEDIA */
  .nuvraUniverseCard__media{
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }
  
  .nuvraUniverseCard__media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform .8s ease;
  }
  
  .nuvraUniverseCard:hover .nuvraUniverseCard__media img{
    transform: scale(1.06);
  }
  
  /* Center card bottom image */
  .nuvraUniverseCard__media--bottom{
    margin-top: auto;
  }
  
  /* BODY */
  .nuvraUniverseCard__body{
    padding: 34px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
  }
  
  .nuvraUniverseCard__h{
    margin: 0;
    font-size: clamp(28px, 2.25vw, 44px);
    line-height: 1.06;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #d1b56a; /* gold */
  }
  
  .nuvraUniverseCard__p{
    margin: 0;
    max-width: 44ch;
    color: #1e2456; /* navy */
    font-size: 16px;
    line-height: 1.65;
  }
  
  /* CTA */
  .nuvraUniverseCard__cta{
    margin-top: auto;
    padding-top: 12px;
    text-decoration: none;
    color: #1e2456; /* navy */
    font-size: 13px;
    letter-spacing: .12em;
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }
  
  .nuvraUniverseCard__cta span{
    color: #d1b56a;
    transition: transform .25s ease;
  }
  
  .nuvraUniverseCard:hover .nuvraUniverseCard__cta span{
    transform: translateX(6px);
  }
  
  /* SPLIT variant (center card) */
  .nuvraUniverseCard--split{
    background: #fbf7f0;
  }
  
  /* RESPONSIVE */
  @media (max-width: 1000px){
    .nuvraUniverse__grid{
      grid-template-columns: 1fr;
    }
  
    .nuvraUniverseCard{
      min-height: auto;
    }
  
    .nuvraUniverseCard__body{
      padding: 26px;
    }
  }


  /* =========================
   NUVRA METRICS (premium split)
   Namespace: .nuvraMetrics / .nuvraMetricsCard
   (no class conflicts)
========================= */

.nuvraMetrics{
    padding: 86px 0 96px;
    background:
      radial-gradient(900px 400px at 15% 0%, rgba(209,181,106,.18), transparent 55%),
      radial-gradient(800px 420px at 90% 10%, rgba(31,35,48,.08), transparent 60%),
      #fff;
  }
  
  .nuvraMetrics__container{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 22px;
  }
  
  .nuvraMetrics__head{
    max-width: 860px;
    margin: 0 auto 28px;
    text-align: center;
  }
  
  .nuvraMetrics__kicker{
    margin: 0 0 12px;
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(31,35,48,.55);
  }
  
  .nuvraMetrics__title{
    margin: 0 0 12px;
    font-size: clamp(30px, 3.2vw, 46px);
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: #1f2330;
  }
  
  .nuvraMetrics__sub{
    margin: 0 auto;
    color: rgba(31,35,48,.72);
    line-height: 1.75;
    font-size: 16px;
    max-width: 76ch;
  }
  
  /* GRID */
  .nuvraMetrics__grid{
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 18px;
    align-items: stretch;
  }
  
  /* CARD BASE */
  .nuvraMetricsCard{
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(31,35,48,.10);
    box-shadow: 0 18px 55px rgba(0,0,0,.08);
  }
  
  .nuvraMetricsCard__top{
    padding: 18px 18px 10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
  }
  
  .nuvraMetricsCard__h{
    margin: 0 0 6px;
    font-size: 16px;
    letter-spacing: -0.01em;
  }
  
  .nuvraMetricsCard__meta{
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    opacity: .78;
  }
  
  /* LIGHT CARD */
  .nuvraMetricsCard--light{
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(10px);
  }
  
  /* DARK CARD */
  .nuvraMetricsCard--dark{
    background: linear-gradient(180deg, #141c2d, #0f1726);
    color: rgba(255,255,255,.92);
    border-color: rgba(255,255,255,.10);
  }
  
  .nuvraMetricsCard--dark .nuvraMetricsCard__meta{
    opacity: .72;
  }
  
  /* CHIP (top right on light) */
  .nuvraMetricsChip{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 13px;
    background: rgba(209,181,106,.14);
    border: 1px solid rgba(209,181,106,.35);
    color: rgba(31,35,48,.82);
    white-space: nowrap;
  }
  
  .nuvraMetricsChip__dot{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d1b56a;
    box-shadow: 0 0 0 4px rgba(209,181,106,.18);
  }
  
  /* DARK PILL */
  .nuvraMetricsPill{
    padding: 9px 12px;
    border-radius: 999px;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.9);
    border: 1px solid rgba(209,181,106,.35);
    background: rgba(209,181,106,.14);
  }
  
  /* CALENDAR */
  .nuvraMetricsCalendar{
    padding: 10px 18px 6px;
  }
  
  .nuvraMetricsCalendar__dow{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
    margin-bottom: 10px;
  }
  
  .nuvraMetricsCalendar__dow span{
    text-align: center;
    font-size: 13px;
    color: rgba(31,35,48,.58);
    background: rgba(31,35,48,.04);
    border: 1px solid rgba(31,35,48,.06);
    padding: 10px 0;
    border-radius: 12px;
  }
  
  .nuvraMetricsCalendar__grid{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
  }
  
  .nuvraMetricsDay{
    border: 1px solid rgba(31,35,48,.08);
    background: rgba(31,35,48,.03);
    color: rgba(31,35,48,.60);
    border-radius: 12px;
    padding: 14px 0;
    font-size: 16px;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
  }
  
  .nuvraMetricsDay:hover{
    transform: translateY(-1px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
  }
  
  .nuvraMetricsDay.is-active{
    background: linear-gradient(
      135deg,
      #f6e3b4 0%,
      #d4af37 35%,
      #c9a86a 65%,
      #b9923f 100%
    );
    color: #1b1b1b;
    border: 1px solid rgba(212,175,55,.55);
    box-shadow:
      0 10px 30px rgba(201,168,106,.35),
      inset 0 1px 0 rgba(255,255,255,.35);
  }
  
  /* TEXT */
  .nuvraMetricsCard__desc{
    margin: 10px 18px 0;
    color: rgba(31,35,48,.72);
    line-height: 1.7;
    font-size: 15px;
  }
  
  .nuvraMetricsList{
    margin: 18px;
    padding: 16px;
    border-radius: 16px;
    background: rgba(31,35,48,.03);
    border: 1px solid rgba(31,35,48,.06);
  }
  
  .nuvraMetricsList__label{
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(31,35,48,.55);
    margin-bottom: 10px;
  }
  
  .nuvraMetricsList__ul{
    margin: 0;
    padding-left: 18px;
    color: rgba(31,35,48,.75);
    line-height: 1.8;
  }
  
  /* DARK rows */
  .nuvraMetricsRows{
    padding: 6px 18px 0;
    display: grid;
    gap: 10px;
  }
  
  .nuvraMetricsRow{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
  }
  
  .nuvraMetricsRow span{
    color: rgba(255,255,255,.78);
  }
  
  .nuvraMetricsRow strong{
    font-size: 18px;
    color: rgba(255,255,255,.92);
  }
  
  .nuvraMetricsRow strong.is-pos{
    color: rgba(241,229,172,.95);
  }
  
  /* Quote */
  .nuvraMetricsQuote{
    margin: 16px 18px 18px;
    padding: 16px 16px;
    border-radius: 16px;
    border: 1px solid rgba(209,181,106,.25);
    background: rgba(209,181,106,.10);
  }
  
  .nuvraMetricsQuote p{
    margin: 0 0 10px;
    line-height: 1.75;
    color: rgba(255,255,255,.86);
    font-size: 15px;
  }
  
  .nuvraMetricsQuote footer{
    color: rgba(255,255,255,.62);
    font-size: 13px;
  }
  
  /* subtle glow */
  .nuvraMetricsGlow{
    position: absolute;
    inset: -40% -30% auto auto;
    width: 380px;
    height: 380px;
    background: radial-gradient(circle at 30% 30%, rgba(209,181,106,.35), transparent 60%);
    filter: blur(10px);
    pointer-events: none;
    opacity: .8;
  }
  
  /* RESPONSIVE */
  @media (max-width: 980px){
    .nuvraMetrics__grid{
      grid-template-columns: 1fr;
    }
  }

  /* =========================
   NUVRA IMPACT (senior bento layout)
   Namespace: .nuvraImpact / .nuvraImpactCard
   No conflicts with existing classes
========================= */

.nuvraImpact{
    --ink:#1f2330;
    --muted: rgba(31,35,48,.68);
    --line: rgba(31,35,48,.10);
    --soft: rgba(31,35,48,.06);
    --gold:#d1b56a;
    --goldSoft: rgba(209,181,106,.18);
    --shadow: 0 18px 55px rgba(0,0,0,.08);
    --shadow2: 0 24px 80px rgba(0,0,0,.10);
  
    padding: 82px 0 96px;
    background:
      radial-gradient(1100px 520px at 12% 0%, rgba(209,181,106,.18), transparent 58%),
      radial-gradient(900px 500px at 88% 18%, rgba(31,35,48,.08), transparent 62%),
      #fff;
    color: var(--ink);
  }
  
  .nuvraImpact__container{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 22px;
  }
  
  .nuvraImpact__head{
    max-width: 860px;
    margin: 0 auto 28px;
  }
  
  .nuvraImpact__kicker{
    margin: 0 0 10px;
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(31,35,48,.55);
  }
  
  .nuvraImpact__title{
    margin: 0 0 10px;
    font-size: clamp(30px, 3.1vw, 46px);
    line-height: 1.12;
    letter-spacing: -0.02em;
  }
  
  .nuvraImpact__sub{
    margin: 0;
    color: var(--muted);
    line-height: 1.75;
    max-width: 76ch;
  }
  
  /* Layout: left bento + right sticky */
  .nuvraImpact__layout{
    display: grid;
    grid-template-columns: 1.12fr .88fr;
    gap: 18px;
    align-items: start;
  }
  
  /* Bento grid */
  .nuvraImpact__bento{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  
  /* Card base */
  .nuvraImpactCard{
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255,255,255,.82);
    backdrop-filter: blur(8px);
    box-shadow: var(--shadow);
    padding: 16px 16px 14px;
    transition: transform .2s ease, box-shadow .25s ease, border-color .25s ease;
    position: relative;
    overflow: hidden;
  }
  
  .nuvraImpactCard:hover{
    transform: translateY(-2px);
    box-shadow: var(--shadow2);
    border-color: rgba(209,181,106,.22);
  }
  
  .nuvraImpactCard::before{
    content:"";
    position:absolute;
    inset: -1px;
    background: radial-gradient(600px 220px at 20% 0%, rgba(209,181,106,.18), transparent 55%);
    opacity: .55;
    pointer-events:none;
  }
  
  .nuvraImpactCard > *{ position: relative; }
  
  .nuvraImpactCard__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
  }
  
  .nuvraImpactTag{
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(31,35,48,.55);
  }
  
  .nuvraImpactDot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 0 5px rgba(209,181,106,.18);
  }
  
  .nuvraImpactCard__value{
    font-size: 26px;
    font-weight: 650;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
  }
  
  .nuvraImpactCard__desc{
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
    font-size: 14px;
  }
  
  /* Variants */
  .nuvraImpactCard--note{
    grid-column: 1 / -1;
    padding: 18px;
    background:
      radial-gradient(900px 260px at 18% 0%, rgba(209,181,106,.16), transparent 60%),
      rgba(255,255,255,.86);
  }
  
  .nuvraImpactMini{
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
    margin-top: 14px;
  }
  
  .nuvraImpactMini__item{
    border: 1px solid rgba(31,35,48,.08);
    background: rgba(31,35,48,.03);
    border-radius: 14px;
    padding: 12px 12px;
  }
  
  .nuvraImpactMini__k{
    display:block;
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(31,35,48,.55);
    margin-bottom: 6px;
  }
  
  .nuvraImpactMini__v{
    font-size: 13px;
    color: rgba(31,35,48,.82);
  }
  
  .nuvraImpactCard--case{
    grid-column: 1 / -1;
    padding: 18px;
  }
  
  .nuvraImpactList{
    margin: 12px 0 0;
    padding-left: 18px;
    color: rgba(31,35,48,.76);
    line-height: 1.85;
    font-size: 14px;
  }
  
  /* Side (sticky insight) */
  .nuvraImpactSide{
    position: sticky;
    top: 18px;
  }
  
  .nuvraImpactSide__inner{
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--line);
    box-shadow: var(--shadow2);
    background: linear-gradient(180deg, #121a2a, #0d1424);
    color: rgba(255,255,255,.92);
  }
  
  .nuvraImpactSide__media{
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
  }
  
  .nuvraImpactSide__media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display:block;
    transform: scale(1.02);
  }
  
  .nuvraImpactSide__fade{
    position:absolute;
    inset:0;
    background:
      radial-gradient(900px 360px at 25% 10%, rgba(209,181,106,.22), transparent 60%),
      linear-gradient(180deg, rgba(13,20,36,.15), rgba(13,20,36,.78));
  }
  
  .nuvraImpactSide__info{
    padding: 16px 16px 18px;
  }
  
  .nuvraImpactSide__badge{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 999px;
    border: 1px solid rgba(209,181,106,.28);
    background: rgba(209,181,106,.12);
    font-size: 12px;
    letter-spacing: .10em;
    text-transform: uppercase;
    margin-bottom: 12px;
  }
  
  .nuvraImpactPulse{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 0 6px rgba(209,181,106,.16);
  }
  
  .nuvraImpactSide__h{
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: -0.01em;
  }
  
  .nuvraImpactSide__h span{
    color: rgba(241,229,172,.95);
  }
  
  .nuvraImpactSide__p{
    margin: 0 0 14px;
    color: rgba(255,255,255,.74);
    line-height: 1.7;
    font-size: 14px;
  }
  
  /* CTA buttons */
  .nuvraImpactSide__ctaRow{
    display:flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  
  .nuvraImpactBtn{
    text-decoration: none;
    padding: 11px 14px;
    border-radius: 12px;
    font-weight: 650;
    background: rgba(241,229,172,.92);
    color: #171717;
    border: 1px solid rgba(241,229,172,.45);
    box-shadow: 0 18px 45px rgba(0,0,0,.18);
    transition: transform .18s ease, box-shadow .25s ease;
  }
  
  .nuvraImpactBtn:hover{
    transform: translateY(-2px);
    box-shadow: 0 22px 65px rgba(0,0,0,.22);
  }
  
  .nuvraImpactBtn--ghost{
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.88);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: none;
  }
  
  .nuvraImpactBtn--ghost:hover{
    background: rgba(255,255,255,.07);
  }
  
  /* Responsive */
  @media (max-width: 980px){
    .nuvraImpact__layout{
      grid-template-columns: 1fr;
    }
    .nuvraImpactSide{
      position: static;
    }
    .nuvraImpact__bento{
      grid-template-columns: 1fr;
    }
    .nuvraImpactMini{
      grid-template-columns: 1fr;
    }
  }


  /* ======================================
   CRAFTO STYLE IMAGE LAYOUT OVERRIDE
   (right side becomes half background)
====================================== */

/* container artık relative olsun */
.nuvraImpactHero__container{
    position: relative;
  }
  
  /* RIGHT SIDE = BIG BACKGROUND PANEL */
  .nuvraImpactHero__right{
    position: absolute;
    top: 0;
    right: 0;
  
    width: 48%;
    height: 100%;
  
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  
    z-index: 1;
  }
  
  /* LEFT content üstte kalsın */
  .nuvraImpactHero__left{
    position: relative;
    z-index: 3;
    width: 56%;
  }
  
  /* IMAGE artık section gibi büyük */
  .nuvraImpactHero__media{
    height: 72%;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    overflow: hidden;
  }
  
  /* image full cover */
  .nuvraImpactHero__media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  /* dark card image üstünde değil, altında */
  .nuvraImpactHero__signal{
    margin-top: 0;
    border-radius: 0;
  }
  
  /* orb ortada kalsın */
  .nuvraImpactHero__orb{
    width: 130px;
    height: 130px;
    top: 50%;
  }
  
  /* desktop spacing */
  .nuvraImpactHero{
    padding-bottom: 110px;
  }
  
  /* ======================
     MOBILE FIX
  ====================== */
  @media (max-width:1100px){
  
    .nuvraImpactHero__right{
      position: relative;
      width: 100%;
      height: auto;
      margin-top: 24px;
    }
  
    .nuvraImpactHero__left{
      width: 100%;
    }
  
    .nuvraImpactHero__media{
      height: auto;
      border-radius: 18px;
    }
  
    .nuvraImpactHero__signal{
      border-radius: 18px;
      margin-top: 14px;
    }
  }
  

  /* ==========================================================
   NUVRA Impact Hero — TRUE Crafto half background
   - Image is NOT a column. It's section background layer.
   - Text/cards are above it.
   - Right aside is disabled (since bg handles the image).
========================================================== */

.nuvraImpactHero{
    --ink:#121524;
    --muted: rgba(18,21,36,.64);
    --line: rgba(18,21,36,.10);
    --gold:#d1b56a;
    --navy1:#141c2d;
    --navy2:#0f1726;
  
    /* 👇 buraya kendi görselin */
    --bgImg: url("images/poi-podgorica.jpg");
  
    position: relative;
    overflow: hidden;
    padding: 82px 0 96px;
    background:#fff;
    color: var(--ink);
  }
  
  
  /* RIGHT HALF BACKGROUND IMAGE (BIG) */
  .nuvraImpactHero::after{
    content:"";
    position:absolute;
    top: 0;
    right: 0;
    width: 52vw;          /* half-screen feeling */
    max-width: 820px;     /* çok büyümesin */
    height: 100%;
  
    background: var(--bgImg) center / cover no-repeat;
    z-index: 0;
  }
  
  /* WHITE FADE so left content is readable */
  .nuvraImpactHero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index: 1;
    pointer-events:none;
  
    background: linear-gradient(
      90deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,1) 45%,
      rgba(255,255,255,.82) 58%,
      rgba(255,255,255,.25) 76%,
      rgba(255,255,255,0) 100%
    );
  }
  
  /* container is above background */
  .nuvraImpactHero__container{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 22px;
  
    position: relative;
    z-index: 2;
  
    display: grid;
    grid-template-columns: 90px minmax(420px, 720px);
    gap: 34px;
    align-items: start;
  }
  
  /* ✅ right aside artık gereksiz: kapat */
  .nuvraImpactHero__right{
    display:none !important;
  }
  
  /* Left rail */
  .nuvraImpactHero__rail{
    min-height: 100%;
    border-right: 1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  
  .nuvraImpactHero__railText{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 12px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: rgba(18,21,36,.45);
  }
  
  /* Left content */
  .nuvraImpactHero__left{
    padding-top: 10px;
  }
  
  .nuvraImpactHero__title{
    margin: 0 0 10px;
    font-size: clamp(34px, 3.2vw, 52px);
    line-height: 1.05;
    letter-spacing: -0.03em;
  }
  
  .nuvraImpactHero__lead{
    margin: 0 0 18px;
    color: var(--muted);
    line-height: 1.75;
    font-size: 15px;
    max-width: 70ch;
  }
  
  /* Metric grid */
  .nuvraImpactHero__metrics{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
  }
  
  .nuvraImpactHero__metric{
    border: 1px solid var(--line);
    background: rgba(255,255,255,.92);
    border-radius: 14px;
    padding: 14px 14px 12px;
    box-shadow: 0 18px 55px rgba(0,0,0,.06);
  }
  
  .nuvraImpactHero__metricK{
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(18,21,36,.52);
    margin-bottom: 8px;
  }
  
  .nuvraImpactHero__metricV{
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 6px;
  }
  
  .nuvraImpactHero__metricP{
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
    font-size: 13px;
  }
  
  /* Why now */
  .nuvraImpactHero__panel{
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 16px;
    background:
      radial-gradient(900px 260px at 20% 0%, rgba(209,181,106,.12), transparent 60%),
      rgba(255,255,255,.92);
    box-shadow: 0 18px 55px rgba(0,0,0,.06);
    margin-bottom: 14px;
  }
  
  .nuvraImpactHero__panelK{
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(18,21,36,.52);
  }
  
  .nuvraImpactHero__panelP{
    margin: 10px 0 12px;
    color: var(--muted);
    line-height: 1.75;
    font-size: 14px;
  }
  
  .nuvraImpactHero__mini{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  
  .nuvraImpactHero__miniItem{
    border: 1px solid rgba(18,21,36,.08);
    background: rgba(18,21,36,.03);
    border-radius: 14px;
    padding: 12px 12px;
  }
  
  .nuvraImpactHero__miniK{
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(18,21,36,.52);
    margin-bottom: 6px;
  }
  
  .nuvraImpactHero__miniV{
    font-size: 13px;
    color: rgba(18,21,36,.82);
  }
  
  /* Case study */
  .nuvraImpactHero__case{
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 16px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 18px 55px rgba(0,0,0,.06);
  }
  
  .nuvraImpactHero__caseK{
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(18,21,36,.52);
    margin-bottom: 10px;
  }
  
  .nuvraImpactHero__caseP{
    margin: 0 0 10px;
    color: var(--muted);
    line-height: 1.75;
    font-size: 14px;
  }
  
  .nuvraImpactHero__caseList{
    margin: 0;
    padding-left: 18px;
    color: rgba(18,21,36,.75);
    line-height: 1.85;
    font-size: 14px;
  }
  
  /* Pager */
  .nuvraImpactHero__pager{
    margin-top: 18px;
    display:flex;
    align-items:center;
    gap: 14px;
    color: rgba(18,21,36,.55);
  }
  
  .nuvraImpactHero__page{
    font-size: 12px;
    letter-spacing: .16em;
  }
  
  .nuvraImpactHero__page.is-active{
    color: rgba(18,21,36,.85);
  }
  
  .nuvraImpactHero__pagerLine{
    height: 1px;
    width: 64px;
    background: rgba(18,21,36,.16);
  }
  
  /* Responsive */
  @media (max-width: 1100px){
    .nuvraImpactHero::after{
      width: 100%;
      max-width: none;
      height: 280px;
    }
    .nuvraImpactHero::before{
      background: linear-gradient(
        180deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.55) 55%,
        rgba(255,255,255,1) 100%
      );
    }
    .nuvraImpactHero__container{
      grid-template-columns: 70px 1fr;
      margin-top: 210px; /* banner’ın altına içerik */
    }
  }
  
  @media (max-width: 720px){
    .nuvraImpactHero__rail{ display:none; }
    .nuvraImpactHero__container{
      grid-template-columns: 1fr;
      margin-top: 190px;
    }
    .nuvraImpactHero__metrics{ grid-template-columns: 1fr; }
    .nuvraImpactHero__mini{ grid-template-columns: 1fr; }
  }


  /* ==========================================================
   NUVRA Pricing Pro (premium cards, hover color shift)
   Namespace: .nuvraPricingPro (no conflicts)
========================================================== */

.nuvraPricingPro{
    --ink:#121524;
    --muted: rgba(18,21,36,.62);
    --line: rgba(18,21,36,.10);
    --soft: rgba(18,21,36,.05);
  
    --gold:#d1b56a;
    --gold2:#f1e5ac;
  
    --navy1:#141c2d;
    --navy2:#0f1726;
  
    background:#fff;
    padding: 82px 0 96px;
    color: var(--ink);
  }
  
  .nuvraPricingPro__container{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 22px;
  }
  
  .nuvraPricingPro__head{
    max-width: 840px;
    margin-bottom: 28px;
  }
  
  .nuvraPricingPro__kicker{
    margin: 0 0 10px;
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(18,21,36,.55);
  }
  
  .nuvraPricingPro__title{
    margin: 0 0 10px;
    font-size: clamp(28px, 2.6vw, 40px);
    line-height: 1.12;
    letter-spacing: -0.02em;
  }
  
  .nuvraPricingPro__sub{
    margin: 0;
    color: var(--muted);
    line-height: 1.75;
    font-size: 15px;
  }
  
  /* GRID */
  .nuvraPricingPro__grid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
  }
  
  /* CARD */
  .nuvraPricingPro__card{
    position: relative;
    border: 1px solid var(--line);
    border-radius: 18px;
    background:
      radial-gradient(900px 320px at 20% 0%, rgba(209,181,106,.08), transparent 55%),
      #fff;
    box-shadow: 0 18px 55px rgba(0,0,0,.06);
  
    padding: 18px;
    display:flex;
    flex-direction: column;
    gap: 14px;
  
    transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
    overflow: hidden;
  }
  
  /* premium top highlight line */
  .nuvraPricingPro__card::before{
    content:"";
    position:absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: transparent;
    transition: background .22s ease;
  }
  
  /* Hover = color shift (different, premium) */
  .nuvraPricingPro__card:hover{
    transform: translateY(-4px);
    border-color: rgba(209,181,106,.30);
    box-shadow: 0 26px 90px rgba(0,0,0,.10);
  
    /* card rengi değişsin */
    background:
      radial-gradient(900px 340px at 20% 0%, rgba(209,181,106,.22), transparent 55%),
      linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,.96));
  }
  
  .nuvraPricingPro__card:hover::before{
    background: linear-gradient(90deg, rgba(209,181,106,0), rgba(209,181,106,.95), rgba(209,181,106,0));
  }
  
  /* Featured plan gets different base */
  .nuvraPricingPro__card.is-featured{
    border-color: rgba(209,181,106,.40);
    background:
      radial-gradient(900px 340px at 20% 0%, rgba(209,181,106,.18), transparent 58%),
      linear-gradient(180deg, rgba(18,21,36,.02), rgba(255,255,255,1));
  }
  
  .nuvraPricingPro__card.is-featured:hover{
    border-color: rgba(209,181,106,.60);
    background:
      radial-gradient(900px 340px at 20% 0%, rgba(241,229,172,.26), transparent 60%),
      linear-gradient(180deg, rgba(18,21,36,.03), rgba(255,255,255,1));
  }
  
  /* TOP */
  .nuvraPricingPro__top{
    display:flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .nuvraPricingPro__label{
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(18,21,36,.55);
  }
  
  .nuvraPricingPro__price{
    display:flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
  }
  
  .nuvraPricingPro__from{
    color: rgba(18,21,36,.62);
    font-size: 13px;
  }
  
  .nuvraPricingPro__value{
    font-weight: 750;
    font-size: 22px;
    letter-spacing: -0.02em;
  }
  
  .nuvraPricingPro__unit{
    color: rgba(18,21,36,.55);
    font-size: 13px;
  }
  
  .nuvraPricingPro__hint{
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
    font-size: 14px;
  }
  
  /* LIST */
  .nuvraPricingPro__list{
    margin: 0;
    padding-left: 18px;
    color: rgba(18,21,36,.78);
    line-height: 1.85;
    font-size: 14px;
  }
  
  .nuvraPricingPro__list li{
    margin: 6px 0;
  }
  
  /* BUTTON */
  .nuvraPricingPro__btn{
    margin-top: auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
  
    text-decoration:none;
    padding: 12px 14px;
    border-radius: 12px;
  
    border: 1px solid rgba(18,21,36,.14);
    background: rgba(255,255,255,.92);
    color: rgba(18,21,36,.90);
  
    font-weight: 650;
    transition: transform .18s ease, background .22s ease, border-color .22s ease, color .22s ease;
  }
  
  .nuvraPricingPro__btn:hover{
    transform: translateY(-1px);
    border-color: rgba(209,181,106,.50);
  }
  
  /* Primary button */
  .nuvraPricingPro__btn.is-primary{
    background: rgba(241,229,172,.92);
    border-color: rgba(241,229,172,.70);
    color: #1a1a1a;
    box-shadow: 0 18px 45px rgba(0,0,0,.12);
  }
  
  .nuvraPricingPro__btn.is-primary:hover{
    background: rgba(241,229,172,1);
    transform: translateY(-2px);
  }
  
  /* Footer */
  .nuvraPricingPro__foot{
    margin: 16px 0 0;
    max-width: 860px;
    color: rgba(18,21,36,.60);
    line-height: 1.7;
    font-size: 13px;
  }
  
  /* Responsive */
  @media (max-width: 980px){
    .nuvraPricingPro__grid{
      grid-template-columns: 1fr;
    }
  }


  /* ==========================================================
   NUVRA Integrations Pro (premium + logo watermark)
   Namespace: .nuvraIntegrationsPro (no conflicts)
========================================================== */

.nuvraIntegrationsPro{
    --navy0:#0b1220;
    --navy1:#0e172a;
    --navy2:#0a1323;
  
    --text: rgba(255,255,255,.92);
    --muted: rgba(255,255,255,.70);
    --line: rgba(255,255,255,.12);
  
    --gold:#d1b56a;
    --goldSoft: rgba(209,181,106,.18);
  
    /* 👇 LOGO PATH (change this) */
    --logo: url("images/nuvralogo-Photoroom.png");
  
    padding: 56px 0;
    background: transparent;
  }
  
  .nuvraIntegrationsPro__inner{
    max-width: 1240px;
    margin: 0 auto;
    padding: 34px 28px;
  
    position: relative;
    overflow: hidden;
  
    border-radius: 18px;
    border: 1px solid rgba(18,21,36,.10);
    box-shadow: 0 22px 70px rgba(0,0,0,.18);
  
    background:
      radial-gradient(900px 380px at 15% 15%, rgba(209,181,106,.10), transparent 60%),
      linear-gradient(180deg, var(--navy1), var(--navy2));
  }
  
  /* BIG LOGO WATERMARK */
  .nuvraIntegrationsPro__inner::before{
    content:"";
    position:absolute;
    inset: -10% -6%;
    background: var(--logo) center / 560px auto no-repeat;
    opacity: .10;                 /* watermark */
    filter: saturate(1.05) contrast(1.05);
    pointer-events:none;
    z-index: 0;
  }
  
  /* subtle grain / gloss */
  .nuvraIntegrationsPro__inner::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(900px 360px at 70% 20%, rgba(255,255,255,.06), transparent 55%),
      linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,0));
    pointer-events:none;
    z-index: 0;
  }
  
  .nuvraIntegrationsPro__kicker,
  .nuvraIntegrationsPro__title,
  .nuvraIntegrationsPro__sub,
  .nuvraIntegrationsPro__chips{
    position: relative;
    z-index: 1;
  }
  
  .nuvraIntegrationsPro__kicker{
    margin: 0 0 10px;
    font-size: 12px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: rgba(176,192,255,.75);
  }
  
  .nuvraIntegrationsPro__title{
    margin: 0 0 10px;
    font-size: clamp(22px, 2.2vw, 34px);
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: var(--text);
  }
  
  .nuvraIntegrationsPro__sub{
    margin: 0 0 18px;
    max-width: 980px;
    color: var(--muted);
    line-height: 1.7;
    font-size: 15px;
  }
  
  /* CHIPS GRID */
  .nuvraIntegrationsPro__chips{
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  
  /* Premium chip style */
  .nuvraIntegrationsPro__chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  
    padding: 11px 14px;
    border-radius: 12px;
  
    color: rgba(255,255,255,.88);
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
  
    font-size: 14px;
    letter-spacing: .01em;
  
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 12px 30px rgba(0,0,0,.22);
  
    transition: transform .18s ease, background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease;
    user-select: none;
  }
  
  /* Hover = premium glow + gold hint */
  .nuvraIntegrationsPro__chip:hover{
    transform: translateY(-2px);
    background: rgba(209,181,106,.14);
    border-color: rgba(209,181,106,.30);
    color: rgba(255,255,255,.95);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 18px 55px rgba(0,0,0,.28);
  }
  
  /* wider chip */
  .nuvraIntegrationsPro__chip.is-wide{
    padding-left: 16px;
    padding-right: 16px;
  }
  
  /* Responsive */
  @media (max-width: 820px){
    .nuvraIntegrationsPro__inner{
      padding: 28px 18px;
      border-radius: 16px;
    }
  
    .nuvraIntegrationsPro__inner::before{
      background-size: 420px auto;
      opacity: .08;
    }
  
    .nuvraIntegrationsPro__chip{
      font-size: 13px;
      padding: 10px 12px;
      border-radius: 11px;
    }
  }


  /* ==========================================================
   NUVRA CTA Banner (premium, watermark, no conflicts)
   Namespace: .nuvraCtaBanner
========================================================== */

.nuvraCtaBanner{
    --navy0:#070c16;
    --navy1:#0b1220;
    --navy2:#0a1323;
  
    --text: rgba(255,255,255,.92);
    --muted: rgba(255,255,255,.74);
    --line: rgba(255,255,255,.12);
  
    --gold:#d1b56a;
    --goldSoft: rgba(209,181,106,.18);
  
    --blue:#2f66ff;
    --gold1:#d1b56a;
    --gold2:#b9974f;
  
    /* 👇 watermark logo path */
    --logo: url("images/nuvralogo-Photoroom.png");
  
    padding: 64px 0;
    background:#fff;
  }
  
  .nuvraCtaBanner__inner{
    max-width: 1240px;
    margin: 0 auto;
    padding: 44px 40px;
  
    position: relative;
    overflow: hidden;
  
    border-radius: 18px;
    border: 1px solid rgba(18,21,36,.10);
    box-shadow: 0 26px 95px rgba(0,0,0,.18);
  
    background:
      radial-gradient(1100px 500px at 12% 20%, rgba(209,181,106,.10), transparent 60%),
      radial-gradient(900px 420px at 80% 30%, rgba(47,102,255,.12), transparent 60%),
      linear-gradient(180deg, var(--navy1), var(--navy2));
  }
  
  /* big watermark behind */
  .nuvraCtaBanner__inner::before{
    content:"";
    position:absolute;
    inset: -12% -10%;
    background: var(--logo) center / 900px auto no-repeat;
    opacity: .10;
    pointer-events:none;
    z-index: 0;
    filter: saturate(1.05) contrast(1.05);
  }
  
  /* soft vignette */
  .nuvraCtaBanner__inner::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(900px 360px at 20% 0%, rgba(255,255,255,.06), transparent 55%),
      radial-gradient(900px 480px at 70% 100%, rgba(0,0,0,.24), transparent 55%);
    pointer-events:none;
    z-index: 0;
  }
  
  .nuvraCtaBanner__left,
  .nuvraCtaBanner__right{
    position: relative;
    z-index: 1;
  }
  
  /* layout */
  .nuvraCtaBanner__inner{
    display:grid;
    grid-template-columns: 1.25fr .95fr;
    gap: 28px;
    align-items: start;
  }
  
  .nuvraCtaBanner__title{
    margin: 0 0 14px;
    color: var(--text);
    font-size: clamp(26px, 2.6vw, 40px);
    line-height: 1.12;
    letter-spacing: -0.02em;
  }
  
  .nuvraCtaBanner__sub{
    margin: 0;
    max-width: 70ch;
    color: var(--muted);
    line-height: 1.75;
    font-size: 16px;
  }
  
  /* right */
  .nuvraCtaBanner__right{
    display:flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  
  .nuvraCtaBanner__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width: 100%;
  
    text-decoration:none;
    border-radius: 14px;
    padding: 14px 16px;
    font-weight: 750;
  
    border: 1px solid rgba(255,255,255,.14);
    transition: transform .18s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
  }
  
  /* primary button */
  .nuvraCtaBanner__btn.is-primary{
    background: linear-gradient(135deg, var(--gold1), var(--gold2));
    color:#111;
    border-color: rgba(209,181,106,.45);
    box-shadow: 0 20px 60px rgba(0,0,0,.28);
  }
  
  .nuvraCtaBanner__btn.is-primary:hover{
    transform: translateY(-2px);
    box-shadow: 0 28px 80px rgba(0,0,0,.34);
    filter: brightness(1.04);
  }
  
  /* ghost (white) */
  .nuvraCtaBanner__btn.is-ghost{
    background: rgba(255,255,255,.92);
    border-color: rgba(255,255,255,.55);
    color: rgba(18,21,36,.92);
    box-shadow: 0 16px 50px rgba(0,0,0,.20);
  }
  
  .nuvraCtaBanner__btn.is-ghost:hover{
    transform: translateY(-2px);
    border-color: rgba(209,181,106,.55);
  }
  
  /* note */
  .nuvraCtaBanner__note{
    margin: 6px 0 0;
    color: rgba(255,255,255,.68);
    line-height: 1.7;
    font-size: 14px;
    max-width: 54ch;
  }
  
  /* responsive */
  @media (max-width: 980px){
    .nuvraCtaBanner__inner{
      grid-template-columns: 1fr;
      padding: 28px 18px;
    }
    .nuvraCtaBanner__inner::before{
      background-size: 620px auto;
      opacity: .08;
    }
  }


  /* ==========================================================
   NUVRA Footer — Accor-inspired (premium)
   Namespace: .nuvraFooterAccor
========================================================== */

.nuvraFooterAccor{
    --ink:#121524;
    --muted: rgba(18,21,36,.60);
    --line: rgba(18,21,36,.12);
  
    --gold:#d1b56a;
    --cream:#fbf7f0;
  
    --navy1:#0b1220;
    --navy2:#0a1323;
  
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
    color: var(--ink);
  }
  
  .nuvraFooterAccor__container{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 22px;
  }
  
  /* ===== Subscribe strip ===== */
  .nuvraFooterAccor__subscribe{
    background: var(--cream);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 30px 0;
  }
  
  .nuvraFooterAccor__subscribeInner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 18px;
  }
  
  .nuvraFooterAccor__subscribeTitle{
    margin: 0 0 6px;
    font-size: clamp(22px, 2.2vw, 34px);
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: rgba(18,21,36,.88);
  }
  
  .nuvraFooterAccor__subscribeSub{
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
    font-size: 14px;
    max-width: 72ch;
  }
  
  .nuvraFooterAccor__subscribeBtn{
    text-decoration:none;
    padding: 14px 22px;
    border: 1px solid rgba(209,181,106,.55);
    color: rgba(18,21,36,.88);
    background: transparent;
    border-radius: 14px;
    font-weight: 650;
    letter-spacing: .10em;
    text-transform: uppercase;
    transition: transform .18s ease, background .22s ease, box-shadow .22s ease;
    white-space: nowrap;
  }
  
  .nuvraFooterAccor__subscribeBtn:hover{
    transform: translateY(-2px);
    background: rgba(209,181,106,.10);
    box-shadow: 0 18px 55px rgba(0,0,0,.10);
  }
  
  /* ===== Main footer ===== */
  .nuvraFooterAccor__main{
    background:#fff;
    padding: 46px 0 34px;
  }
  
  .nuvraFooterAccor__grid{
    display:grid;
    grid-template-columns: 220px 1fr;
    gap: 26px;
    align-items:start;
  }
  
  .nuvraFooterAccor__logo img{
    width: 250px;
    height: auto;
    display:block;
    opacity: .95;
  }
  
  /* columns */
  .nuvraFooterAccor__cols{
    display:grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 22px;
  }
  
  .nuvraFooterAccor__h{
    margin: 0 0 12px;
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(18,21,36,.70);
  }
  
  .nuvraFooterAccor__a{
    display:block;
    text-decoration:none;
    color: rgba(18,21,36,.72);
    font-size: 14px;
    line-height: 1.85;
    padding: 2px 0;
    transition: color .18s ease, transform .18s ease;
  }
  
  .nuvraFooterAccor__a:hover{
    color: rgba(18,21,36,.92);
    transform: translateX(2px);
  }
  
  /* follow + other row */
  .nuvraFooterAccor__row{
    grid-column: 1 / -1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap: 18px;
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid var(--line);
  }
  
  .nuvraFooterAccor__rowLabel{
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(18,21,36,.70);
    margin-bottom: 10px;
  }
  
  .nuvraFooterAccor__social,
  .nuvraFooterAccor__other{
    display:flex;
    gap: 14px;
    flex-wrap: wrap;
  }
  
  .nuvraFooterAccor__socialA,
  .nuvraFooterAccor__otherA{
    text-decoration:none;
    color: rgba(18,21,36,.74);
    font-size: 14px;
    transition: color .18s ease;
  }
  
  .nuvraFooterAccor__socialA:hover,
  .nuvraFooterAccor__otherA:hover{
    color: rgba(18,21,36,.92);
  }
  
  .nuvraFooterAccor__otherA span{
    color: rgba(18,21,36,.55);
    margin-left: 6px;
  }
  
  /* ===== Bottom bar ===== */
  .nuvraFooterAccor__bottom{
    background: linear-gradient(180deg, var(--navy1), var(--navy2));
    color: rgba(255,255,255,.82);
    padding: 14px 0;
  }
  
  .nuvraFooterAccor__bottomInner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 14px;
    flex-wrap: wrap;
  }
  
  .nuvraFooterAccor__copy{
    font-size: 13px;
    color: rgba(255,255,255,.74);
  }
  
  .nuvraFooterAccor__legal{
    display:flex;
    gap: 18px;
    flex-wrap: wrap;
  }
  
  .nuvraFooterAccor__legal a{
    text-decoration:none;
    color: rgba(255,255,255,.72);
    font-size: 13px;
    transition: color .18s ease;
  }
  
  .nuvraFooterAccor__legal a:hover{
    color: rgba(241,229,172,.92);
  }
  
  /* ===== Responsive ===== */
  @media (max-width: 1100px){
    .nuvraFooterAccor__cols{
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  @media (max-width: 820px){
    .nuvraFooterAccor__subscribeInner{
      flex-direction: column;
      align-items:flex-start;
    }
    .nuvraFooterAccor__grid{
      grid-template-columns: 1fr;
    }
    .nuvraFooterAccor__cols{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  @media (max-width: 520px){
    .nuvraFooterAccor__cols{
      grid-template-columns: 1fr;
    }
  }


  /* =========================
   NUVRA Globe (premium)
========================= */

.nuvraGlobe{
    padding: 72px 0 56px;
    background: #fff;
  }
  
  /* Canvas'ın yükseklik sorunu burada çözülüyor */
  .globeWrap{
    position: relative;
    width: 100%;
    height: min(64vh, 720px);
    min-height: 540px;
    overflow: hidden;
    border-radius: 18px;
  }
  
  /* Canvas fill */
  .globeCanvas{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 1;
  }
  
  /* POI layer canvas üstünde */
  .poiLayer{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index: 2;
  }
  
  /* POI button */
  .poi{
    position:absolute;
    transform: translate(-50%, -50%);
    display:inline-flex;
    align-items:center;
    gap:10px;
    pointer-events:auto;
    border:0;
    background: transparent;
    cursor:pointer;
    transition: transform .18s ease, opacity .18s ease;
  }
  
  .poi:hover{ transform: translate(-50%, -50%) scale(1.02); }
  
  .poiImg{
    width: 54px;
    height: 54px;
    border-radius: 999px;
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(209,181,106,.65);
    box-shadow: 0 14px 38px rgba(0,0,0,.18);
    position: relative;
    z-index: 2;
  }
  
  .poiLabel{
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(209,181,106,.55);
    color: #1f2330;
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 30px rgba(0,0,0,.10);
    position: relative;
    z-index: 2;
  }
  
  /* Premium glow ring */
  .poiGlow{
    position:absolute;
    left: 27px;
    top: 27px;
    width: 68px;
    height: 68px;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    border: 1px solid rgba(209,181,106,.55);
    box-shadow:
      0 0 0 10px rgba(209,181,106,.10),
      0 0 50px rgba(209,181,106,.22);
    opacity: .85;
    z-index: 1;
  }
  
  @media (max-width: 920px){
    .globeWrap{ min-height: 480px; }
    .poiImg{ width: 46px; height: 46px; }
    .poiGlow{
      left: 23px;
      top: 23px;
      width: 58px;
      height: 58px;
    }
  }


  /* ===== GLOBE FIX (paste at END of styles.css) ===== */
.nuvraGlobe{
    position: relative;
    padding: 64px 0;
  }
  
  .nuvraGlobe .globeWrap{
    position: relative;
    width: min(1100px, 92vw);
    height: 520px;             /* ✅ kritik */
    margin: 0 auto;
    border-radius: 28px;
    overflow: hidden;
    background: radial-gradient(900px 520px at 50% 40%,
      rgba(209,181,106,.20),
      rgba(15,23,38,.05) 55%,
      transparent 75%);
    border: 1px solid rgba(18,21,36,.08);
  }
  
  .nuvraGlobe .globeCanvas{
    width: 100%;
    height: 100%;
    display: block;
  }
  
  .nuvraGlobe .poiLayer{
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
  }

  .nuvraGlobe{
    height: 720px;
  }
  
  .globeWrap{
    width:100%;
    height:100%;
    position:relative;
  }
  
  .globeCanvas{
    width:100%;
    height:100%;
    display:block;
  }
  

/* =========================================
   NUVRA GLOBE (HEAD + SCENE + POI)
   Drop-in complete styles
========================================= */

/* ==============================
   NUVRA GLOBE (HEAD + STAGE) — SAFE
   Flagships'e dokunmaz
   (CSS'in en altına koy)
============================== */

/* Section akışta yer kaplasın */
.nuvraGlobe{
    background: #fff;
    padding: 72px 0;
  }
  
  /* Başlık bloğu */
  .nuvraGlobe__head{
    max-width: 900px;
    margin: 0 auto 32px;   /* 48 yerine daha güvenli */
    text-align: center;
    padding: 0 20px;
  }
  
  .nuvraGlobe__kicker{
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2.5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #d1b56a;
    margin: 0 0 14px;
  }
  
  .nuvraGlobe__title{
    margin: 0;
    font-size: clamp(28px, 4vw, 52px);
    line-height: 1.15;
    font-weight: 700;
    color: #1f2330;
    letter-spacing: -0.02em;
    text-shadow: 0 10px 30px rgba(209,181,106,.12);
  }
  
  .nuvraGlobe__sub{
    margin: 18px auto 0;
    max-width: 720px;
    font-size: clamp(15px, 1.4vw, 18px);
    line-height: 1.7;
    color: rgba(31,35,48,.70);
  }
  
  /* Globe sahnesi: height garanti (overlap'ın asıl fix'i) */
  .nuvraGlobe .globeWrap{
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
  
    height: 520px;          /* ✅ kritik */
    min-height: 520px;      /* ✅ override kırar */
    display: block;
  
    overflow: hidden;
    border-radius: 28px;
    background: radial-gradient(ellipse at center, rgba(241,229,172,.18), rgba(0,0,0,0) 60%);
  }
  
  /* Canvas wrap'i doldursun (absolute OK çünkü wrap yüksek) */
  .nuvraGlobe .globeCanvas{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
  
  /* POI layer */
  .nuvraGlobe .poiLayer{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  
  .nuvraGlobe .poi{
    position: absolute;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    z-index: 2;
  }

  .globeSpacer{
    height: 80px;          /* yetmezse 120px yap */
  }
  @media (max-width: 768px){
    .globeSpacer{ height: 48px; }
  }



  /* ==========================================================
   NUVRA FOOTER (premium + logo aligned)
   Drop-in override — paste at end of your CSS
========================================================== */

.nuvraFooterAccor{
  background: var(--cream);
  color: var(--ink);
  border-top: 1px solid var(--line);
}

/* --- Subscribe bar (top) --- */
.nuvraFooterAccor__subscribe{
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(900px 260px at 18% 0%, rgba(209,181,106,.16), transparent 60%),
    rgba(255,255,255,.6);
}

.nuvraFooterAccor__subscribeInner{
  padding: clamp(18px, 2.2vw, 28px) 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.nuvraFooterAccor__subscribeTitle{
  margin: 0 0 6px;
  font-size: clamp(18px, 2.0vw, 26px);
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.nuvraFooterAccor__subscribeSub{
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
  max-width: 72ch;
}

.nuvraFooterAccor__subscribeBtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  white-space: nowrap;

  padding: 12px 18px;
  border-radius: 999px;

  background: var(--gold);
  color: #0b1220;
  font-weight: 700;
  letter-spacing: .02em;

  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 18px 55px rgba(0,0,0,.12);
  transition: transform .18s ease, filter .2s ease, box-shadow .25s ease;
}

.nuvraFooterAccor__subscribeBtn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 22px 70px rgba(0,0,0,.14);
}

/* --- Main area --- */
.nuvraFooterAccor__main{
  padding: clamp(26px, 3vw, 44px) 0;
}

/* Grid: logo left, links right, row full width */
.nuvraFooterAccor__grid{
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-areas:
    "brand cols"
    "row   row";
  gap: clamp(18px, 3vw, 44px);
  align-items: start;
}

/* Logo block */
.nuvraFooterAccor__brand{
  grid-area: brand;
  display: flex;
  justify-content: center;     /* ✅ logo’yu kendi alanında ortalar */
  align-items: flex-start;
  padding-top: 6px;
}

.nuvraFooterAccor__logo{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}

.nuvraFooterAccor__logo img{
  width: min(250px, 70vw);
  height: auto;
  display: block;
  object-fit: contain;
  opacity: .98;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.08));
  transition: opacity .2s ease, filter .25s ease, transform .2s ease;
}

.nuvraFooterAccor__logo:hover img{
  opacity: 1;
  transform: translateY(-1px);
  filter: drop-shadow(0 14px 28px rgba(0,0,0,.10));
}

/* Columns wrapper */
.nuvraFooterAccor__cols{
  grid-area: cols;
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: clamp(14px, 2vw, 22px);
  align-items: start;
}

/* Column headings */
.nuvraFooterAccor__h{
  margin: 0 0 10px;
  font-size: 12px;
  letter-spacing: .20em;
  text-transform: uppercase;
  color: rgba(18,21,36,.70);
}

/* Links */
.nuvraFooterAccor__a{
  display: inline-block;
  margin: 8px 0;
  text-decoration: none;
  color: rgba(18,21,36,.82);
  line-height: 1.35;
  position: relative;
  padding-bottom: 2px;
  transition: color .18s ease;
}

.nuvraFooterAccor__a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0%;
  height: 2px;
  background: var(--gold);
  opacity: .95;
  transition: width .22s ease;
}

.nuvraFooterAccor__a:hover{
  color: var(--ink);
}
.nuvraFooterAccor__a:hover::after{
  width: 100%;
}

/* --- Row area (FOLLOW / OTHER) --- */
.nuvraFooterAccor__row{
  grid-area: row;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.nuvraFooterAccor__rowLabel{
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: .20em;
  text-transform: uppercase;
  color: rgba(18,21,36,.65);
}

.nuvraFooterAccor__social,
.nuvraFooterAccor__other{
  display: flex;
  flex-wrap: wrap;
  gap: 12px 12px;
}

.nuvraFooterAccor__socialA,
.nuvraFooterAccor__otherA{
  text-decoration: none;
  color: rgba(18,21,36,.82);
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(18,21,36,.10);
  background: rgba(255,255,255,.65);
  transition: transform .16s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.nuvraFooterAccor__socialA:hover,
.nuvraFooterAccor__otherA:hover{
  transform: translateY(-1px);
  border-color: rgba(209,181,106,.55);
  background: rgba(255,255,255,.9);
  box-shadow: 0 16px 44px rgba(0,0,0,.10);
  color: var(--ink);
}

/* --- Bottom bar --- */
.nuvraFooterAccor__bottom{
  background: linear-gradient(180deg, #0b1220, #08101d);
  color: rgba(255,255,255,.86);
  border-top: 1px solid rgba(255,255,255,.10);
}

.nuvraFooterAccor__bottomInner{
  padding: 14px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.nuvraFooterAccor__copy{
  font-size: 13px;
  color: rgba(255,255,255,.76);
}

.nuvraFooterAccor__legal{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.nuvraFooterAccor__legal a{
  text-decoration: none;
  font-size: 13px;
  color: rgba(255,255,255,.76);
  transition: color .18s ease;
}

.nuvraFooterAccor__legal a:hover{
  color: rgba(241,229,172,.95);
}

/* --- Responsive --- */
@media (max-width: 1100px){
  .nuvraFooterAccor__cols{
    grid-template-columns: repeat(3, minmax(160px, 1fr));
  }
}

@media (max-width: 860px){
  .nuvraFooterAccor__subscribeInner{
    flex-direction: column;
    align-items: flex-start;
  }

  .nuvraFooterAccor__grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "brand"
      "cols"
      "row";
  }

  .nuvraFooterAccor__brand{
    justify-content: center;
    padding-top: 0;
  }

  .nuvraFooterAccor__cols{
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }

  .nuvraFooterAccor__row{
    grid-template-columns: 1fr;
  }

  .nuvraFooterAccor__bottomInner{
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 520px){
  .nuvraFooterAccor__cols{
    grid-template-columns: 1fr;
  }
}