/* =========================================================
   NOCHARTE DAYLIGHT — Coming Soon Page
========================================================= */

.daylight-page{
  background:#000;
  color:#fff;
  min-height:100vh;
  overflow:hidden;
}

/* Header on Daylight page */
.daylight-page .nav{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:5000;
}

/* Hero */
.daylight-hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:120px 24px 60px;
  isolation:isolate;
  overflow:hidden;
  background:#000;
}

/* Background */
.daylight-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 22% 28%, rgba(0,224,255,.22), transparent 30%),
    radial-gradient(circle at 80% 48%, rgba(180,0,255,.18), transparent 32%),
    linear-gradient(135deg, #020204 0%, #07090d 46%, #000 100%);
}

.daylight-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle at center, black 0%, transparent 72%);
  opacity:.45;
}

/* Content */
.daylight-content{
  width:min(900px, 92vw);
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  animation:daylightFadeUp .8s ease both;
}

/* Brand badge */
.daylight-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 20px;
  margin-bottom:28px;
  border-radius:999px;

  font-size:13px;
  font-weight:800;
  letter-spacing:.18em;
  color:#fff;

  background:
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.04));
  border:1px solid rgba(0,224,255,.42);
  box-shadow:
    0 0 24px rgba(0,224,255,.20),
    inset 0 0 14px rgba(255,255,255,.06);
}

/* Title */
.daylight-content h1{
  font-size:clamp(52px, 9vw, 130px);
  line-height:.92;
  font-weight:900;
  letter-spacing:-.04em;
  text-transform:uppercase;
  margin:0;
}

.daylight-content h1 span{
  background:linear-gradient(90deg, #ffffff 0%, #00e0ff 48%, #b000ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 18px 44px rgba(0,224,255,.18));
}

/* Description */
.daylight-content p{
  max-width:680px;
  margin:26px auto 0;
  font-size:clamp(16px, 1.4vw, 21px);
  line-height:1.55;
  color:rgba(245,245,247,.78);
}

/* Coming soon */
.daylight-coming{
  margin-top:34px;
  font-size:clamp(28px, 4vw, 56px);
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff;
  text-shadow:
    0 0 22px rgba(0,224,255,.28),
    0 0 36px rgba(180,0,255,.18);
}

/* CTA */
.daylight-btn{
  margin-top:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 26px;
  border-radius:999px;

  font-weight:800;
  color:#fff;

  background:
    linear-gradient(#07080b,#07080b) padding-box,
    linear-gradient(90deg,#00e0ff,#b000ff) border-box;
  border:2px solid transparent;

  box-shadow:0 14px 32px rgba(0,224,255,.18);
  transition:transform .2s ease, box-shadow .2s ease;
}

.daylight-btn:hover{
  transform:translateY(-2px);
  box-shadow:
    0 18px 42px rgba(0,224,255,.28),
    0 0 24px rgba(180,0,255,.18);
}

/* Animation */
@keyframes daylightFadeUp{
  from{
    opacity:0;
    transform:translateY(18px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* Mobile */
@media (max-width:820px){
  .daylight-hero{
    padding:110px 20px 52px;
  }

  .daylight-badge{
    font-size:11px;
    padding:9px 16px;
    letter-spacing:.14em;
  }

  .daylight-content h1{
    font-size:clamp(44px, 16vw, 78px);
  }

  .daylight-content p{
    font-size:16px;
  }

  .daylight-coming{
    font-size:clamp(24px, 8vw, 40px);
  }
}