body.vc-site-page {
  --vc-ink: #0d1b2a;
  --vc-muted: #647082;
  --vc-line: #dce5ea;
  --vc-paper: #ffffff;
  --vc-mint: #31d6b2;
  --vc-mint-dark: #0d8d76;
  --vc-navy: #081c2c;
  --vc-coral: #ff8066;
  background: #0b1220;
  color: #e5eefb;
}

.vc-site-page .tg-topbar { background: rgba(8, 28, 44, .98); border-bottom-color: rgba(255,255,255,.09); }
.vc-site-page .tg-brandText,
.vc-site-page .tg-menuToggle { color: #fff; }
.vc-site-page .tg-footer { background: var(--vc-navy); color: #d6e0e6; }
.vc-site-page .tg-footer a { color: #fff; }
.vc-page, .vc-page button, .vc-page input, .vc-page textarea, .vc-page select { font-family: inherit; }
.vc-page [hidden] { display: none !important; }
.vc-page h1, .vc-page h2, .vc-page strong, .vc-primaryButton { font-family: inherit; }

.vc-hero {
  position: relative;
  overflow: hidden;
  min-height: 455px;
  padding: 74px 0 105px;
  background:
    radial-gradient(circle at 60% 15%, rgba(49,214,178,.12), transparent 31%),
    linear-gradient(132deg, #071926 0%, #0c2a39 100%);
  color: #fff;
}

.vc-hero::after {
  content: "";
  position: absolute;
  left: -5%; right: -5%; bottom: -68px;
  height: 120px;
  border-radius: 50% 50% 0 0;
  background: #0b1220;
}

.vc-heroGlow { position: absolute; border-radius: 50%; filter: blur(8px); pointer-events: none; }
.vc-heroGlow--one { width: 330px; height: 330px; right: -120px; top: -140px; background: rgba(255,128,102,.12); }
.vc-heroGlow--two { width: 240px; height: 240px; left: 40%; bottom: -150px; background: rgba(49,214,178,.12); }

.vc-heroInner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); align-items: center; gap: 75px; }
.vc-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; color: #c3f8ec; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.vc-eyebrow span { width: 28px; height: 2px; background: var(--vc-mint); }
.vc-hero h1 { max-width: 760px; margin: 0; color: #fff; font-size: clamp(42px, 5.3vw, 72px); font-weight: 800; line-height: 1.08; letter-spacing: -.025em; }
.vc-hero h1 em { color: var(--vc-mint); font-style: normal; }
.vc-heroCopy > p { max-width: 650px; margin: 24px 0 0; color: #c7d5dc; font-size: 18px; line-height: 1.7; }
.vc-trustRow { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 32px; color: #b5c6ce; font-size: 13px; }
.vc-trustRow span { display: flex; align-items: center; gap: 7px; }
.vc-trustRow b { color: #fff; font-size: 15px; }

.vc-waveCard { position: relative; display: grid; place-items: center; min-height: 280px; }
.vc-orbit { display: grid; place-items: center; width: 190px; height: 190px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 30px rgba(255,255,255,.025), 0 0 0 60px rgba(255,255,255,.018); }
.vc-micIcon { display: grid; place-items: center; width: 92px; height: 92px; border-radius: 28px; background: linear-gradient(145deg, var(--vc-mint), #7ce8cf); color: #073327; box-shadow: 0 24px 70px rgba(49,214,178,.25); transform: rotate(-5deg); }
.vc-micIcon svg { width: 43px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.vc-wave { position: absolute; bottom: 5px; display: flex; align-items: center; gap: 4px; width: min(100%, 330px); height: 62px; opacity: .68; }
.vc-wave i { flex: 1; height: var(--h); min-width: 2px; border-radius: 9px; background: linear-gradient(to top, rgba(49,214,178,.3), var(--vc-mint)); }

.vc-workspace { position: relative; z-index: 3; margin-top: -48px; padding-bottom: 80px; }
.vc-access { display: flex; align-items: center; gap: 14px; min-height: 82px; margin: 22px auto 0; padding: 17px 22px; border: 1px solid #cad8df; border-radius: 18px; background: rgba(255,255,255,.96); box-shadow: 0 18px 45px rgba(11,37,51,.08); }
.vc-accessDot { flex: 0 0 auto; width: 11px; height: 11px; border-radius: 50%; background: #a2aeb7; box-shadow: 0 0 0 6px rgba(162,174,183,.12); }
.vc-access strong { display: block; color: var(--vc-ink); font-size: 15px; }
.vc-access p { margin: 3px 0 0; color: var(--vc-muted); font-size: 14px; }
.vc-access--ready { border-color: rgba(49,214,178,.55); }
.vc-access--ready .vc-accessDot { background: var(--vc-mint); box-shadow: 0 0 0 6px rgba(49,214,178,.15); }
.vc-access--waiting { border-color: #fed4a7; background: #fffaf3; }
.vc-access--waiting .vc-accessDot { background: #f4a64e; box-shadow: 0 0 0 6px rgba(244,166,78,.14); animation: vcPulse 1.8s infinite; }
.vc-access--working .vc-accessDot { background: #5389ed; box-shadow: 0 0 0 6px rgba(83,137,237,.14); animation: vcPulse 1.4s infinite; }
.vc-access--complete .vc-accessDot { background: var(--vc-mint-dark); box-shadow: 0 0 0 6px rgba(13,141,118,.14); }
.vc-access--error .vc-accessDot { background: #e95f5f; box-shadow: 0 0 0 6px rgba(233,95,95,.12); }
.vc-queueNumber { margin-left: auto; min-width: 52px; padding: 9px 13px; border-radius: 12px; background: var(--vc-navy); color: #fff; text-align: center; font-family: inherit; font-size: 18px; font-weight: 700; }

.vc-form { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; transition: opacity .2s; }
.vc-form[aria-disabled="true"] { opacity: .54; }
.vc-kidOption { position: relative; display: grid; grid-column: 1 / -1; grid-template-columns: 32px 1fr 70px; align-items: center; gap: 18px; min-height: 128px; box-sizing: border-box; padding: 25px 28px; overflow: hidden; border: 2px solid #ffb77f; border-radius: 24px; background: linear-gradient(120deg, #fff8e9 0%, #fff3e7 54%, #e9fbf6 100%); box-shadow: 0 18px 48px rgba(163,94,40,.12); cursor: pointer; transition: transform .2s, border-color .2s, box-shadow .2s; }
.vc-kidOption::before { content: ""; position: absolute; width: 170px; height: 170px; right: -80px; top: -100px; border-radius: 50%; background: rgba(49,214,178,.15); }
.vc-kidOption:hover { transform: translateY(-2px); border-color: #f69b57; box-shadow: 0 22px 55px rgba(163,94,40,.17); }
.vc-kidOption > input { position: absolute; opacity: 0; pointer-events: none; }
.vc-kidCheckbox { position: relative; z-index: 1; display: grid; place-items: center; width: 31px; height: 31px; box-sizing: border-box; border: 2px solid #e49a60; border-radius: 9px; background: #fff; color: transparent; transition: background .2s, border .2s, transform .2s; }
.vc-kidCheckbox svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.vc-kidOption > input:checked + .vc-kidCheckbox { border-color: var(--vc-mint-dark); background: var(--vc-mint-dark); color: #fff; transform: scale(1.06); }
.vc-kidOption > input:focus-visible + .vc-kidCheckbox { box-shadow: 0 0 0 5px rgba(49,214,178,.2); }
.vc-kidCopy { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; }
.vc-kidBadge { margin-bottom: 7px; padding: 5px 9px; border-radius: 999px; background: #ffdfbf; color: #8a4e1b; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.vc-kidCopy strong { color: #342719; font-size: clamp(20px, 2.2vw, 27px); line-height: 1.2; letter-spacing: -.025em; }
.vc-kidCopy small { margin-top: 6px; color: #725f4c; font-size: 13px; line-height: 1.5; }
.vc-kidMark { position: relative; z-index: 1; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 21px; background: #fff; color: #eb8f4d; font-size: 31px; box-shadow: 0 10px 28px rgba(123,78,42,.1); transform: rotate(5deg); }
.vc-form.is-kid-voice .vc-kidOption { border-color: var(--vc-mint-dark); background: linear-gradient(120deg, #ebfbf7 0%, #f5fffc 55%, #fff7e9 100%); }
.vc-form.is-kid-voice .vc-speechPanel { grid-column: 1 / -1; width: min(100%, 760px); box-sizing: border-box; justify-self: center; }
.vc-panel { padding: 32px; border: 1px solid var(--vc-line); border-radius: 24px; background: var(--vc-paper); box-shadow: 0 15px 45px rgba(14,42,56,.055); }
.vc-stepHead { display: flex; align-items: flex-start; gap: 17px; margin-bottom: 27px; }
.vc-stepNumber { display: grid; place-items: center; flex: 0 0 auto; width: 46px; height: 46px; border-radius: 15px; background: #e8fbf6; color: var(--vc-mint-dark); font-family: inherit; font-size: 13px; font-weight: 800; letter-spacing: .04em; }
.vc-stepHead h2 { margin: 1px 0 4px; color: var(--vc-ink); font-size: 22px; letter-spacing: -.025em; }
.vc-stepHead p { margin: 0; color: var(--vc-muted); font-size: 14px; line-height: 1.5; }

.vc-dropzone { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 250px; padding: 26px; border: 1.5px dashed #afc3cc; border-radius: 19px; background: #f9fbfb; text-align: center; cursor: pointer; transition: border .2s, background .2s, transform .2s; outline: none; }
.vc-dropzone:hover, .vc-dropzone:focus-visible, .vc-dropzone.is-dragging { border-color: var(--vc-mint-dark); background: #f0fcf8; transform: translateY(-2px); }
.vc-dropzone.has-file { border-style: solid; border-color: #82d9c5; background: #f4fdfb; }
.vc-uploadIcon { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 15px; border-radius: 18px; background: #e5f9f4; color: var(--vc-mint-dark); }
.vc-uploadIcon svg { width: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.vc-dropzone > strong { color: var(--vc-ink); font-size: 16px; overflow-wrap: anywhere; }
.vc-dropzone > p { margin: 5px 0 16px; color: var(--vc-muted); font-size: 13px; }
.vc-dropzone > small { margin-top: 13px; color: #8a96a2; font-size: 11px; }
.vc-secondaryButton { padding: 10px 16px; border: 1px solid #b9c9d0; border-radius: 11px; background: #fff; color: var(--vc-ink); font-weight: 700; cursor: pointer; }
.vc-secondaryButton:hover { border-color: var(--vc-mint-dark); color: var(--vc-mint-dark); }

.vc-cleanNote { display: flex; gap: 11px; margin: 17px 0 23px; padding: 13px 15px; border-radius: 13px; background: #fff8eb; color: #76521d; }
.vc-cleanNote > span { color: #ef9f31; }
.vc-cleanNote p { margin: 0; font-size: 12.5px; line-height: 1.55; }
.vc-field { position: relative; display: block; margin-top: 21px; }
.vc-field > span:first-child { display: block; margin-bottom: 8px; color: var(--vc-ink); font-weight: 700; font-size: 13px; }
.vc-field textarea, .vc-field select { width: 100%; box-sizing: border-box; border: 1px solid #cfdbe0; border-radius: 14px; background: #fbfcfc; color: var(--vc-ink); font-size: 15px; outline: none; transition: border .2s, box-shadow .2s, background .2s; }
.vc-field textarea { min-height: 118px; padding: 14px 15px; resize: vertical; line-height: 1.6; }
.vc-field select { height: 48px; padding: 0 42px 0 14px; }
.vc-field textarea:focus, .vc-field select:focus { border-color: var(--vc-mint-dark); background: #fff; box-shadow: 0 0 0 4px rgba(49,214,178,.11); }
.vc-field small { display: block; margin-top: 7px; color: #89949e; font-size: 11.5px; line-height: 1.5; }
.vc-field .vc-count { text-align: right; }
.vc-consent { display: grid; grid-template-columns: 21px 1fr; gap: 10px; align-items: start; margin: 23px 0; color: #435160; font-size: 13px; line-height: 1.55; cursor: pointer; }
.vc-consent input { position: absolute; opacity: 0; pointer-events: none; }
.vc-embeddingOption { display: grid; grid-template-columns: 21px 1fr; gap: 10px; align-items: start; margin-top: 13px; padding: 14px 15px; border: 1px solid #d6e2e6; border-radius: 13px; background: #f7fafb; color: #435160; cursor: pointer; }
.vc-embeddingOption input { position: absolute; opacity: 0; pointer-events: none; }
.vc-embeddingOption > span:last-child { display: flex; flex-direction: column; gap: 2px; }
.vc-embeddingOption strong { color: var(--vc-ink); font-family: inherit; font-size: 13px; font-weight: 700; }
.vc-embeddingOption small { color: #71808c; font-size: 11.5px; line-height: 1.45; }
.vc-checkbox { width: 20px; height: 20px; box-sizing: border-box; border: 1px solid #aebec6; border-radius: 6px; background: #fff; }
.vc-consent input:checked + .vc-checkbox, .vc-embeddingOption input:checked + .vc-checkbox { border-color: var(--vc-mint-dark); background: var(--vc-mint-dark); box-shadow: inset 0 0 0 4px #fff; }
.vc-consent input:focus-visible + .vc-checkbox, .vc-embeddingOption input:focus-visible + .vc-checkbox { box-shadow: 0 0 0 4px rgba(49,214,178,.15); }

.vc-primaryButton { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 55px; padding: 13px 20px; border: 0; border-radius: 15px; background: linear-gradient(135deg, #20c8a3, #31d6b2); color: #052d25; font-size: 14px; font-weight: 800; cursor: pointer; box-shadow: 0 15px 32px rgba(49,214,178,.2); transition: transform .2s, box-shadow .2s, opacity .2s; }
.vc-primaryButton svg { width: 21px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.vc-primaryButton:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 19px 38px rgba(49,214,178,.27); }
.vc-primaryButton:disabled, .vc-form :disabled { cursor: not-allowed; }

.vc-progress { margin-top: 22px; padding: 24px 26px; border: 1px solid var(--vc-line); border-radius: 19px; background: #fff; box-shadow: 0 15px 45px rgba(14,42,56,.055); }
.vc-progressTop { display: flex; justify-content: space-between; gap: 20px; color: var(--vc-ink); font-size: 14px; font-weight: 700; }
.vc-progressTrack { height: 8px; margin: 14px 0 10px; overflow: hidden; border-radius: 10px; background: #e7eef1; }
.vc-progressTrack span { display: block; width: 5%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--vc-mint-dark), var(--vc-mint)); transition: width .45s ease; }
.vc-progress p { margin: 0; color: var(--vc-muted); font-size: 12.5px; }
.vc-progress > .vc-secondaryButton { margin-top: 17px; }
.vc-result { display: grid; grid-template-columns: 56px 1fr; align-items: center; gap: 18px; margin-top: 22px; padding: 28px; border: 1px solid rgba(49,214,178,.55); border-radius: 22px; background: linear-gradient(135deg, #f1fcf9, #fff); box-shadow: 0 18px 48px rgba(14,92,76,.09); }
.vc-resultIcon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 18px; background: var(--vc-mint-dark); color: #fff; font-family: inherit; font-size: 24px; font-weight: 800; }
.vc-resultCopy { display: flex; flex-direction: column; gap: 2px; }
.vc-resultCopy span { color: var(--vc-mint-dark); font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.vc-resultCopy strong { color: var(--vc-ink); font-size: 20px; }
.vc-result audio { grid-column: 1 / -1; width: 100%; height: 48px; }
.vc-resultActions { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(190px, 1fr) auto; gap: 12px; }
.vc-resultActions .vc-primaryButton { text-decoration: none; }
.vc-resultActions .vc-secondaryButton { min-width: 150px; }
.vc-privacy { display: flex; gap: 17px; align-items: center; margin-top: 22px; padding: 23px 26px; border: 1px solid var(--vc-line); border-radius: 19px; background: #edf4f5; }
.vc-access + .vc-privacy { margin-top: 12px; }
.vc-lockIcon { display: grid; place-items: center; flex: 0 0 auto; width: 46px; height: 46px; border-radius: 15px; background: #d8e9e9; color: #315d62; }
.vc-lockIcon svg { width: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.vc-privacy h2 { margin: 0 0 4px; color: #183a41; font-size: 15px; }
.vc-privacy p { margin: 0; color: #61777b; font-size: 12.5px; line-height: 1.5; }

.vc-dialog { width: min(440px, calc(100% - 34px)); box-sizing: border-box; padding: 33px; border: 0; border-radius: 24px; color: var(--vc-ink); text-align: center; box-shadow: 0 35px 100px rgba(3,21,31,.32); }
.vc-dialog::backdrop { background: rgba(3,19,29,.7); backdrop-filter: blur(4px); }
.vc-dialogClose { position: absolute; top: 12px; right: 14px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #eef3f4; color: #52616b; font-size: 23px; cursor: pointer; }
.vc-dialogIcon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 20px; background: #e6faf5; color: var(--vc-mint-dark); font-size: 28px; }
.vc-dialog h2 { margin: 0 0 10px; font-size: 23px; }
.vc-dialog p { margin: 0 0 22px; color: var(--vc-muted); font-size: 14px; line-height: 1.65; }

.vc-adBlock { min-height: 110px; box-sizing: border-box; margin-top: 28px; margin-bottom: 28px; padding: 10px 0; overflow: hidden; text-align: center; }
.vc-adBlock--beforeTool { margin-bottom: 56px; }
.vc-adBlock ins { width: 100%; }
.vc-content { display: grid; gap: 18px; margin-top: 46px; margin-bottom: 50px; padding: 0; border: 0; }
.vc-content:not(.is-cardized) { padding: 22px; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; background: linear-gradient(180deg, rgba(21,34,60,.92), rgba(11,18,32,.96)); box-shadow: 0 24px 56px rgba(0,0,0,.2); }
.vc-contentCard { display: grid; gap: 14px; margin: 0; padding: 22px; }
.vc-contentKicker { display: inline-block; width: fit-content; margin: 0 0 -2px; color: #51d7ba; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.vc-content h2, .vc-content h2:first-of-type { max-width: none; margin: 0; color: #e5eefb; font-size: 28px; font-weight: 800; line-height: 1.25; letter-spacing: -.018em; }
.vc-content:not(.is-cardized) h2:not(:first-of-type) { margin-top: 22px; }
.vc-content p, .vc-content li { max-width: none; color: #bfd0e8; font-size: 16px; line-height: 1.8; }
.vc-content p { margin: 0; }
.vc-content ol { display: grid; gap: 10px; margin: 0; padding-left: 22px; color: #bfd0e8; }
.vc-content li { margin: 0; padding-left: 2px; }
.vc-content strong { color: #eef4ff; }
.vc-adBlock--last { margin-bottom: 68px; }

@keyframes vcPulse { 50% { transform: scale(.78); opacity: .65; } }

@media (max-width: 900px) {
  .vc-hero { padding-top: 58px; }
  .vc-heroInner { grid-template-columns: 1fr; gap: 35px; }
  .vc-waveCard { display: none; }
  .vc-form { grid-template-columns: 1fr; }
  .vc-adBlock--beforeTool { margin-bottom: 42px; }
}

@media (max-width: 600px) {
  .vc-hero { min-height: 420px; padding: 48px 0 88px; }
  .vc-hero h1 { font-size: 42px; }
  .vc-heroCopy > p { font-size: 16px; }
  .vc-trustRow { display: grid; gap: 9px; }
  .vc-workspace { margin-top: -34px; padding-bottom: 55px; }
  .vc-access { align-items: flex-start; padding: 16px; border-radius: 16px; }
  .vc-queueNumber { min-width: 45px; padding: 8px 10px; }
  .vc-panel { padding: 23px 18px; border-radius: 20px; }
  .vc-kidOption { grid-template-columns: 29px 1fr; gap: 13px; min-height: 122px; padding: 21px 18px; border-radius: 20px; }
  .vc-kidMark { display: none; }
  .vc-kidCheckbox { width: 28px; height: 28px; }
  .vc-kidCopy strong { font-size: 19px; }
  .vc-stepHead { gap: 13px; }
  .vc-stepNumber { width: 41px; height: 41px; }
  .vc-stepHead h2 { font-size: 19px; }
  .vc-dropzone { min-height: 225px; padding: 21px 14px; }
  .vc-privacy { align-items: flex-start; padding: 19px; }
  .vc-result { grid-template-columns: 46px 1fr; padding: 21px 17px; }
  .vc-resultIcon { width: 46px; height: 46px; border-radius: 15px; }
  .vc-resultCopy strong { font-size: 16px; }
  .vc-resultActions { grid-template-columns: 1fr; }
  .vc-resultActions .vc-secondaryButton { min-height: 48px; }
  .vc-content { margin-top: 30px; margin-bottom: 32px; }
  .vc-content:not(.is-cardized), .vc-contentCard { padding: 16px; border-radius: 22px; }
  .vc-content h2, .vc-content h2:first-of-type { font-size: 24px; }
  .vc-content p, .vc-content li { font-size: 15px; line-height: 1.75; }
}

@media (prefers-reduced-motion: reduce) {
  .vc-page *, .vc-page *::before, .vc-page *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}