/* Public Vellopost theme — guest pages only. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --vp-ink: #172033;
  --vp-muted: #667085;
  --vp-line: #e7eaf0;
  --vp-surface: #ffffff;
  --vp-subtle: #f7f8fc;
  --vp-brand: #5b46d8;
  --vp-brand-dark: #4835bd;
  --vp-accent: #ff6b6b;
  --vp-radius: 18px;
  --vp-shadow: 0 20px 60px rgba(31, 38, 62, .10);
}

html { scroll-behavior: smooth; }
body,
body.font-body {
  background: var(--vp-surface) !important;
  color: var(--vp-ink) !important;
  font-family: 'Plus Jakarta Sans', Inter, ui-sans-serif, system-ui, sans-serif !important;
  letter-spacing: -.01em;
}
body > section:first-of-type {
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(255,255,255,.88) !important;
  border-bottom: 1px solid rgba(231,234,240,.8);
  backdrop-filter: blur(18px);
}
body > section:first-of-type > .container { max-width: 1240px; }
body > section:first-of-type .bg-blueGray-50 { background: transparent !important; }
body > section:first-of-type .px-4 { padding-left: 1.5rem; padding-right: 1.5rem; }
body > section:first-of-type a { color: #475467; transition: color .2s ease, background .2s ease, transform .2s ease; }
body > section:first-of-type a:hover { color: var(--vp-brand); }
body > section:first-of-type a.text-indigo-600 { color: var(--vp-brand) !important; }
body > section:first-of-type .bg-indigo-600 {
  background: var(--vp-brand) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(91,70,216,.22);
}
body > section:first-of-type .bg-indigo-600:hover { background: var(--vp-brand-dark) !important; transform: translateY(-1px); }

a { color: var(--vp-brand); }
a:hover { color: var(--vp-brand-dark); }
button, input, textarea, select { font-family: inherit; }

/* Shared guest-page rhythm and surfaces. */
main, .guest-page, [class*='page-'] { color: var(--vp-ink); }
.container { max-width: 1240px; }
.bg-blueGray-50, .bg-coolGray-50, .bg-gray-50 { background-color: var(--vp-subtle) !important; }
.bg-white { background-color: var(--vp-surface); }
.border, .border-gray-100, .border-coolGray-100, .border-coolGray-200 { border-color: var(--vp-line) !important; }
.rounded-xl { border-radius: 14px !important; }
.rounded-2xl { border-radius: var(--vp-radius) !important; }
.shadow, .shadow-md, .shadow-lg { box-shadow: var(--vp-shadow) !important; }
.text-indigo-500, .text-indigo-600 { color: var(--vp-brand) !important; }
.bg-indigo-500, .bg-indigo-600 {
  background-color: var(--vp-brand) !important;
  border-color: var(--vp-brand) !important;
}
.hover\:bg-indigo-600:hover, .hover\:bg-indigo-700:hover {
  background-color: var(--vp-brand-dark) !important;
  border-color: var(--vp-brand-dark) !important;
}
.focus\:ring-indigo-300:focus { --tw-ring-color: rgba(91,70,216,.22) !important; }

/* The existing Nova landing content receives a structured product-led visual treatment. */
.vp-modern-hero,
.vp-hero,
section[id='home'] {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 12%, rgba(91,70,216,.13), transparent 27rem),
    radial-gradient(circle at 84% 22%, rgba(255,107,107,.12), transparent 24rem),
    linear-gradient(180deg, #fff 0%, #fbfbff 100%) !important;
}
.vp-modern-hero::before,
.vp-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(91,70,216,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(91,70,216,.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000, transparent 75%);
}
.vp-modern-hero > *, .vp-hero > * { position: relative; }
.vp-modern-hero h1, .vp-hero h1,
.vp-modern-hero h2, .vp-hero h2 {
  color: var(--vp-ink) !important;
  font-weight: 800 !important;
  letter-spacing: -.055em !important;
  line-height: 1.05 !important;
}
.vp-modern-hero p, .vp-hero p { color: var(--vp-muted) !important; line-height: 1.7; }
.vp-modern-hero .btn, .vp-hero .btn,
.vp-modern-hero a[class*='bg-indigo'], .vp-hero a[class*='bg-indigo'] {
  border-radius: 13px !important;
  font-weight: 700 !important;
  box-shadow: 0 12px 24px rgba(91,70,216,.20);
}

