:root{
  /* Light theme. Variable names are kept from the dark build so nothing else
     had to be rewritten: --brass is now the deep green used for every action,
     --verd is the amber used for small verification labels. */
  --bg:#FBFAF7;
  --panel:#FFFFFF;
  --panel-2:#FFFFFF;
  --text:#14201C;
  --muted:#5A6661;
  --faint:#8B948F;
  --brass:#0E6E5E;
  --brass-dark:#0A5548;
  --verd:#B07D18;
  --alert:#B4402F;
  --danger:#B4402F;
  --line:rgba(20,32,28,.14);
  --line-soft:rgba(20,32,28,.08);
}

*{box-sizing:border-box}
[hidden]{display:none !important}
/* The layout pins below use !important to beat the theme. That would also beat
   the [hidden] rule above, which is what kept the play button on screen after
   playback started. These win on specificity, so hidden always means hidden. */
#nvf-vsl [hidden],#nvf-vsl .veil[hidden],#nvf-vsl .gate[hidden],
#nvf-vsl .bookmodal[hidden],#nvf-vsl .bookrow[hidden],#nvf-vsl .soundbar[hidden],
#nvf-vsl .strip[hidden],#nvf-vsl .cta[hidden]{display:none !important}
html,body{margin:0;padding:0}
html.gate-open,body.gate-open{overflow:hidden}
body{
  background:var(--bg);
  color:var(--text);
  font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(circle at 14% 0%, rgba(14,110,94,.06), transparent 42%),
    radial-gradient(circle at 86% 6%, rgba(176,125,24,.05), transparent 38%);
  background-attachment:fixed;
}
#nvf-vsl{background:var(--bg);color:var(--text);
  font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;line-height:1.55;width:100%;max-width:100%;position:relative}
#nvf-vsl h1,#nvf-vsl h2,#nvf-vsl h3,#nvf-vsl p,#nvf-vsl li,#nvf-vsl span,#nvf-vsl b{color:var(--text)}
#nvf-vsl img,#nvf-vsl video{display:block;max-width:100%}
#nvf-vsl button{font:inherit;cursor:pointer}

#nvf-vsl .mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}

/* ── top bar ─────────────────────────────────────────────── */
#nvf-vsl .bar{
  display:flex !important;align-items:center;justify-content:space-between;gap:16px;
  padding:14px clamp(16px,4vw,40px) !important;
  border-bottom:1px solid var(--line-soft);
}
#nvf-vsl .brand{display:flex;align-items:baseline;gap:9px}
#nvf-vsl .brand b{font-family:"Fraunces",serif;font-weight:700;font-size:19px;letter-spacing:-.01em;color:var(--text)}
#nvf-vsl .brand span{color:var(--faint)}
#nvf-vsl .bar .mono{color:var(--faint)}
@media (max-width:640px){ #nvf-vsl .bar .mono{display:none} }

/* ── page frame ──────────────────────────────────────────── */
#nvf-vsl .wrap{max-width:960px !important;margin:0 auto !important;padding:clamp(26px,6vw,60px) clamp(16px,4vw,40px) 80px !important;float:none !important;width:auto !important}
#nvf-vsl .eyebrow{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--brass);margin:0 0 18px;display:flex;align-items:center;gap:10px;
}
#nvf-vsl .eyebrow::before{content:"";width:26px;height:1px;background:var(--brass);display:block}

#nvf-vsl h1{
  font-family:"Fraunces",serif;font-weight:700;
  font-size:clamp(36px,7vw,66px);line-height:1;letter-spacing:-.03em;
  margin:0 0 18px;
}
#nvf-vsl h1 em{font-style:normal;color:var(--brass);position:relative}
#nvf-vsl h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.07em;background:rgba(14,110,94,.26)}
#nvf-vsl .sub{margin:0 0 32px;max-width:56ch;color:var(--muted);font-size:clamp(16px,2.2vw,19px)}

/* ── alert band — REMOVED from the page on 24-08-2026 at your request.
   Styles kept so it can be restored from the settings screen. ── */
#nvf-vsl .alertband{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:rgba(196,72,58,.10);border:1px solid rgba(196,72,58,.35);border-left:3px solid var(--danger);
  border-radius:3px;padding:11px 16px;margin:0 0 26px;
}
#nvf-vsl .alertband .k{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:#FFFFFF;background:var(--danger);padding:4px 8px;border-radius:2px;flex:none}
#nvf-vsl .alertband p{margin:0;font-size:14.5px;color:var(--text)}

