/* ========= Levincia Theme ========= */
:root{
  --nm-bg:#0b0f14;
  --nm-bg-soft:#10161d;
  --nm-panel:#111821ee;
  --nm-panel-2:#0d141be6;

--nm-emerald: #2DA7CE;      /* Primary blue (letters highlight) */
--nm-emerald-600: #1C7CA3;  /* Darker mid-blue (UI depth) */
--nm-emerald-700: #115A7A;  /* Deep blue (shadow/trim) */

  /* Replacing gold with Levincia diamond colors */
--nm-gold: #A8E6FF;      /* Diamond light cyan */
--nm-gold-600: #66C9F4;  /* Diamond deeper cyan/blue core */
--nm-gold-700: #DDF7FF;  /* Diamond highlight/shine */

  --nm-text:#dce7f8;
  --nm-muted:#9fb3cc;

  --nm-border:#1e2a37;
  --nm-shadow: 0 6px 30px rgba(0,0,0,.35);

  --radius-lg:16px;
  --radius-md:12px;
  --radius-sm:8px;

  --trans-fast: 120ms ease;
  --trans: 220ms ease;
}

/* Base Reset */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; padding:0;
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(45,167,206,0.08), transparent 50%),
    radial-gradient(1000px 600px at -10% 110%, rgba(200,163,74,0.06), transparent 50%),
    var(--nm-bg);
  color:var(--nm-text);
  text-shadow: 0 1px 2px rgba(0,0,0,.5);
}

/* Containers */
.nm-container{
  width:min(1200px, 92%);
  margin-inline:auto;
}

/* Header */
.nm-header{
  position:sticky; top:0; z-index:50;
  backdrop-filter: blur(10px);
  background: linear-gradient(180deg, rgba(13,20,27,.7), rgba(13,20,27,.4));
  border-bottom:1px solid var(--nm-border);
}
.nm-header__inner{
  display:flex; align-items:center; justify-content:space-between;
  min-height:72px;
}

.nm-brand{display:flex; align-items:center; gap:.6rem; color:var(--nm-text); text-decoration:none}
.nm-brand__logo{
  width:133px; height:88px; color:var(--nm-emerald);
  filter: drop-shadow(0 0 8px rgba(45,167,206,.55));
}
.nm-brand__text{letter-spacing:.5px; font-weight:600}
.nm-brand--footer .nm-brand__logo{display:inline-block;background: radial-gradient(circle, var(--nm-emerald), transparent 70%); border-radius:50%; width:14px; height:14px}

.nm-nav{display:flex; align-items:center; gap:1.2rem}
.nm-nav__list{display:flex; gap:.8rem; list-style:none; margin:0; padding:0}
.nm-nav__link{
  display:inline-block; padding:.55rem .85rem; border-radius:10px; text-decoration:none;
  color:var(--nm-muted); transition: var(--trans);
}
.nm-nav__link:hover{color:#fff; background:rgba(255,255,255,.05)}
.nm-nav__cta{margin-left:.25rem}
.nm-burger{
  display:none; background:transparent; border:0; padding:.5rem; cursor:pointer;
}
.nm-burger span{display:block; width:22px; height:2px; margin:5px 0; background:#cbd7ea}

/* Mobile Drawer */
.nm-mobile{
  display:none; flex-direction:column; gap:.6rem; padding:1rem 1.2rem;
  background:var(--nm-panel);
  border-bottom:1px solid var(--nm-border);
}
.nm-mobile a{
  color:var(--nm-text); text-decoration:none; padding:.75rem 1rem; border-radius:10px;
  background:rgba(255,255,255,.03); border:1px solid var(--nm-border);
}
.nm-mobile.open{display:flex}

/* Hero */
.nm-hero{position:relative; min-height:74vh; display:grid; place-items:center; text-align:center}
.nm-hero__bg{
  position:absolute; inset:0;
  background:
    url('/img/background.jpg') center/cover no-repeat,
    radial-gradient(ellipse at center, rgba(0,0,0,.35), rgba(0,0,0,.9) 70%);
  z-index:-2;
}
.nm-hero__overlay{
  position:absolute; inset:0;
  background: radial-gradient(1000px 600px at 50% 40%, rgba(32,141,162,.14), transparent 60%),
              linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.75));
  z-index:-1;
}
.nm-hero__content{padding:80px 0}
.nm-hero__title{font-size: clamp(36px, 6vw, 72px); margin:0 0 .5rem}
.nm-hero__title span{color:var(--nm-emerald)}
.nm-hero__subtitle{color:var(--nm-muted); max-width:780px; margin-inline:auto}
.nm-hero__ctas{margin-top:1.25rem; display:flex; flex-wrap:wrap; gap:.8rem; justify-content:center}