/* Feature, pricing, FAQ and blog cards. */
#features > div > div > div,
.pricing-card,
.faq-card,
.blog-card,
[class*='feature-card'],
[class*='pricing-card'] {
  border: 1px solid var(--vp-line) !important;
  border-radius: var(--vp-radius) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 10px 30px rgba(31,38,62,.045);
}
#features > div > div > div:hover,
[class*='feature-card']:hover,
[class*='pricing-card']:hover {
  transform: translateY(-4px);
  box-shadow: var(--vp-shadow);
  border-color: rgba(91,70,216,.22) !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.pricing-card [class*='bg-indigo'], [class*='pricing'] [class*='bg-indigo'] { border-radius: 12px !important; }

/* Authentication and contact forms. */
.auth-page, .login-page, .signup-page,
form[class*='auth'], form[class*='contact'] {
  color: var(--vp-ink);
}
input:not([type='checkbox']):not([type='radio']), textarea, select {
  min-height: 48px;
  border: 1px solid #d8dce6 !important;
  border-radius: 12px !important;
  color: var(--vp-ink) !important;
  background: #fff !important;
  box-shadow: none !important;
}
textarea { min-height: 132px; }
input:focus, textarea:focus, select:focus {
  border-color: var(--vp-brand) !important;
  box-shadow: 0 0 0 4px rgba(91,70,216,.12) !important;
  outline: 0;
}
button[type='submit'], input[type='submit'] {
  border-radius: 12px !important;
  font-weight: 700 !important;
}

/* Footer gets a calmer, deliberately separated close. */
footer, body > footer {
  margin-top: 0;
  border-top: 1px solid var(--vp-line);
}
footer .bg-blueGray-900, footer .bg-gray-900 { background: #151b2c !important; }

/* Cookie panel remains functional but is visually consistent with the new system. */
.cookie-policy-bar > div {
  padding: 1.25rem !important;
  border: 1px solid var(--vp-line) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 -12px 36px rgba(31,38,62,.12) !important;
}
.cookie-policy-bar h3 { color: var(--vp-ink) !important; }

@media (max-width: 1023px) {
  body > section:first-of-type .px-4 { padding-left: 1rem; padding-right: 1rem; }
  .vp-modern-hero h1, .vp-hero h1 { letter-spacing: -.045em !important; }
}

@media (max-width: 640px) {
  :root { --vp-radius: 15px; }
  body > section:first-of-type .py-5 { padding-top: .9rem; padding-bottom: .9rem; }
  body > section:first-of-type img.h-9 { height: 1.85rem; }
  .vp-modern-hero, .vp-hero { background-size: auto, auto, 32px 32px !important; }
  .cookie-policy-bar .justify-end { justify-content: stretch; }
}

/* Luma public-site refresh.  These rules intentionally come last so guest
   pages have one distinct product identity rather than inheriting the former
   purple landing treatment. */
:root {
  --vp-luma-ink: #12131a;
  --vp-luma-copy: #686a73;
  --vp-luma-line: #e7e7eb;
  --vp-luma-paper: #ffffff;
  --vp-luma-soft: #f8f8fa;
  --vp-luma-accent: #5b46d8;
  --vp-luma-accent-dark: #4835bd;
}
body, body.font-body { background: var(--vp-luma-paper) !important; color: var(--vp-luma-ink) !important; }
body > section:first-of-type {
  background: rgba(255,255,255,.94) !important;
  border-bottom: 1px solid var(--vp-luma-line) !important;
  box-shadow: 0 1px 0 rgba(18,19,26,.02);
}
body > section:first-of-type a { color: #555761 !important; font-size: 14px; font-weight: 650; }
body > section:first-of-type a:hover,
body > section:first-of-type a.text-indigo-600 { color: var(--vp-luma-accent) !important; }
body > section:first-of-type .bg-indigo-600,
body > section:first-of-type a[class*='bg-indigo'] {
  background: var(--vp-luma-accent) !important; border-color: var(--vp-luma-accent) !important;
  border-radius: 12px !important; box-shadow: 0 12px 22px rgba(91,70,216,.22) !important; color: #fff !important;
}
body > section:first-of-type .bg-indigo-600:hover { background: var(--vp-luma-accent-dark) !important; }

.vp-modern-hero {
  padding: 104px 0 90px !important;
  border-bottom: 1px solid var(--vp-luma-line);
  background:
    linear-gradient(rgba(232,232,235,.7) 1px,transparent 1px),
    linear-gradient(90deg,rgba(232,232,235,.7) 1px,transparent 1px),
    radial-gradient(circle at 22% 22%,rgba(91,70,216,.11),transparent 28rem),
    linear-gradient(180deg,#fff 0%,#fcfcfd 72%,#fff 100%) !important;
  background-size: 56px 56px,56px 56px,auto,auto !important;
}
.vp-modern-hero:before { opacity: 0 !important; }
.vp-modern-badge {
  min-height: 30px; padding: 0 12px !important; border-color: var(--vp-luma-line) !important;
  color: var(--vp-luma-copy) !important; font-size: 11px !important; font-weight: 800 !important;
  letter-spacing: .08em; text-transform: uppercase; box-shadow: none !important;
}
.vp-modern-badge b { width: 7px !important; height: 7px !important; background: var(--vp-luma-accent) !important; box-shadow: 0 0 0 4px rgba(91,70,216,.13) !important; }
.vp-modern-title { max-width: 890px !important; margin-top: 25px !important; color: var(--vp-luma-ink) !important; font-size: clamp(48px,6.2vw,76px) !important; }
.vp-modern-title span { background: none !important; color: var(--vp-luma-accent) !important; -webkit-text-fill-color: currentColor; }
.vp-modern-copy { color: var(--vp-luma-copy) !important; font-size: 18px !important; }
.vp-modern-actions .vp-start, .vp-action {
  border: 1px solid var(--vp-luma-ink) !important; background: var(--vp-luma-ink) !important; color: #fff !important;
  border-radius: 13px !important; box-shadow: 0 15px 28px -20px rgba(0,0,0,.7) !important;
}
.vp-modern-actions .vp-explore { border-color: var(--vp-luma-line) !important; color: var(--vp-luma-ink) !important; box-shadow: none !important; }
.vp-modern-note { color: #8a8c94 !important; }
.vp-constellation { border-color: var(--vp-luma-line) !important; border-radius: 20px !important; background: #fff !important; box-shadow: 0 42px 100px -58px rgba(0,0,0,.42) !important; }

.vp-modern-site { --ink: var(--vp-luma-ink) !important; --muted: var(--vp-luma-copy) !important; --line: var(--vp-luma-line) !important; --wash: var(--vp-luma-soft) !important; --indigo: var(--vp-luma-accent) !important; background: var(--vp-luma-paper) !important; }
.vp-modern-site section { padding: clamp(72px,8vw,112px) 0 !important; }
.vp-modern-site .vp-eyebrow { color: var(--vp-luma-accent) !important; }
.vp-modern-site h2 { color: var(--vp-luma-ink) !important; }
.vp-modern-site .vp-feature-card, .vp-modern-site .vp-dashboard, .vp-modern-site .vp-channel,
.vp-modern-site .vp-capability, .vp-modern-site .vp-quote, .vp-modern-site .vp-plan,
.vp-modern-site .vp-article, .vp-modern-site .vp-hub, .vp-modern-site .vp-metric,
.vp-modern-site .vp-post { border-color: var(--vp-luma-line) !important; border-radius: 18px !important; box-shadow: none !important; }
.vp-modern-site .vp-feature-card:hover, .vp-modern-site .vp-plan.featured { border-color: rgba(91,70,216,.62) !important; box-shadow: 0 24px 50px -38px rgba(0,0,0,.32) !important; }
.vp-modern-site .vp-feature-icon, .vp-modern-site .vp-capability i { background: #eeecff !important; color: var(--vp-luma-accent) !important; }
.vp-modern-site .vp-dashboard-top b, .vp-modern-site .vp-board-title b { color: var(--vp-luma-ink) !important; }
.vp-modern-site .vp-board nav span:first-child, .vp-modern-site .vp-board-title em { background: #eeecff !important; color: #5b46d8 !important; }
.vp-modern-site .vp-mini-metrics b, .vp-modern-site .vp-feature-link { color: var(--vp-luma-accent) !important; }
.vp-modern-site .vp-plan.featured a, .vp-modern-site .vp-final .vp-action { background: var(--vp-luma-ink) !important; border-color: var(--vp-luma-ink) !important; }
.vp-modern-site .vp-faq details { border-color: var(--vp-luma-line) !important; }
.vp-modern-site .vp-soft, .vp-modern-site .vp-final { background: var(--vp-luma-soft) !important; }

/* Pricing, blog, FAQ, contact and auth views use the same surfaces and accent. */
.bg-indigo-50, .bg-indigo-100 { background-color: #eeecff !important; }
.text-indigo-500, .text-indigo-600 { color: var(--vp-luma-accent) !important; }
.bg-indigo-500, .bg-indigo-600, button.bg-indigo-500, button.bg-indigo-600 {
  background-color: var(--vp-luma-accent) !important; border-color: var(--vp-luma-accent) !important;
}
.hover\:bg-indigo-600:hover, .hover\:bg-indigo-700:hover { background-color: var(--vp-luma-accent-dark) !important; border-color: var(--vp-luma-accent-dark) !important; }
.bg-blueGray-50, .bg-coolGray-50, .bg-gray-50 { background-color: var(--vp-luma-soft) !important; }
.border, .border-gray-100, .border-coolGray-100, .border-coolGray-200 { border-color: var(--vp-luma-line) !important; }
.cookie-policy-bar > div { border-color: var(--vp-luma-line) !important; box-shadow: 0 -16px 40px rgba(18,19,26,.11) !important; }
.cookie-policy-bar .btn-accept { background: var(--vp-luma-accent) !important; border-color: var(--vp-luma-accent) !important; }

@media (max-width:700px) {
  .vp-modern-hero { padding: 72px 0 58px !important; background-size: 40px 40px,40px 40px,auto,auto !important; }
  .vp-modern-title { font-size: 45px !important; }
}

/* Dark Luma landing surface — blue is Vellopost's replacement for the
   reference theme's coral accent. */
:root { --vp-luma-blue: #6f5cff; --vp-luma-blue-soft: #a89cff; --vp-luma-dark: #11131a; --vp-luma-panel: #1a1d26; --vp-luma-grid: #282c38; }
body:has(.vp-modern-hero) { background: var(--vp-luma-dark) !important; }
body:has(.vp-modern-hero) > section:first-of-type {
  background: #101218 !important; border-bottom-color: #292d38 !important; box-shadow: none !important;
}
body:has(.vp-modern-hero) > section:first-of-type a { color: #f5f5f8 !important; }
body:has(.vp-modern-hero) > section:first-of-type a:hover,
body:has(.vp-modern-hero) > section:first-of-type a.text-indigo-600 { color: var(--vp-luma-blue-soft) !important; }
body:has(.vp-modern-hero) > section:first-of-type .bg-indigo-600,
body:has(.vp-modern-hero) > section:first-of-type a[class*='bg-indigo'] {
  background: #f8f8fa !important; border-color: #f8f8fa !important; color: #11131a !important; box-shadow: none !important;
}
body:has(.vp-modern-hero) > section:first-of-type img { filter: brightness(0) invert(1); }

.vp-modern-hero {
  padding: 126px 0 94px !important; color: #f8f8fb !important; border-bottom-color: #242834 !important;
  background:
    linear-gradient(rgba(46,50,65,.62) 1px,transparent 1px),
    linear-gradient(90deg,rgba(46,50,65,.62) 1px,transparent 1px),
    radial-gradient(circle at 50% 43%,rgba(111,92,255,.19),transparent 28rem),
    radial-gradient(circle at 50% 57%,rgba(55,100,221,.10),transparent 47rem),
    #11131a !important;
  background-size: 67px 67px,67px 67px,auto,auto,auto !important;
}
.vp-modern-hero:after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 62%,#11131a 100%); }
.vp-modern-wrap { z-index:1; }
.vp-modern-badge { border-color: #343846 !important; background: rgba(18,20,28,.80) !important; color: #aeb3c2 !important; }
.vp-modern-badge b { background: var(--vp-luma-blue) !important; box-shadow: 0 0 0 4px rgba(111,92,255,.16) !important; }
.vp-modern-hero h1.vp-modern-title { max-width: 1000px !important; color: #f8f8fb !important; -webkit-text-fill-color: #f8f8fb !important; font-size: clamp(52px,6.55vw,86px) !important; line-height: .96 !important; }
.vp-modern-hero h1.vp-modern-title span { color: #f8f8fb !important; -webkit-text-fill-color: #f8f8fb !important; }
.vp-modern-copy { color: #aeb3c2 !important; }
.vp-modern-actions .vp-start { background: #f8f8fa !important; border-color: #f8f8fa !important; color: #11131a !important; box-shadow: none !important; }
.vp-modern-actions .vp-explore { background: #181b24 !important; border-color: #353946 !important; color: #f3f3f7 !important; }
.vp-modern-note { color: #a3a8b8 !important; }
.vp-constellation { border-color: #303541 !important; background: #171a22 !important; box-shadow: 0 34px 90px rgba(0,0,0,.48) !important; }
.vp-constellation .vp-three { display: none !important; }
.vp-constellation > .vp-orbit, .vp-constellation > .vp-hub { visibility: visible !important; }
.vp-hub { background: #171a22 !important; border-color: #303541 !important; box-shadow: 0 25px 60px rgba(0,0,0,.40) !important; }
.vp-hubbar { border-bottom-color: #303541 !important; }.vp-hubbar i { background: #555b69 !important; }
.vp-hubbody { color: #f7f7fb !important; }.vp-hubnav { border-right-color:#303541 !important; }.vp-hubnav span { color:#969dac !important; }.vp-hubnav span:first-child { background:#292446 !important; color:#bcb1ff !important; }
.vp-hubmain h3 { color:#f7f7fb !important; }.vp-hubmain p { color:#969dac !important; }.vp-mini-metrics div,.vp-queue { background:#20232e !important; border-color:#343946 !important; color:#e6e7ef !important; }.vp-mini-metrics b { color:#a89cff !important; }.vp-mini-metrics span { color:#969dac !important; }

.vp-modern-site { --ink:#f7f7fb !important; --muted:#aab0c0 !important; --line:#2d313e !important; --wash:#171a22 !important; --indigo:var(--vp-luma-blue) !important; background:#11131a !important; color:#f7f7fb !important; }
.vp-modern-site section, .vp-modern-site .vp-soft, .vp-modern-site .vp-final { background:#11131a !important; }
.vp-modern-site .vp-soft { background:#161922 !important; border-block:1px solid #292d38; }
.vp-modern-site h2, .vp-modern-site h3, .vp-modern-site .vp-checks span { color:#f7f7fb !important; }
.vp-modern-site .vp-eyebrow, .vp-modern-site .vp-feature-link { color:#a89cff !important; }
.vp-modern-site .vp-feature-card, .vp-modern-site .vp-dashboard, .vp-modern-site .vp-channel,
.vp-modern-site .vp-capability, .vp-modern-site .vp-quote, .vp-modern-site .vp-plan,
.vp-modern-site .vp-article, .vp-modern-site .vp-faq details {
  background:#1a1d26 !important; border-color:#303541 !important; color:#f7f7fb !important;
}
.vp-modern-site .vp-feature-card:hover, .vp-modern-site .vp-plan.featured { border-color:#6f5cff !important; box-shadow:0 22px 46px rgba(0,0,0,.27) !important; }
.vp-modern-site .vp-feature-icon, .vp-modern-site .vp-capability i { background:#28234a !important; color:#a89cff !important; }
.vp-modern-site .vp-dashboard-top, .vp-modern-site .vp-board nav, .vp-modern-site .vp-post-row { border-color:#303541 !important; }
.vp-modern-site .vp-dashboard-top b, .vp-modern-site .vp-board-title b { color:#f7f7fb !important; }
.vp-modern-site .vp-board nav span:first-child, .vp-modern-site .vp-board-title em { background:#292446 !important; color:#c1b8ff !important; }
.vp-modern-site .vp-chart { background-color:#20232e !important; }
.vp-modern-site .vp-action, .vp-modern-site .vp-plan.featured a, .vp-modern-site .vp-final .vp-action { background:#f7f7fb !important; border-color:#f7f7fb !important; color:#11131a !important; }
.vp-modern-site .vp-plan a { border-color:#424755 !important; color:#f7f7fb !important; }
.vp-modern-site .vp-article-art { opacity:.72; }
body:has(.vp-modern-hero) footer, body:has(.vp-modern-hero) footer .bg-blueGray-900, body:has(.vp-modern-hero) footer .bg-gray-900 { background:#0d0f14 !important; border-color:#292d38 !important; }
body:has(.vp-modern-hero) .cookie-policy-bar > div { background:#1a1d26 !important; border-color:#303541 !important; color:#f7f7fb !important; box-shadow:0 -12px 36px rgba(0,0,0,.38) !important; }
body:has(.vp-modern-hero) .cookie-policy-bar h3 { color:#f7f7fb !important; }body:has(.vp-modern-hero) .cookie-policy-bar p { color:#aab0c0 !important; }
body:has(.vp-modern-hero) .cookie-policy-bar .btn-decline { border-color:#3a404e !important; background:#171a22 !important; color:#f7f7fb !important; }body:has(.vp-modern-hero) .cookie-policy-bar .btn-accept { background:var(--vp-luma-blue) !important; border-color:var(--vp-luma-blue) !important; }

/* Bright Vellopost product experience, inspired by the clarity and energy of
   Metricool while retaining Vellopost's blue identity and original content. */
:root { --vp-metric-blue:#4356e9; --vp-metric-blue-dark:#303fc8; --vp-metric-ink:#17183b; --vp-metric-muted:#61658a; --vp-metric-line:#e5e8f5; --vp-metric-wash:#f6f8ff; --vp-metric-mint:#d9f7dc; }
body:has(.vp-modern-hero) { background:#fff !important; }
body:has(.vp-modern-hero) > section:first-of-type { background:rgba(255,255,255,.94) !important; border-bottom-color:var(--vp-metric-line) !important; box-shadow:0 1px 0 rgba(26,32,80,.04) !important; }
body:has(.vp-modern-hero) > section:first-of-type a { color:#292b4c !important; }
body:has(.vp-modern-hero) > section:first-of-type a:hover, body:has(.vp-modern-hero) > section:first-of-type a.text-indigo-600 { color:var(--vp-metric-blue) !important; }
body:has(.vp-modern-hero) > section:first-of-type img { filter:none !important; }
body:has(.vp-modern-hero) > section:first-of-type .bg-indigo-600, body:has(.vp-modern-hero) > section:first-of-type a[class*='bg-indigo'] { background:var(--vp-metric-blue) !important; border-color:var(--vp-metric-blue) !important; color:#fff !important; box-shadow:0 12px 24px rgba(67,86,233,.24) !important; }

.vp-modern-hero { padding:112px 0 96px !important; border-bottom:0 !important; background:linear-gradient(116deg,#f7f8ff 0%,#fff 44%,#eff8ff 100%) !important; }
.vp-modern-hero:before { content:"" !important; position:absolute !important; inset:0 !important; opacity:1 !important; background:radial-gradient(circle at 8% 19%,rgba(133,149,255,.30),transparent 22rem),radial-gradient(circle at 91% 35%,rgba(95,213,255,.20),transparent 25rem),url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%234356e9' fill-opacity='.045'%3E%3Cpath d='M0 42L42 0H21L0 21zm42 0v21L21 42z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; }
.vp-modern-hero:after { background:linear-gradient(180deg,transparent 72%,rgba(255,255,255,.88) 100%) !important; }
.vp-modern-badge { border-color:#d8ddf3 !important; background:rgba(255,255,255,.88) !important; color:var(--vp-metric-blue) !important; box-shadow:0 8px 22px rgba(53,70,180,.08) !important; }
.vp-modern-badge b { background:var(--vp-metric-blue) !important; box-shadow:0 0 0 4px rgba(67,86,233,.14) !important; }
.vp-modern-hero h1.vp-modern-title { color:var(--vp-metric-ink) !important; -webkit-text-fill-color:var(--vp-metric-ink) !important; font-size:clamp(50px,6.25vw,80px) !important; }
.vp-modern-hero h1.vp-modern-title span { color:var(--vp-metric-blue) !important; -webkit-text-fill-color:var(--vp-metric-blue) !important; }
.vp-modern-copy { max-width:640px !important; color:var(--vp-metric-muted) !important; }
.vp-modern-actions .vp-start { background:var(--vp-metric-blue) !important; border-color:var(--vp-metric-blue) !important; color:#fff !important; box-shadow:0 14px 28px rgba(67,86,233,.26) !important; }
.vp-modern-actions .vp-start:hover { background:var(--vp-metric-blue-dark) !important; }
.vp-modern-actions .vp-explore { background:#fff !important; border-color:#d8ddf3 !important; color:var(--vp-metric-ink) !important; }
.vp-modern-note { color:#7e83a2 !important; }
.vp-constellation { border:1px solid #dce2f4 !important; border-radius:28px !important; background:linear-gradient(135deg,#fff,#f6f8ff) !important; box-shadow:0 34px 78px rgba(43,60,150,.16) !important; }
.vp-constellation .vp-three { display:block !important; }.vp-constellation > .vp-orbit,.vp-constellation > .vp-hub { visibility:hidden !important; }

.vp-modern-site { --ink:var(--vp-metric-ink) !important; --muted:var(--vp-metric-muted) !important; --line:var(--vp-metric-line) !important; --wash:var(--vp-metric-wash) !important; --indigo:var(--vp-metric-blue) !important; background:#fff !important; color:var(--vp-metric-ink) !important; }
.vp-modern-site section,.vp-modern-site .vp-final { background:#fff !important; }.vp-modern-site .vp-soft { background:var(--vp-metric-wash) !important; border:0 !important; }
.vp-modern-site h2,.vp-modern-site h3,.vp-modern-site .vp-checks span { color:var(--vp-metric-ink) !important; }.vp-modern-site .vp-eyebrow,.vp-modern-site .vp-feature-link { color:var(--vp-metric-blue) !important; }
.vp-modern-site .vp-feature-card,.vp-modern-site .vp-dashboard,.vp-modern-site .vp-channel,.vp-modern-site .vp-capability,.vp-modern-site .vp-quote,.vp-modern-site .vp-plan,.vp-modern-site .vp-article,.vp-modern-site .vp-faq details { background:#fff !important; border-color:var(--vp-metric-line) !important; color:var(--vp-metric-ink) !important; box-shadow:0 12px 32px rgba(37,50,125,.055) !important; }
.vp-modern-site .vp-feature-card:hover,.vp-modern-site .vp-plan.featured { border-color:#b5c0ff !important; box-shadow:0 25px 48px rgba(43,60,150,.12) !important; }
.vp-modern-site .vp-feature-icon,.vp-modern-site .vp-capability i { background:#e9edff !important; color:var(--vp-metric-blue) !important; }.vp-modern-site .vp-board nav span:first-child,.vp-modern-site .vp-board-title em { background:#e8eeff !important; color:var(--vp-metric-blue) !important; }
.vp-modern-site .vp-dashboard-top b,.vp-modern-site .vp-board-title b { color:var(--vp-metric-ink) !important; }.vp-modern-site .vp-dashboard-top,.vp-modern-site .vp-board nav,.vp-modern-site .vp-post-row { border-color:var(--vp-metric-line) !important; }
.vp-modern-site .vp-chart { background-color:#f5f7ff !important; }.vp-modern-site .vp-action,.vp-modern-site .vp-plan.featured a,.vp-modern-site .vp-final .vp-action { background:var(--vp-metric-blue) !important; border-color:var(--vp-metric-blue) !important; color:#fff !important; }.vp-modern-site .vp-plan a { color:var(--vp-metric-ink) !important; border-color:#d9dff1 !important; }
body:has(.vp-modern-hero) footer,body:has(.vp-modern-hero) footer .bg-blueGray-900,body:has(.vp-modern-hero) footer .bg-gray-900 { background:#181a3b !important; border-color:#252852 !important; }
body:has(.vp-modern-hero) .cookie-policy-bar > div { background:#fff !important; border-color:#dde2f2 !important; color:var(--vp-metric-ink) !important; box-shadow:0 -12px 36px rgba(39,51,123,.13) !important; }body:has(.vp-modern-hero) .cookie-policy-bar h3 { color:var(--vp-metric-ink) !important; }body:has(.vp-modern-hero) .cookie-policy-bar p { color:var(--vp-metric-muted) !important; }body:has(.vp-modern-hero) .cookie-policy-bar .btn-decline { border-color:#d7dcef !important; background:#fff !important; color:var(--vp-metric-ink) !important; }body:has(.vp-modern-hero) .cookie-policy-bar .btn-accept { background:var(--vp-metric-blue) !important; border-color:var(--vp-metric-blue) !important; }

/* The hero now shows an honest, legible product interface instead of an
   abstract orbit of social icons. */
.vp-constellation { display:none !important; }
.vp-product-preview { width:min(1080px,100%); min-height:470px; margin:48px auto 0; overflow:hidden; border:1px solid #d9e0f3; border-radius:24px; background:#fff; box-shadow:0 38px 80px rgba(43,60,150,.18); color:#202341; text-align:left; }
.vp-preview-topbar { display:grid; grid-template-columns:1fr minmax(250px,390px) 1fr; align-items:center; gap:20px; min-height:66px; padding:0 22px; border-bottom:1px solid #e6eaf5; background:#fff; }
.vp-preview-brand { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:800; }.vp-preview-brand small { color:#878ea9; font-size:11px; font-weight:700; }.vp-preview-mark { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; background:var(--vp-metric-blue); color:#fff; font-size:13px; font-weight:900; }
.vp-preview-search { min-height:34px; padding:9px 13px; border-radius:9px; background:#f5f7fc; color:#a2a8bb; font-size:11px; }.vp-preview-user { justify-self:end; display:grid; place-items:center; width:31px; height:31px; border-radius:50%; background:#e5ebff; color:#4356e9; font-size:11px; font-weight:800; }
.vp-preview-shell { display:grid; grid-template-columns:188px minmax(0,1fr); min-height:404px; background:#fafbff; }.vp-preview-nav { display:flex; flex-direction:column; gap:7px; padding:22px 13px; border-right:1px solid #e6eaf5; background:#fff; }.vp-preview-nav strong { padding:0 10px 15px; color:#363957; font-size:12px; }.vp-preview-nav span { display:flex; align-items:center; gap:9px; padding:10px; border-radius:9px; color:#7c839c; font-size:12px; font-weight:700; }.vp-preview-nav span i { width:15px; text-align:center; }.vp-preview-nav .is-active { background:#e9edff; color:#4356e9; }
.vp-preview-content { padding:28px; }.vp-preview-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.vp-preview-heading small { color:#8a91a8; font-size:10px; font-weight:800; letter-spacing:.09em; }.vp-preview-heading h3 { margin:6px 0 0; color:#202341; font-size:24px; letter-spacing:-.04em; }.vp-preview-heading button { padding:10px 13px; border:0; border-radius:9px; background:#4356e9; color:#fff; font:700 11px inherit; box-shadow:0 8px 15px rgba(67,86,233,.2); }
.vp-preview-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin:23px 0; }.vp-preview-stats > div { padding:13px; border:1px solid #e1e5f2; border-radius:12px; background:#fff; }.vp-preview-stats span,.vp-preview-stats em { display:block; color:#8a91a8; font-size:10px; font-style:normal; }.vp-preview-stats b { display:inline-block; margin:5px 8px 2px 0; color:#252846; font-size:22px; letter-spacing:-.05em; }.vp-preview-stats em { display:inline-block; color:#32a275; font-weight:700; }
.vp-preview-calendar { position:relative; min-height:194px; overflow:hidden; border:1px solid #e1e5f2; border-radius:13px; background:linear-gradient(#eef1f8 1px,transparent 1px),linear-gradient(90deg,#eef1f8 1px,transparent 1px),#fff; background-size:100% 50px,20% 100%,auto; }.vp-calendar-head { display:grid; grid-template-columns:repeat(5,1fr); border-bottom:1px solid #e1e5f2; background:#f7f8fc; }.vp-calendar-head span { padding:9px; color:#8a91a8; font-size:9px; font-weight:700; text-align:center; text-transform:uppercase; }.vp-calendar-head b { color:#3a3e5c; font-size:13px; }
.vp-calendar-post { position:absolute; display:flex; align-items:center; gap:6px; min-width:130px; padding:8px 9px; border-radius:8px; color:#313650; font-size:10px; box-shadow:0 4px 10px rgba(45,60,130,.07); }.vp-calendar-post i { display:grid; place-items:center; width:19px; height:19px; border-radius:5px; color:#fff; font-size:9px; }.vp-calendar-post b { white-space:nowrap; }.vp-calendar-post small { margin-left:auto; color:#78819b; font-size:9px; }.vp-calendar-post.is-blue { top:72px; left:4%; background:#e7efff; }.vp-calendar-post.is-blue i { background:#0a66c2; }.vp-calendar-post.is-purple { top:119px; left:37%; background:#f0eaff; }.vp-calendar-post.is-purple i { background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7); }.vp-calendar-post.is-mint { top:75px; right:4%; background:#e4f8eb; }.vp-calendar-post.is-mint i { background:#1877f2; }
@media(max-width:700px) { .vp-product-preview { min-height:390px; margin-top:35px; border-radius:18px; }.vp-preview-topbar { grid-template-columns:1fr auto; padding:0 14px; }.vp-preview-search { display:none; }.vp-preview-shell { grid-template-columns:1fr; }.vp-preview-nav { display:none; }.vp-preview-content { padding:19px 14px; }.vp-preview-heading h3 { font-size:19px; }.vp-preview-stats { gap:7px; }.vp-preview-stats > div { padding:10px 8px; }.vp-preview-stats b { font-size:18px; }.vp-preview-stats em { display:none; }.vp-calendar-post { min-width:0; }.vp-calendar-post small { display:none; }.vp-calendar-post.is-purple { left:32%; }.vp-calendar-post.is-mint { right:2%; } }

/* Automation section: make the proof panel feel like a real intelligent
   scheduling workspace rather than a decorative placeholder. */
.vp-modern-site .vp-soft .vp-split { gap:88px; }
.vp-modern-site .vp-soft .vp-split-copy { position:relative; }.vp-modern-site .vp-soft .vp-split-copy:before { content:"AI WORKFLOW"; display:inline-flex; align-items:center; min-height:27px; margin-bottom:18px; padding:0 10px; border:1px solid #d9e0ff; border-radius:999px; background:#fff; color:var(--vp-metric-blue); font-size:10px; font-weight:800; letter-spacing:.1em; }
.vp-modern-site .vp-soft .vp-split-copy .vp-eyebrow { display:none; }.vp-modern-site .vp-soft .vp-split-copy h2 { max-width:530px; font-size:clamp(38px,4.2vw,58px); line-height:1.02; }.vp-modern-site .vp-soft .vp-lead { max-width:520px; font-size:17px; line-height:1.72; }.vp-modern-site .vp-soft .vp-checks { gap:13px; margin-top:30px; }.vp-modern-site .vp-soft .vp-checks span { align-items:center; font-size:15px; }.vp-modern-site .vp-soft .vp-checks i { width:24px; height:24px; flex-basis:24px; background:#def6e1; color:#239553; }
.vp-modern-site .vp-soft .vp-dashboard { min-height:402px; padding:0; overflow:hidden; border:1px solid #dce2f4 !important; border-radius:22px !important; background:#fff !important; box-shadow:0 28px 64px rgba(50,67,162,.15) !important; }.vp-modern-site .vp-soft .vp-dashboard:before { content:"Vellopost · automation workspace"; display:flex; align-items:center; height:48px; padding:0 20px; border-bottom:1px solid #e6eaf5; color:#303657; font-size:12px; font-weight:800; letter-spacing:-.01em; background:linear-gradient(90deg,#fff,#f8f9ff); }.vp-modern-site .vp-soft .vp-dashboard:after { content:"AI-assisted scheduling"; position:absolute; right:20px; top:14px; padding:5px 9px; border-radius:999px; background:#e9edff; color:#4356e9; font-size:9px; font-weight:800; }
.vp-modern-site .vp-soft .vp-dashboard-top { height:42px; padding:0 20px; border-bottom-color:#e8ecf6 !important; background:#fbfcff; }.vp-modern-site .vp-soft .vp-dashboard-top b { font-size:13px; }.vp-modern-site .vp-soft .vp-dashboard-top span { color:#7d86a0; font-size:11px; }.vp-modern-site .vp-soft .vp-board { min-height:309px; grid-template-columns:130px 1fr; }.vp-modern-site .vp-soft .vp-board nav { padding:15px 10px; background:#fcfdff; }.vp-modern-site .vp-soft .vp-board nav span { padding:9px 10px; margin:4px 0; border-radius:8px; font-size:11px; }.vp-modern-site .vp-soft .vp-board nav span:first-child { color:#4356e9; }.vp-modern-site .vp-soft .vp-board-content { padding:20px; }.vp-modern-site .vp-soft .vp-board-title b { font-size:17px; }.vp-modern-site .vp-soft .vp-board-title em { padding:8px 10px; border-radius:8px; font-size:10px; }
.vp-modern-site .vp-soft .vp-chart { height:130px; margin:17px 0; border:1px solid #e6eaf5; border-radius:11px; background:linear-gradient(#edf0f8 1px,transparent 1px),linear-gradient(90deg,#edf0f8 1px,transparent 1px),#fbfcff !important; background-size:100% 32px,20% 100%,auto !important; }.vp-modern-site .vp-soft .vp-chart:after { inset:0 !important; background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 150'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop stop-color='%234356e9' stop-opacity='.25'/%3E%3Cstop offset='1' stop-color='%234356e9' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 120 C55 101 70 111 120 78 S194 102 239 64 S315 84 360 53 S442 70 488 34 S530 45 560 18 V150 H0Z' fill='url(%23g)'/%3E%3Cpath d='M0 120 C55 101 70 111 120 78 S194 102 239 64 S315 84 360 53 S442 70 488 34 S530 45 560 18' fill='none' stroke='%234356e9' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='488' cy='34' r='6' fill='%234356e9' stroke='white' stroke-width='3'/%3E%3C/svg%3E") !important; }.vp-modern-site .vp-soft .vp-post-row { align-items:center; margin-top:7px; padding:10px; border:1px solid #e8ecf6 !important; border-radius:9px; background:#fff; }.vp-modern-site .vp-soft .vp-post-row i { flex:0 0 24px; width:24px; height:24px; border-radius:7px; background:#e9edff; }.vp-modern-site .vp-soft .vp-post-row:nth-child(4) i { background:#e5f8eb; }.vp-modern-site .vp-soft .vp-post-row b { color:#363a56; font-size:11px; }.vp-modern-site .vp-soft .vp-post-row span { margin-left:auto; font-size:10px; }
@media(max-width:800px) { .vp-modern-site .vp-soft .vp-split { gap:42px; }.vp-modern-site .vp-soft .vp-split-copy h2 { text-align:left; }.vp-modern-site .vp-soft .vp-split-copy .vp-lead { text-align:left; }.vp-modern-site .vp-soft .vp-split-copy .vp-action { display:inline-flex; }.vp-modern-site .vp-soft .vp-dashboard { min-height:370px; }.vp-modern-site .vp-soft .vp-board { grid-template-columns:104px 1fr; } }