/* ── consequence row — REMOVED from the page on 24-08-2026 at your request.
   Styles kept so the block can be restored in one paste if you change your mind. ── */
#nvf-vsl .cons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 30px}
@media (max-width:720px){ #nvf-vsl .cons{grid-template-columns:1fr;gap:10px} }
#nvf-vsl .cons div{border:1px solid var(--line);border-top:2px solid var(--danger);border-radius:3px;padding:15px 16px;background:rgba(196,72,58,.05)}
#nvf-vsl .cons h3{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--danger);margin:0 0 7px;font-weight:500}
#nvf-vsl .cons p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.45}

/* ── the theatre ─────────────────────────────────────────── */
#nvf-vsl .theatre{position:relative !important;margin:0 0 24px !important}
#nvf-vsl .screen{
  position:relative !important;aspect-ratio:16/9 !important;background:#000;
  border:1px solid var(--line);border-radius:4px;overflow:hidden;
  box-shadow:0 26px 60px -34px rgba(20,32,28,.45);
  isolation:isolate;
}
#nvf-vsl .screen video,#nvf-vsl .screen iframe{width:100%;height:100%;border:0;object-fit:contain;background:#000}

/* demo reel (only when no video source is configured) */
#nvf-vsl .demo{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#EDF0EA;
  background:
    repeating-linear-gradient(115deg, rgba(255,255,255,.022) 0 2px, transparent 2px 9px),
    radial-gradient(circle at 50% 42%, #16201D 0%, #060908 72%);
}
#nvf-vsl .demo .clock{font-family:"IBM Plex Mono",monospace;font-size:clamp(38px,9vw,74px);letter-spacing:.02em;line-height:1}
#nvf-vsl .demo .lbl{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(237,240,234,.55);margin-top:14px}
#nvf-vsl .demo .pulse{width:9px;height:9px;border-radius:50%;background:#C8A24A;margin:0 auto 20px;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}

/* thumbnail shown before playback starts */
#nvf-vsl .poster{position:absolute !important;inset:0 !important;width:100%;height:100%;
  object-fit:cover;z-index:2;background:#000}

/* start / sound affordances */
#nvf-vsl .veil{position:absolute !important;inset:0 !important;display:grid !important;place-items:center !important;background:rgba(6,9,8,.55);z-index:3}
#nvf-vsl .bigplay{
  display:flex;align-items:center;gap:14px;
  background:var(--brass);color:#FFFFFF;border:0;border-radius:999px;
  padding:15px 26px 15px 20px;box-shadow:0 18px 44px -18px rgba(20,32,28,.55);
  transition:transform .18s ease,background .18s ease;
}
#nvf-vsl .bigplay:hover{transform:translateY(-2px);background:#12866F}
#nvf-vsl .bigplay .tri{width:0;height:0;border-left:15px solid #FFFFFF;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:3px}
#nvf-vsl .bigplay b{font-weight:600;font-size:16px;display:block}
#nvf-vsl .bigplay small{display:block;color:rgba(255,255,255,.78);font-size:12.5px;font-weight:500}

#nvf-vsl .soundbar{
  position:absolute;left:50%;bottom:22px;transform:translateX(-50%);
  z-index:4;display:flex;align-items:center;gap:9px;
  background:rgba(251,250,247,.95);color:var(--text);border:0;border-radius:999px;
  padding:9px 18px;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  animation:rise .5s ease both;
}
@keyframes rise{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}

/* progress rail — display only, not seekable */
#nvf-vsl .rail{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(237,240,234,.14);z-index:5}
#nvf-vsl .rail i{display:block;height:100%;width:0;background:var(--brass);transition:width .25s linear}

/* speed helper, demo mode only */
#nvf-vsl .speed{position:absolute;right:12px;top:12px;z-index:6;background:rgba(251,250,247,.9);border:0;border-radius:2px;
  padding:6px 10px;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}

/* ══ THE GATE ══
   Always a full-viewport sheet, on every screen size. Confined to the 16:9 box
   it was getting clipped on ordinary laptops — the submit button fell below the
   fold of the video and the form scrolled inside a letterbox. */