/* Buttons */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:.5rem; padding:.85rem 1.25rem; border-radius:12px;
  font-weight:700; text-decoration:none; border:1px solid transparent;
  box-shadow: var(--nm-shadow);
  transition: transform var(--trans-fast), filter var(--trans-fast), background var(--trans);
  will-change: transform, filter;
}
.btn:hover{transform: translateY(-1px)}
.btn:active{transform: translateY(0)}

.btn--emerald{
  background: linear-gradient(180deg, var(--nm-emerald), var(--nm-emerald-600));
  color:#021a26; text-shadow:none;
  border-color:#115A7A;
}
.btn--emerald:hover{filter: brightness(1.05)}
.btn--gold{
  background: linear-gradient(180deg, var(--nm-gold), var(--nm-gold-600));
  color:#1b1206; text-shadow:none; border-color:#7a6227;
}
.btn--outline{
  background:transparent; color:#e7f3ff; border-color:#2a394a;
}
.btn--outline:hover{background:rgba(255,255,255,.06)}
.btn--ghost{
  background:rgba(255,255,255,.04); color:#e7f3ff; border-color:#253243;
}
.btn--ghost:hover{background:rgba(255,255,255,.08)}
.btn--block{display:flex; width:100%}

/* Stats */
.nm-stats{padding:18px 0; border-block:1px solid var(--nm-border); background:rgba(10,16,22,.6)}
.nm-stats__grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:10px}
.nm-stat{
  text-align:center; background:rgba(255,255,255,.03);
  border:1px solid var(--nm-border); border-radius:12px; padding:10px 14px;
}
.nm-stat__label{display:block; font-size:.8rem; color:var(--nm-muted)}
.nm-stat__value{font-weight:800; font-size:1.2rem; color:#fff}

/* Sections */
.nm-section{padding:64px 0}
.nm-section--alt{background: linear-gradient(180deg, rgba(12,18,26,.6), rgba(12,18,26,.9))}
.nm-section__title{
  text-align:center; font-size: clamp(28px, 4.5vw, 48px);
  margin:0 0 28px;
}
.nm-section__title span{color:var(--nm-emerald)}

.nm-features{
  display:grid; gap:20px;
  grid-template-columns: repeat(3, minmax(0,1fr));
}
.nm-card{
  background: linear-gradient(180deg, var(--nm-panel), var(--nm-panel-2));
  border:1px solid var(--nm-border); border-radius: var(--radius-lg);
  padding:22px; box-shadow: var(--nm-shadow);
}
.nm-card__title{margin:0 0 6px}
.nm-card__body{color:var(--nm-muted); margin:0}

/* Showcase */
.nm-showcase{display:grid; align-items:center; gap:28px; grid-template-columns:1.2fr .8fr}
.nm-showcase__media iframe{
  width:100%; aspect-ratio:16/9; border:0; border-radius:var(--radius-lg);
  box-shadow: var(--nm-shadow);
}
.nm-showcase__text h3{margin-top:0}
.nm-showcase__text p{color:var(--nm-muted)}

/* CTA strip */
.nm-cta{
  border-top:1px solid var(--nm-border);
  background: radial-gradient(800px 400px at 20% 50%, rgba(32,231,122,.12), transparent 60%),
              rgba(8,12,18,.8);
}
.nm-cta__inner{
  padding:36px 0; text-align:center;
}
.nm-cta__buttons{margin-top:12px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap}

/* Footer */
.nm-footer{
  border-top:1px solid var(--nm-border);
  background: rgba(7,10,15,.9);
}
.nm-footer__grid{
  display:grid; gap:18px; padding:26px 0;
  grid-template-columns: 1fr auto;
}
.nm-footer__nav{
  display:flex; gap:14px; align-items:center; flex-wrap:wrap;
}
.nm-footer__nav a{color:var(--nm-muted); text-decoration:none}
.nm-footer__nav a:hover{color:#fff}
.nm-footer__copy{grid-column:1 / -1; color:var(--nm-muted); font-size:.9rem}

/* Responsive */
@media (max-width: 980px){
  .nm-showcase{grid-template-columns:1fr}
  .nm-features{grid-template-columns:1fr 1fr}
}
@media (max-width: 720px){
  .nm-nav__list{display:none}
  .nm-burger{display:block}
  .nm-features{grid-template-columns:1fr}
  .nm-stats__grid{grid-template-columns:1fr 1fr; gap:8px}
}
@media (max-width: 480px){
  .nm-stats__grid{grid-template-columns:1fr}
}