/* Nepelive — minimal premium coming soon styles */
@font-face{font-family:'Hagrid';src:local('Hagrid'),url('fonts/Hagrid.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Telegraf';src:local('Telegraf'),url('fonts/Telegraf-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Telegraf';src:local('Telegraf'),url('fonts/Telegraf-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
:root{--bg:#000;--fg:#fff;--muted:#8a8a8a;--accent:#ffffff;--ring:rgba(255,255,255,.14)}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";letter-spacing:.01em;-webkit-font-smoothing:antialiased;line-height:1.4}

.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}

.brand{width:100%;max-width:1200px;display:flex;align-items:center;gap:.6rem;padding:20px 24px;color:var(--fg);opacity:.9}
.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--fg)}
.logo-type{font-family:'Clash Display','Inter',system-ui,ui-sans-serif;letter-spacing:.02em;font-weight:700}

.hero{width:100%;padding:0 24px;display:block}

.video-wrap{position:relative; width:min(960px,80vw); aspect-ratio:16/9; margin-inline:auto; border-radius:18px; overflow:hidden; background:#000; box-shadow:0 10px 40px rgba(0,0,0,.6)}
.video{width:100%;height:100%;object-fit:cover;display:block; filter:contrast(103%) saturate(112%); image-rendering:auto}

.details,.tagline,.notify,.email,.submit,.brand,.footer{display:none}

.footer .link{color:#a9a9a9; text-decoration:none}
.sep{opacity:.35}

/* Corners */
.corner{position:fixed; z-index:10; color:#fff; letter-spacing:.02em}
.brandmark{top:18px; left:22px; font-family:'Hagrid','Clash Display','Inter',ui-sans-serif; font-weight:700; font-size:28px; opacity:.96}
.note{right:22px; bottom:18px; max-width:min(560px, 48vw); font-family:'Telegraf','Inter',ui-sans-serif; font-weight:500; font-size:16px; line-height:1.55; color:#cfcfcf; text-align:right}
.note .link{color:#fff; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.22)}
.note .handle{color:#fff}

@media (max-width:640px){
  .brand{padding:16px}
  .headline{font-weight:800}
  .brandmark{top:14px; left:16px; font-size:24px}
  .note{right:16px; bottom:14px; font-size:15px; max-width:72vw}
}

@media (max-width:640px){
  .brand{padding:16px}
  .headline{font-weight:800}
}