#nvf-vsl .gate{
  position:fixed !important;inset:0 !important;z-index:90000;
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  background:rgba(20,32,28,.80);
  display:flex !important;align-items:center;justify-content:center;padding:24px;
}
#nvf-vsl .gate-card{
  width:100%;max-width:470px;background:var(--panel);border:1px solid var(--line);border-radius:4px;
  padding:22px clamp(16px,4vw,26px) 24px;box-shadow:0 30px 70px -24px rgba(20,32,28,.35);
  animation:slideUp .42s cubic-bezier(.2,.8,.25,1) both;margin:auto;
}
@keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
#nvf-vsl .gate-card .tag{color:var(--brass);margin:0 0 9px}
#nvf-vsl .gate-card h2{font-family:"Fraunces",serif;font-weight:700;font-size:clamp(20px,3.4vw,26px);line-height:1.12;letter-spacing:-.02em;margin:0 0 7px;color:var(--text)}
#nvf-vsl .gate-card p.note{margin:0 0 16px;font-size:14px;color:var(--muted);line-height:1.5}

/* Phones: edge to edge, safe-area aware. */
@media (max-width:560px){
  #nvf-vsl .gate{padding:0;align-items:flex-start}
  #nvf-vsl .gate-card{max-width:none;min-height:100%;border:0;border-radius:0;
    padding:clamp(20px,6vw,28px) clamp(18px,5vw,26px) calc(28px + env(safe-area-inset-bottom));
    display:flex;flex-direction:column;justify-content:center}
}

/* form fields (demo markup — replaced by your CF7 shortcode) */
#nvf-vsl .field{margin-bottom:11px}
#nvf-vsl .field label{display:block;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
#nvf-vsl .field input,#nvf-vsl .field select{
  width:100%;padding:13px;border:1px solid var(--line);border-radius:3px;
  background:var(--panel-2);color:var(--text);
  font-family:inherit;font-size:16px;   /* 16px stops iOS zooming in on focus */
  -webkit-appearance:none;appearance:none;
}
#nvf-vsl .field input::placeholder{color:var(--faint)}
#nvf-vsl .field input:focus,#nvf-vsl .field select:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px rgba(14,110,94,.16)}
#nvf-vsl .row{display:grid;grid-template-columns:1fr 1fr;gap:11px}
@media (max-width:400px){ #nvf-vsl .row{grid-template-columns:1fr} }
#nvf-vsl .submit{
  width:100%;margin-top:8px;background:var(--brass);color:#FFFFFF;border:0;border-radius:3px;
  padding:16px;font-weight:600;font-size:16.5px;transition:background .18s ease;
}
#nvf-vsl .submit:hover{background:#12866F}
#nvf-vsl .submit:active{background:var(--brass-dark)}
#nvf-vsl .err{color:var(--alert);font-size:13.5px;margin:9px 0 0;min-height:18px}
#nvf-vsl .fineprint{margin:12px 0 0;font-size:12px;color:var(--faint);line-height:1.45}

/* ── Contact Form 7 skin (dark) ───────────────────────────────────────
   Scoped to #vslFormSlot, which wraps everything CF7 renders on this page.
   An ID selector outranks the .wpcf7-form rules in your site-wide Additional
   CSS, so no !important is needed here and none of this can reach your other
   forms. The first rule kills the white card that your Additional CSS puts
   on every .wpcf7-form — inside a black gate it looked broken. */
#nvf-vsl #vslFormSlot .wpcf7,
#nvf-vsl #vslFormSlot .wpcf7-form{background:none;padding:0;border:0;border-radius:0;box-shadow:none}
#nvf-vsl #vslFormSlot .wpcf7-form p{margin:0 0 11px}
#nvf-vsl #vslFormSlot label{display:block;font-family:"IBM Plex Mono",monospace;font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
#nvf-vsl #vslFormSlot input[type=text],
#nvf-vsl #vslFormSlot input[type=tel],
#nvf-vsl #vslFormSlot input[type=email],
#nvf-vsl #vslFormSlot input[type=number],
#nvf-vsl #vslFormSlot select,
#nvf-vsl #vslFormSlot textarea{
  width:100%;padding:13px;margin-top:5px;border:1px solid var(--line);border-radius:3px;
  background:var(--panel-2);color:var(--text);
  font-family:inherit;font-size:16px;text-transform:none;letter-spacing:normal;
  -webkit-appearance:none;appearance:none;
}
#nvf-vsl #vslFormSlot input[type=number]{-moz-appearance:textfield}
#nvf-vsl #vslFormSlot input[type=number]::-webkit-outer-spin-button,
#nvf-vsl #vslFormSlot input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#nvf-vsl #vslFormSlot input:focus,#nvf-vsl #vslFormSlot select:focus,#nvf-vsl #vslFormSlot textarea:focus{
  outline:none;border-color:var(--brass);box-shadow:0 0 0 3px rgba(14,110,94,.16)}
