@charset "utf-8";
/* Vidastu capture popup, acearte.com. Self-contained apart from the palette:
   every colour resolves from the tokens in /assets/site.css, which must load
   first. Rebuilt for the black and gold world, with three rules the ported
   sheet broke: no blur as decoration (a solid scrim does the same job), no
   radius over 8px (the source used a 50% circle for the close control), and
   no unicode glyph standing in for an icon. Fixed overlay, so zero CLS. */

.vdcp-overlay{
  position:fixed;inset:0;z-index:2147483000;display:none;
  align-items:center;justify-content:center;padding:20px;
  background:rgba(4,4,4,.86);opacity:0;
  transition:opacity .25s cubic-bezier(.16,1,.3,1);
  font-family:var(--font-body)
}
.vdcp-overlay.is-open{display:flex;opacity:1}

.vdcp-card{
  background:var(--ground-2);color:var(--paper);
  width:100%;max-width:26rem;border:1px solid var(--rule-2);border-radius:var(--radius);
  padding:1.7rem 1.5rem 1.2rem;position:relative;
  box-shadow:0 26px 68px rgba(0,0,0,.62);
  transform:translateY(14px);
  transition:transform .32s cubic-bezier(.16,1,.3,1);
  max-height:calc(100dvh - 40px);overflow-y:auto
}
.vdcp-overlay.is-open .vdcp-card{transform:translateY(0)}

.vdcp-close{
  position:absolute;top:10px;right:10px;width:2rem;height:2rem;border-radius:4px;
  border:1px solid var(--rule);background:transparent;color:var(--paper-dim);
  display:flex;align-items:center;justify-content:center;line-height:1;
  transition:border-color .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1)
}
.vdcp-close:hover{border-color:var(--gold-1);color:var(--gold-1)}

.vdcp-headline{
  /* Reading text, not a brand lockup. The display face here is a thin high-contrast
     serif that stops being legible below about 2rem, and this sits at 1.3rem in a
     modal a buyer has to read before typing a phone number. Body face, real weight,
     full paper colour. The gold stays on the brand furniture around it. */
  font-family:var(--font-body);font-weight:600;
  font-size:1.16rem;line-height:1.35;letter-spacing:-.005em;
  color:var(--paper);margin:0 2.2rem 1rem 0
}

.vdcp-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.vdcp-chip{
  font-family:var(--font-body);border:1px solid var(--rule);background:transparent;
  color:var(--paper);font-size:.8125rem;font-weight:500;padding:.5rem .8rem;
  border-radius:4px;
  transition:border-color .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1)
}
.vdcp-chip:hover{border-color:var(--gold-1)}
.vdcp-chip.is-active{
  background-image:var(--gold-fill);border-color:var(--gold-1);color:var(--ground);font-weight:600
}

.vdcp-fg{margin-bottom:.6rem}
.vdcp-fg input{
  width:100%;font-family:var(--font-body);padding:.8rem .85rem;
  border:1px solid var(--rule);border-radius:4px;font-size:16px;
  color:var(--paper);background:var(--ground);caret-color:var(--gold-1);
  transition:border-color .18s cubic-bezier(.16,1,.3,1)
}
.vdcp-fg input::placeholder{color:var(--paper-dim);opacity:1}
.vdcp-fg input:focus{outline:2px solid var(--gold-1);outline-offset:2px;border-color:var(--gold-1)}

.vdcp-err{color:#F0857A;font-size:.8125rem;margin:.2rem 0 .6rem}

.vdcp-submit{
  width:100%;font-family:var(--font-body);padding:.85rem;border-radius:var(--radius);
  border:1px solid var(--gold-1);background-image:var(--gold-fill);color:var(--ground);
  font-size:.95rem;font-weight:700;letter-spacing:.01em;margin-top:.15rem;
  box-shadow:0 6px 18px rgba(0,0,0,.5);
  transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)
}
.vdcp-submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.58)}
.vdcp-submit:active{transform:translateY(0)}
.vdcp-submit[disabled]{opacity:.6;transform:none}

.vdcp-skip{
  display:block;text-align:center;font-size:.8125rem;margin-top:.7rem;
  color:var(--paper-dim);text-decoration:underline;text-underline-offset:.22em
}
.vdcp-skip:hover{color:var(--gold-1)}

.vdcp-success{text-align:center;padding-top:.3rem}
.vdcp-success .vdcp-headline{text-align:center;margin:0 0 .4rem}
.vdcp-sub{font-size:.95rem;color:var(--paper);line-height:1.6;margin-bottom:1.1rem}
.vdcp-wa{
  display:inline-block;background-image:var(--gold-fill);color:var(--ground);
  font-weight:700;font-size:.9rem;padding:.7rem 1.35rem;border-radius:var(--radius);
  text-decoration:none;border:1px solid var(--gold-1)
}

.vdcp-consent{font-size:.8rem;color:var(--paper-dim);line-height:1.55;margin:.8rem 0 0}
.vdcp-trust{
  margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--rule);
  font-size:.7rem;line-height:1.6;color:var(--paper-dim);text-align:center
}
.vdcp-trust strong{color:var(--paper);font-weight:600}
.vdcp-trust a{color:var(--gold-1);text-decoration:underline;text-underline-offset:.2em}

.vdcp-overlay :focus-visible{outline:2px solid var(--gold-1);outline-offset:3px}

@media (max-width:480px){.vdcp-card{padding:1.4rem 1.15rem 1.1rem}.vdcp-headline{font-size:1.08rem}}
@media (prefers-reduced-motion:reduce){.vdcp-overlay,.vdcp-card,.vdcp-submit{transition:none!important}}