#nvf-vsl #vslFormSlot input[type=submit]{
  width:100%;margin-top:8px;background:var(--brass);color:#FFFFFF;border:0;border-radius:3px;
  padding:16px;font-weight:600;font-size:16.5px;font-family:inherit;cursor:pointer;
  text-transform:none;letter-spacing:normal;box-shadow:none;
}
#nvf-vsl #vslFormSlot input[type=submit]:hover{background:#12866F}
#nvf-vsl #vslFormSlot .wpcf7-not-valid-tip{color:var(--alert);font-size:13px;margin-top:5px;
  text-transform:none;letter-spacing:normal}
#nvf-vsl #vslFormSlot .wpcf7-response-output{margin:12px 0 0;padding:10px 12px;
  border:1px solid var(--line);border-radius:3px;font-size:14px;color:var(--text)}
#nvf-vsl #vslFormSlot .wpcf7-spinner{margin:10px auto 0;display:block}
/* Only needed if you ever put class="nvf-submit" on this form's button —
   that class carries !important in your Additional CSS. */
#nvf-vsl #vslFormSlot .nvf-submit{background:var(--brass) !important;box-shadow:none;
  border-radius:3px;text-transform:none}

/* ── book a call ─────────────────────────────────────────── */
#nvf-vsl .bookrow{display:flex !important;flex-direction:column !important;align-items:center !important;
  gap:12px;margin:4px 0 36px !important;text-align:center}
#nvf-vsl .bookbtn{
  display:inline-flex !important;align-items:center;justify-content:center;gap:12px;
  background:var(--brass) !important;color:#FFFFFF !important;border:0 !important;
  border-radius:999px !important;text-transform:none !important;
  padding:19px 44px !important;font-weight:700;font-size:18.5px;letter-spacing:.005em;
  font-family:inherit;margin:0 auto;
  box-shadow:0 16px 44px -14px rgba(14,110,94,.30);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
#nvf-vsl .bookbtn:hover{transform:translateY(-2px);background:#12866F;
  box-shadow:0 20px 52px -14px rgba(14,110,94,.40)}
#nvf-vsl .bookbtn:active{transform:translateY(0)}
#nvf-vsl .bookbtn .dot2{width:9px;height:9px;border-radius:50%;background:#FFFFFF;flex:none;
  animation:pulse 1.8s ease-in-out infinite}
#nvf-vsl .booknote{margin:0;font-size:14.5px;color:var(--muted);max-width:44ch}
@media (max-width:560px){
  #nvf-vsl .bookbtn{width:100%;padding:19px 18px;font-size:17.5px}
  #nvf-vsl .booknote{font-size:14px}
}

/* booking modal — full screen on phones, panel on desktop */
#nvf-vsl .bookmodal{position:fixed !important;inset:0 !important;z-index:100000;
  background:rgba(20,32,28,.80);display:flex !important;align-items:center;justify-content:center;padding:20px}
#nvf-vsl .bookpanel{width:100%;max-width:980px;height:min(88vh,860px);background:var(--panel);
  border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}
#nvf-vsl .bookhead{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 16px;border-bottom:1px solid var(--line);flex:none}
#nvf-vsl .bookhead b{font-family:"Fraunces",serif;font-size:17px;color:var(--text)}
#nvf-vsl .bookclose{background:none;border:1px solid var(--line);color:var(--text);border-radius:3px;
  padding:8px 14px;font-size:14px}
#nvf-vsl .bookclose:hover{border-color:var(--brass);color:var(--brass)}
#nvf-vsl .bookframe{flex:1;width:100%;border:0;background:#fff;display:block}
#nvf-vsl .bookfall{margin:0;padding:10px 16px;border-top:1px solid var(--line);
  font-size:13px;color:var(--faint);flex:none;text-align:center}
#nvf-vsl .bookfall a{color:var(--brass)}
@media (max-width:820px){
  #nvf-vsl .bookmodal{padding:0}
  #nvf-vsl .bookpanel{max-width:none;height:100%;border:0;border-radius:0}
  #nvf-vsl .bookfall{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
}

/* confirmation strip after unlock */
#nvf-vsl .strip{
  display:flex;align-items:center;gap:10px;margin:0 0 28px;padding:11px 15px;
  background:rgba(14,110,94,.08);border-left:2px solid var(--verd);border-radius:3px;
  font-size:14.5px;color:var(--text);
}
#nvf-vsl .strip .dot{width:7px;height:7px;border-radius:50%;background:var(--verd);flex:none}

/* ── closing CTA ─────────────────────────────────────────── */
#nvf-vsl .cta{margin:36px 0 0;padding:30px clamp(20px,4vw,34px);background:var(--text);border:0;border-top:3px solid var(--brass);border-radius:4px}
#nvf-vsl .cta h2{font-family:"Fraunces",serif;font-weight:700;font-size:clamp(23px,4vw,33px);line-height:1.08;letter-spacing:-.02em;margin:0 0 10px;color:#FBFAF7}
#nvf-vsl .cta p{margin:0 0 22px;color:rgba(251,250,247,.72);max-width:48ch}
#nvf-vsl .cta a{
  display:inline-flex;align-items:center;gap:10px;background:var(--brass);color:#FFFFFF;
  text-decoration:none;padding:15px 26px;border-radius:3px;font-weight:600;
}
#nvf-vsl .cta a:hover{background:#12866F}

/* ── proof + stamp signature ─────────────────────────────── */
#nvf-vsl .proof{margin-top:50px;padding-top:26px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:1fr auto;gap:34px;align-items:start}
@media (max-width:760px){ #nvf-vsl .proof{grid-template-columns:1fr} }
#nvf-vsl .facts{margin:0;padding:0;list-style:none;max-width:56ch}
#nvf-vsl .facts li{display:flex;gap:14px;padding:11px 0;border-bottom:1px dashed var(--line-soft);font-size:15px;color:var(--muted)}
#nvf-vsl .facts li:last-child{border-bottom:0}
#nvf-vsl .facts b{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;color:var(--verd);flex:none;width:74px;padding-top:3px;text-transform:uppercase}

#nvf-vsl .stamp{
  transform:rotate(-6deg);border:2px solid var(--brass);color:var(--brass);border-radius:4px;
  padding:12px 16px;text-align:center;max-width:230px;opacity:.8;
  box-shadow:inset 0 0 0 1px rgba(14,110,94,.28);
}
#nvf-vsl .stamp .top{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;opacity:.85}
#nvf-vsl .stamp .mid{font-family:"Fraunces",serif;font-weight:700;font-size:19px;line-height:1.05;margin:6px 0;letter-spacing:-.01em}
#nvf-vsl .stamp .btm{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;border-top:1px solid rgba(14,110,94,.45);padding-top:6px;opacity:.85}

#nvf-vsl footer{border-top:1px solid var(--line-soft);padding:22px clamp(16px,4vw,40px);color:var(--faint);font-size:13px}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}
#nvf-vsl :focus-visible{outline:2px solid var(--brass);outline-offset:2px}

/* ── social proof notifications ─────────────────────────────────── */
#nvf-vsl .nvf-notif-wrap{
  position:fixed;bottom:24px;left:24px;z-index:99999;
  display:flex;flex-direction:column;gap:10px;pointer-events:none;
}
#nvf-vsl .nvf-notif{
  display:flex;align-items:center;gap:12px;
  background:#fff;color:#14201C;
  border:1px solid rgba(20,32,28,.13);border-left:3px solid var(--verd);
  border-radius:6px;padding:11px 14px;
  box-shadow:0 8px 28px -6px rgba(20,32,28,.22);
  font-family:"Instrument Sans",system-ui,sans-serif;
  font-size:13.5px;line-height:1.38;max-width:280px;
  pointer-events:auto;
  animation:nvfSlideIn .38s cubic-bezier(.2,.8,.25,1) both;
}
#nvf-vsl .nvf-notif.nvf-notif-out{
  animation:nvfSlideOut .3s ease forwards;
}
#nvf-vsl .nvf-notif .nvf-notif-icon{
  flex:none;width:36px;height:36px;border-radius:50%;
  background:var(--verd);display:flex;align-items:center;justify-content:center;
  font-size:16px;
}
#nvf-vsl .nvf-notif .nvf-notif-text{flex:1}
#nvf-vsl .nvf-notif .nvf-notif-text strong{
  display:block;font-weight:600;font-size:13.5px;color:#14201C;
}
#nvf-vsl .nvf-notif .nvf-notif-text span{
  font-size:12px;color:#5A6661;
}
#nvf-vsl .nvf-notif .nvf-notif-close{
  flex:none;background:none;border:none;cursor:pointer;
  color:#8B948F;font-size:16px;padding:0 0 0 6px;line-height:1;
}
@keyframes nvfSlideIn{
  from{opacity:0;transform:translateX(-24px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes nvfSlideOut{
  from{opacity:1;transform:translateX(0)}
  to{opacity:0;transform:translateX(-24px)}
}
@media(max-width:480px){
  #nvf-vsl .nvf-notif-wrap{left:12px;right:12px;bottom:16px}
  #nvf-vsl .nvf-notif{max-width:none}
}