/**
 * HostStack Pro Upgrade — DigiVM-level design system.
 * Exact tokens from DigiVM.net: #060A13 bg, cyan→indigo→purple gradient,
 * 20px card radius, 80px section padding, gradient CTA buttons.
 */

/* ═══════════════════════════════════════════════════════════════════════════
   DIGIVM DESIGN TOKENS
═══════════════════════════════════════════════════════════════════════════ */
:root {
  /* DigiVM exact colors */
  --dv-bg:          #060A13;
  --dv-bg-2:        #0A1628;
  --dv-bg-3:        #0D1225;
  --dv-card-bg:     rgba(13,27,42,0.65);
  --dv-border:      rgba(0,212,255,0.22);
  --dv-border-soft: rgba(0,212,255,0.1);
  --dv-accent:      #00D4FF;
  --dv-accent-2:    #4F46E5;
  --dv-accent-3:    #7C3AED;
  --dv-gradient:    linear-gradient(135deg,#00D4FF 0%,#4F46E5 50%,#7C3AED 100%);
  --dv-gradient-btn:linear-gradient(135deg,#00D4FF 0%,#4F46E5 50%,#7C3AED 100%);
  --dv-glow:        radial-gradient(circle,rgba(0,212,255,.09) 0%,rgba(79,70,229,.05) 40%,transparent 70%);
  --dv-text:        #F0F4F8;
  --dv-text-muted:  #8892A4;
  --dv-radius-card: 20px;
  --dv-radius-btn:  10px;
  --dv-section-pad: 80px 0;
  --dv-card-pad:    32px 28px;
  --dv-orange:      linear-gradient(135deg,#F59E0B,#D97706);
}

/* ═══════════════════════════════════════════════════════════════════════════
   CRITICAL DARK-THEME FIXES — these override light-mode base CSS that
   renders incorrectly on dark pages. Must be critical (not async).
═══════════════════════════════════════════════════════════════════════════ */

/* ── Pillar page stat cards (india-vps-hosting etc) ─────────────────────── */
.hs-in-kat-stat {
  background: rgba(6,18,38,0.88) !important;
  border: 1px solid rgba(56,189,248,0.16) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.28) !important;
}
.hs-in-kat-stat__n {
  color: #38bdf8 !important;
  font-size: 1.875rem !important;
  font-weight: 800 !important;
}
.hs-in-kat-stat__l {
  color: #8bacc8 !important;
  font-size: 0.8125rem !important;
  line-height: 1.55 !important;
}
.hs-in-kat-stat__l a { color: #38bdf8 !important; font-weight: 600; }

/* ── Tech pills (WordPress, cPanel, LiteSpeed etc) ─────────────────────── */
.hs-in-kat-tech-pill {
  background: rgba(56,189,248,0.1) !important;
  border: 1px solid rgba(56,189,248,0.25) !important;
  color: #7dd3fc !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}

/* ── Payment pills (UPI, Razorpay, Cards) ───────────────────────────────── */
.hs-in-pill {
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(56,189,248,0.18) !important;
  color: #94a3b8 !important;
  font-weight: 600 !important;
}

/* ── Share bar (white background → dark) ────────────────────────────────── */
.hs-share-bar {
  background: rgba(6,18,38,0.8) !important;
  border: 1px solid rgba(56,189,248,0.14) !important;
}
.hs-share-bar a, .hs-share-bar span { color: #94a3b8 !important; }

/* ── hs-in-band sections (white → dark translucent) ─────────────────────── */
.hs-in-band--white {
  background: rgba(4,12,26,0.6) !important;
  border-top: 1px solid rgba(56,189,248,0.08) !important;
  border-bottom: 1px solid rgba(56,189,248,0.08) !important;
}

/* ── Trust grid items on pillar pages ───────────────────────────────────── */
.hs-trust-grid__item {
  background: rgba(6,18,38,0.72) !important;
  border-color: rgba(56,189,248,0.14) !important;
  color: #8bacc8 !important;
}
.hs-trust-grid__item strong {
  color: #e8f4ff !important;
  display: block;
  margin-bottom: 0.25rem;
}
.hs-trust-grid__item a { color: #38bdf8 !important; font-weight: 600; }

/* ── Hero tech strip border (slate-200 → dark) ──────────────────────────── */
.hs-in-hero .border-t,
.hs-in-kat-hero .border-t {
  border-color: rgba(56,189,248,0.12) !important;
}

/* ── Hero badge ─────────────────────────────────────────────────────────── */
.hs-in-hero__badge {
  background: rgba(56,189,248,0.1) !important;
  border: 1px solid rgba(56,189,248,0.25) !important;
  color: #38bdf8 !important;
  padding: 0.35rem 0.875rem !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  display: inline-block !important;
}

/* ── Blog pages — force dark background ─────────────────────────────────── */
body.flex.min-h-screen.flex-col.hs-pb-mobile-ui:not([data-hs-store-landing]):not(.hs-header-light) {
  background: #020913 !important;
  color: #e8f4ff !important;
}
/* Blog article text on dark background */
.hs-blog-article,
.hs-blog-post,
main.mx-auto.max-w-3xl {
  color: #c8dff5;
}
.hs-blog-article h1,
.hs-blog-article h2,
.hs-blog-article h3 {
  color: #f0f9ff !important;
}
.hs-blog-article p,
.hs-blog-article li {
  color: #b0c8e0 !important;
  line-height: 1.75 !important;
}
.hs-blog-article a {
  color: #38bdf8 !important;
}
.hs-blog-article strong,
.hs-blog-article b {
  color: #e2e8f0 !important;
}
.hs-blog-meta,
.hs-blog-meta a {
  color: #64748b !important;
}

/* ── Compare pages — fix light section backgrounds ──────────────────────── */
.prose-hoststack h1,
.prose-hoststack h2,
.prose-hoststack h3,
.prose-hoststack h4 {
  color: #f0f9ff !important;
}
.prose-hoststack p,
.prose-hoststack li {
  color: #b0c8e0 !important;
}
.prose-hoststack strong { color: #e2e8f0 !important; }
.prose-hoststack a { color: #38bdf8 !important; }

/* ── Light-theme article pages used as blog (bg-slate-50 etc) ───────────── */
body.flex.min-h-screen.flex-col.bg-slate-50:not([data-hs-store-landing]) {
  background: #020913 !important;
  color: #e8f4ff !important;
}
body.flex.min-h-screen.flex-col.text-slate-900:not([data-hs-store-landing]) {
  background: #020913 !important;
  color: #e8f4ff !important;
}

/* ── Alternatives/compare article light text ────────────────────────────── */
article.mx-auto.max-w-3xl {
  color: #c8dff5;
}
article.mx-auto.max-w-3xl h1,
article.mx-auto.max-w-3xl h2 {
  color: #f0f9ff !important;
}
article.mx-auto.max-w-3xl p,
article.mx-auto.max-w-3xl li {
  color: #b0c8e0 !important;
}
article.mx-auto.max-w-3xl strong { color: #e2e8f0 !important; }
article.mx-auto.max-w-3xl a { color: #38bdf8 !important; }

/* Light headers/borders inside dark sections */
.border-slate-200,
.border-slate-100,
.border-slate-200\/50,
[class*="border-slate-2"],
[class*="border-slate-1"] {
  border-color: rgba(56,189,248,0.12) !important;
}

/* Text color fixes for Tailwind slate classes on dark backgrounds */
.text-slate-900:not(button):not(a) { color: #f0f9ff !important; }
.text-slate-800:not(button):not(a) { color: #e2e8f0 !important; }
.text-slate-700:not(button):not(a) { color: #c8dff5 !important; }
.text-slate-600:not(button):not(a) { color: #94a3b8 !important; }

/* White backgrounds inside dark pages */
.bg-white:not([data-hs-store-landing] *):not(.site-header *) {
  background: rgba(6,18,38,0.8) !important;
  border: 1px solid rgba(56,189,248,0.1) !important;
}
.bg-slate-50:not([data-hs-store-landing] *):not(.site-header *) {
  background: rgba(4,12,26,0.6) !important;
}

/* ── Pricing cards on pillar pages ──────────────────────────────────────── */
.hs-in-pricing-card,
.hs-in-pricing-popular {
  border: 1px solid rgba(56,189,248,0.18) !important;
  background: linear-gradient(160deg,rgba(8,22,44,0.97) 0%,rgba(3,10,22,1) 100%) !important;
}
.hs-in-pricing-card p,
.hs-in-pricing-popular p {
  color: #8bacc8 !important;
}
.hs-in-pricing-card .text-slate-700,
.hs-in-pricing-popular .text-slate-700 {
  color: #8bacc8 !important;
}
.hs-in-pricing-card .text-slate-400,
.hs-in-pricing-popular .text-slate-400 {
  color: #4d6a80 !important;
}
.hs-in-pricing-card .text-slate-900,
.hs-in-pricing-popular .text-slate-900 {
  color: #e8f4ff !important;
}

/* ── prefooter / site-prefooter ──────────────────────────────────────────── */
.site-prefooter {
  background: rgba(4,12,26,0.95) !important;
  border-top: 1px solid rgba(56,189,248,0.1) !important;
}

/* ── hs-prose article content (pillar pages) ────────────────────────────── */
.hs-prose { color: #b0c8e0 !important; }
.hs-prose h2.hs-prose-h2 {
  color: #f0f9ff !important;
  border-bottom: 1px solid rgba(56,189,248,0.12) !important;
  padding-bottom: 0.5rem !important;
  margin-top: 2rem !important;
}
.hs-prose-intro { color: #8bacc8 !important; }
.hs-prose a { color: #38bdf8 !important; }
.hs-prose strong { color: #e2e8f0 !important; }
.hs-prose li { color: #b0c8e0 !important; }

/* ── Bottom CTA bands on pillar pages ───────────────────────────────────── */
.hs-pillar-bottom-cta,
.hs-band.hs-pillar-bottom-cta {
  background: rgba(2,9,19,0.95) !important;
  border-top: 1px solid rgba(56,189,248,0.1) !important;
}
.hs-pillar-related__link {
  background: rgba(6,18,38,0.8) !important;
  border: 1px solid rgba(56,189,248,0.14) !important;
  color: #7dd3fc !important;
  border-radius: 0.75rem !important;
  padding: 0.75rem 1rem !important;
  display: block !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: border-color 0.2s, background 0.2s !important;
}
.hs-pillar-related__link:hover {
  border-color: rgba(56,189,248,0.35) !important;
  background: rgba(10,26,52,0.9) !important;
}

/* ── India-conversion band text colours ─────────────────────────────────── */
.hs-in-band .text-slate-600,
.hs-in-band .text-slate-700,
.hs-in-band .text-slate-800,
.hs-in-band .text-slate-900 {
  color: #b0c8e0 !important;
}

/* ── FAQ accordion on dark pages ────────────────────────────────────────── */
.hs-faq-section details,
details.group {
  background: rgba(6,18,38,0.7) !important;
  border: 1px solid rgba(56,189,248,0.12) !important;
  border-radius: 0.75rem !important;
}
.hs-faq-section summary,
details.group summary {
  color: #e8f4ff !important;
  font-weight: 600 !important;
}
.hs-faq-section details p,
details.group div p,
details.group div {
  color: #8bacc8 !important;
}

/* ── Global resets ─────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

/* ── AOS: completely disable hiding — content always visible ─────────────────
   AOS sets opacity:0 and translateY(100px) before JS fires, making sections
   look blank. Override every AOS rule so content is always rendered.           */
[data-aos],
[data-aos^=fade][data-aos^=fade],
[data-aos^=zoom][data-aos^=zoom],
[data-aos^=slide][data-aos^=slide],
[data-aos=fade-up],
[data-aos=fade-down],
[data-aos=fade-right],
[data-aos=fade-left] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
[data-aos].aos-animate {
  opacity: 1 !important;
  transform: none !important;
}

/* ── Section visual separation — dark + slightly lighter alternating ─────────── */
.hs-ent-section:nth-child(even),
.hs-ent-section--alt {
  background: rgba(6,16,34,0.6) !important;
  border-top: 1px solid rgba(56,189,248,0.08) !important;
  border-bottom: 1px solid rgba(56,189,248,0.08) !important;
}

/* ── Proof strip — always visible ───────────────────────────────────────────── */
.hs-ent-proof-strip {
  opacity: 1 !important;
  transform: none !important;
}

/* ── DigiVM-exact page background ────────────────────────────────────────── */
html { background: var(--dv-bg); }
body {
  background: linear-gradient(var(--dv-bg) 0%, var(--dv-bg-2) 40%, #0E1A35 100%) !important;
  background-attachment: fixed !important;
  color: var(--dv-text) !important;
  min-height: 100vh;
}
body[style*="background:#020913"],
body[data-hs-cyber-product-landing],
body[data-hs-sub-landing-hero],
body.hs-enterprise-home {
  background: linear-gradient(var(--dv-bg) 0%, var(--dv-bg-2) 50%, #0E1A35 100%) !important;
  color: var(--dv-text) !important;
}

/* ── Hero title sizes — all landing pages ────────────────────────────────────── */
.hs-sub-landing-hero h1,
.hs-sub-landing-hero .hs-h1,
h1.hs-page-title {
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif !important;
  font-size: clamp(2.5rem, 5.5vw, 4rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  color: #f0f9ff !important;
  text-wrap: balance;
}

/* Hero lead paragraph */
.hs-sub-landing-hero p,
.hs-sub-landing-hero__lead {
  font-size: clamp(1rem, 1.6vw, 1.125rem) !important;
  line-height: 1.7 !important;
  color: #94b8d4 !important;
  max-width: 42rem;
}

/* Hero padding — generous like Vultr */
.hs-sub-landing-hero {
  padding-top: clamp(3rem, 7vw, 5.5rem) !important;
  padding-bottom: clamp(2.5rem, 5vw, 4rem) !important;
}

/* ── Section headings — all pages ───────────────────────────────────────────── */
.hs-ent-section__head h2,
.hs-section__head h2,
main section h2:not([class*="text-"]) {
  font-size: clamp(1.875rem, 3.5vw, 2.75rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.12 !important;
  color: #f0f9ff !important;
}

/* Section kicker labels */
.hs-ent-section__kicker,
.hs-eyebrow,
.hs-section-eyebrow,
[class*="eyebrow"] {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #38bdf8 !important;
}

/* Section padding */
.hs-ent-section,
.hs-section {
  padding-block: clamp(3rem, 6vw, 5rem) !important;
}

/* ── Cards — Vultr-clean style ──────────────────────────────────────────────── */
.hs-ent-card,
.hs-card {
  border-radius: 1rem !important;
  border: 1px solid rgba(56, 189, 248, 0.14) !important;
  background: linear-gradient(160deg, rgba(10, 24, 48, 0.96) 0%, rgba(4, 12, 28, 0.99) 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset, 0 8px 32px rgba(0,0,0,0.28) !important;
  transition: border-color 0.2s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
}

.hs-ent-card:hover,
.hs-card:hover {
  border-color: rgba(56, 189, 248, 0.32) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.06) inset, 0 20px 48px rgba(0,0,0,0.36), 0 0 0 1px rgba(56,189,248,0.1) !important;
}

/* ── Proof strip / metric chips ─────────────────────────────────────────────── */
.hs-ent-proof-strip__val,
.hs-ent-hero__stat dd {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #f0f9ff !important;
}

.hs-ent-proof-strip__lbl,
.hs-ent-hero__stat dd span {
  font-size: 0.72rem !important;
  color: #7a9bb8 !important;
}

/* ── Eyebrow pill ──────────────────────────────────────────────────────────── */
.hs-ent-eyebrow {
  font-size: 0.72rem !important;
  padding: 0.35rem 0.875rem !important;
  letter-spacing: 0.12em !important;
}

/* ── Hero title ─────────────────────────────────────────────────────────────── */
.hs-ent-hero__title {
  font-size: clamp(2.75rem, 5.5vw, 4.25rem) !important;
  letter-spacing: -0.04em !important;
  line-height: 1.06 !important;
  margin-top: 1rem !important;
}

.hs-ent-hero__title-line {
  font-size: inherit !important;
}

.hs-ent-hero__lead {
  font-size: clamp(1rem, 1.5vw, 1.125rem) !important;
  line-height: 1.72 !important;
  color: #8bacc8 !important;
  margin-top: 1.25rem !important;
  max-width: 38rem !important;
}

/* ── CTA row buttons ─────────────────────────────────────────────────────────── */
.hs-ent-cta-row {
  margin-top: 1.75rem !important;
  gap: 0.75rem !important;
}

/* ── Compare table ──────────────────────────────────────────────────────────── */
.hs-ent-table-wrap {
  border-radius: 1.125rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(56,189,248,0.16) !important;
}

.hs-ent-table th {
  font-size: 0.7rem !important;
  letter-spacing: 0.1em !important;
  padding: 0.875rem 1.25rem !important;
}

.hs-ent-table td {
  padding: 0.875rem 1.25rem !important;
  font-size: 0.875rem !important;
}

/* ── Flow steps ─────────────────────────────────────────────────────────────── */
.hs-ent-flow__step {
  border-radius: 1rem !important;
  padding: 1.25rem !important;
}

.hs-ent-flow__title {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #f0f9ff !important;
}

.hs-ent-flow__num {
  font-size: 0.7rem !important;
  color: #38bdf8 !important;
  letter-spacing: 0.1em !important;
}

/* ── Testimonial cards ──────────────────────────────────────────────────────── */
.hs-ent-quote {
  border-radius: 1rem !important;
  padding: 1.5rem !important;
}

.hs-ent-quote p {
  font-size: 0.9375rem !important;
  line-height: 1.7 !important;
  color: #c8dff5 !important;
  font-style: normal !important;
}

.hs-ent-quote cite {
  font-size: 0.8rem !important;
  margin-top: 1rem !important;
  color: #38bdf8 !important;
}

/* ── Mega CTA section ─────────────────────────────────────────────────────── */
.hs-ent-mega-cta {
  border-radius: 1.5rem !important;
  padding: clamp(2.5rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3rem) !important;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(56,189,248,0.1), transparent 65%),
    linear-gradient(160deg, rgba(8,22,44,0.98) 0%, rgba(2,9,19,1) 100%) !important;
}

.hs-ent-mega-cta h2 {
  font-size: clamp(1.75rem, 3.5vw, 2.75rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #f0f9ff !important;
}

.hs-ent-mega-cta__lead {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem) !important;
  color: #8bacc8 !important;
  margin-top: 0.875rem !important;
}

/* ── Hero stat boxes ─────────────────────────────────────────────────────────── */
.hs-ent-hero__stats {
  margin-top: 2rem !important;
  gap: 0.625rem !important;
}

.hs-ent-hero__stat {
  border-radius: 0.875rem !important;
  padding: 0.875rem 1rem !important;
  border: 1px solid rgba(56,189,248,0.14) !important;
  background: rgba(4,12,28,0.65) !important;
  backdrop-filter: blur(8px) !important;
}

.hs-ent-hero__stat dt {
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  color: #5f7d96 !important;
  text-transform: uppercase !important;
}

.hs-ent-hero__stat dd {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #38bdf8 !important;
  margin-top: 0.3rem !important;
}

/* ── Infrastructure panel ─────────────────────────────────────────────────── */
.hs-ent-hero__panel {
  border-radius: 1.25rem !important;
  border: 1px solid rgba(56,189,248,0.18) !important;
  background: linear-gradient(160deg, rgba(8,22,48,0.97) 0%, rgba(4,12,28,0.99) 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset, 0 32px 72px rgba(0,0,0,0.45) !important;
}

/* ── Live bar ───────────────────────────────────────────────────────────────── */
.hs-live-bar {
  background: rgba(2,9,19,.99) !important;
  border-color: rgba(52,211,153,.18) !important;
}

/* ── Inline compare tables (page-level) ──────────────────────────────────── */
.rounded-2xl.border[style*="background"] {
  border-radius: 1.125rem !important;
}

/* ── Announcement bar upgrade ────────────────────────────────────────────── */
.hs-announcement-bar,
#announcement-bar {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  background: linear-gradient(90deg, #030d1c 0%, #041e38 50%, #030d1c 100%) !important;
  border-bottom: 1px solid rgba(56,189,248,0.12) !important;
}

/* ── Nav upgrade ─────────────────────────────────────────────────────────── */
.hs-top-chrome,
.hs-layout-nav {
  background: rgba(2, 9, 19, 0.97) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  border-bottom: 1px solid rgba(56,189,248,0.1) !important;
}

.hs-layout-cta {
  background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
  color: #fff !important;
  border: none !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(37,99,235,0.35) !important;
  padding: 0.55rem 1.25rem !important;
  border-radius: 0.625rem !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.01em !important;
}

.hs-layout-cta:hover {
  background: linear-gradient(135deg, #7dd3fc, #3b82f6) !important;
  box-shadow: 0 6px 24px rgba(37,99,235,0.45) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}

.hs-layout-login {
  color: #94a3b8 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  padding: 0.5rem 0.75rem !important;
  border-radius: 0.5rem !important;
  transition: color 0.15s, background 0.15s !important;
}

.hs-layout-login:hover {
  color: #e8f4ff !important;
  background: rgba(255,255,255,0.07) !important;
}

/* ── Nav dropdown panels ─────────────────────────────────────────────────── */
.hs-nav-panel,
.hs-layout-nav-dd-menu {
  background: rgba(4, 12, 28, 0.99) !important;
  border: 1px solid rgba(56,189,248,0.16) !important;
  border-radius: 1rem !important;
  box-shadow: 0 24px 64px rgba(0,0,0,0.55), 0 1px 0 rgba(255,255,255,0.04) inset !important;
  backdrop-filter: blur(20px) !important;
}

.hs-nav-panel__item-title {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #e2e8f0 !important;
}

.hs-nav-panel__item-desc {
  font-size: 0.78rem !important;
  color: #64748b !important;
  margin-top: 0.1rem !important;
}

.hs-nav-panel__item:hover .hs-nav-panel__item-title {
  color: #38bdf8 !important;
}

.hs-nav-panel__label {
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #475569 !important;
  padding: 0.75rem 0.875rem 0.4rem !important;
}

/* ── Footer upgrade ─────────────────────────────────────────────────────────── */
footer,
.site-footer,
.hs-footer {
  background: #010710 !important;
  border-top: 1px solid rgba(56,189,248,0.1) !important;
}

/* ── Pricing cards ────────────────────────────────────────────────────────── */
.hs-pg-card,
.hs-ent-price-card {
  border-radius: 1.25rem !important;
  border: 1px solid rgba(56,189,248,0.14) !important;
  background: linear-gradient(160deg, rgba(8,22,44,0.97) 0%, rgba(3,10,22,1) 100%) !important;
  transition: border-color 0.2s, transform 0.18s, box-shadow 0.18s !important;
}

.hs-pg-card:hover,
.hs-ent-price-card:hover {
  border-color: rgba(56,189,248,0.3) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 56px rgba(0,0,0,0.4) !important;
}

.hs-pg-card--featured,
.hs-ent-price-card--featured {
  border-color: rgba(99,102,241,0.45) !important;
  box-shadow: 0 0 0 1px rgba(99,102,241,0.2), 0 24px 56px rgba(0,0,0,0.4) !important;
}

/* ── Review badges ───────────────────────────────────────────────────────── */
.hs-review-badge {
  padding: 0.875rem 1.25rem !important;
  border-radius: 0.875rem !important;
  border: 1px solid rgba(56,189,248,0.18) !important;
  background: rgba(255,255,255,0.05) !important;
}

/* ── Payment chips ───────────────────────────────────────────────────────── */
.hs-payment-chip {
  padding: 0.4rem 0.875rem !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
}

/* ── WhatsApp presales bar ────────────────────────────────────────────────── */
.hs-wa-presales-bar {
  background: rgba(37,211,102,0.07) !important;
  border-top: 1px solid rgba(37,211,102,0.18) !important;
  border-bottom: 1px solid rgba(37,211,102,0.1) !important;
}

.hs-wa-presales-bar__text {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #a7f3d0 !important;
}

.hs-wa-presales-bar__cta {
  border-radius: 0.625rem !important;
  padding: 0.55rem 1.125rem !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  background: #25d366 !important;
  color: #042713 !important;
}

/* ── Inline hero buttons (VPS page etc) ─────────────────────────────────── */
.hs-in-btn-primary {
  background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0.75rem !important;
  font-weight: 700 !important;
  font-size: 0.9375rem !important;
  min-height: 3.125rem !important;
  padding: 0.75rem 1.75rem !important;
  box-shadow: 0 4px 20px rgba(37,99,235,0.35) !important;
  letter-spacing: 0.01em !important;
}

.hs-in-btn-primary:hover {
  background: linear-gradient(135deg, #7dd3fc, #3b82f6) !important;
  box-shadow: 0 6px 28px rgba(37,99,235,0.45) !important;
  transform: translateY(-2px) !important;
  color: #fff !important;
}

/* Vultr-style ghost/outline buttons */
.hs-sub-landing-hero a[class*="border"],
.hs-sub-landing-hero a[class*="ghost"] {
  border: 1.5px solid rgba(255,255,255,0.2) !important;
  background: rgba(255,255,255,0.06) !important;
  color: #e2e8f0 !important;
  border-radius: 0.75rem !important;
  font-weight: 600 !important;
  font-size: 0.9375rem !important;
  min-height: 3.125rem !important;
  padding: 0.75rem 1.5rem !important;
  transition: background 0.18s, border-color 0.18s, color 0.18s !important;
}

.hs-sub-landing-hero a[class*="border"]:hover,
.hs-sub-landing-hero a[class*="ghost"]:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.35) !important;
  color: #fff !important;
}

/* ── Section alternate backgrounds ───────────────────────────────────────── */
section[style*="background:#050f1a"],
section[style*="background: #050f1a"] {
  background: #040d1c !important;
}

/* ── Text color upgrades ─────────────────────────────────────────────────── */
[style*="color:#8bacc8"] { color: #8bacc8 !important; }
[style*="color:#64748b"] { color: #566d85 !important; }

/* ── Scrollbar ─────────────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #020913; }
::-webkit-scrollbar-thumb { background: rgba(56,189,248,0.25); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(56,189,248,0.4); }

/* ── Focus rings ─────────────────────────────────────────────────────────── */
:focus-visible {
  outline: 2px solid rgba(56,189,248,0.7) !important;
  outline-offset: 3px !important;
}

/* ── Selection ───────────────────────────────────────────────────────────── */
::selection {
  background: rgba(56,189,248,0.25);
  color: #fff;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DIGIVM DESIGN SYSTEM OVERRIDES
   Exact specs from digivm.net:
   - bg: #060A13 gradient
   - gradient: linear-gradient(135deg, #00D4FF, #4F46E5, #7C3AED)
   - cards: rgba(13,27,42,0.65) + border rgba(0,212,255,0.22) + radius 20px
   - section pad: 80px 0
   - buttons: gradient bg
   - badges: cyan tint pill
═══════════════════════════════════════════════════════════════════════════ */

/* ── DigiVM Gradient Text Utility ────────────────────────────────────────── */
.hs-gradient-text,
.dv-gradient-text {
  background: var(--dv-gradient) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ── Section badges — DigiVM exact pill style ────────────────────────────── */
.hs-ent-section__kicker,
.hs-eyebrow,
.hs-section-eyebrow,
.hs-ent-eyebrow,
[class*="eyebrow"],
.dv-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.35rem 1rem !important;
  background: rgba(0,212,255,0.06) !important;
  color: var(--dv-accent) !important;
  border: 1px solid rgba(0,212,255,0.15) !important;
  border-radius: 100px !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* ── Section headings — DigiVM scale ─────────────────────────────────────── */
.hs-ent-section__head h2,
.hs-section__head h2,
main section h2:not([class*="text-"]) {
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
  color: var(--dv-text) !important;
}

/* ── Section padding — DigiVM exact 80px ────────────────────────────────── */
.hs-ent-section,
.hs-section {
  padding-block: 80px !important;
}

/* ── Cards — DigiVM exact style ──────────────────────────────────────────── */
.hs-ent-card,
.hs-card,
.hs-pg-card,
.hs-ent-price-card {
  background: linear-gradient(145deg, rgba(13,27,42,0.65) 0%, var(--dv-bg-3) 100%) !important;
  border: 1px solid var(--dv-border) !important;
  border-radius: var(--dv-radius-card) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.35) !important;
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s !important;
}
.hs-ent-card:hover,
.hs-card:hover,
.hs-pg-card:hover {
  border-color: rgba(0,212,255,0.45) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 32px rgba(0,212,255,0.12), 0 16px 48px rgba(0,0,0,0.4) !important;
}

/* ── Primary CTA buttons — DigiVM gradient ───────────────────────────────── */
.hs-btn--primary,
.hs-in-btn-primary,
.hs-layout-cta,
.hs-layout-mobile-cta {
  background: var(--dv-gradient-btn) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--dv-radius-btn) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 20px rgba(79,70,229,0.4) !important;
  letter-spacing: 0.01em !important;
}
.hs-btn--primary:hover,
.hs-in-btn-primary:hover,
.hs-layout-cta:hover,
.hs-layout-mobile-cta:hover {
  filter: brightness(1.1) !important;
  box-shadow: 0 6px 28px rgba(79,70,229,0.55) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}

/* ── Ghost / outline buttons — DigiVM style ──────────────────────────────── */
.hs-btn--ghost,
.hs-btn--secondary {
  background: transparent !important;
  border: 1px solid rgba(0,212,255,0.28) !important;
  color: var(--dv-text) !important;
  border-radius: var(--dv-radius-btn) !important;
  transition: background 0.18s, border-color 0.18s !important;
}
.hs-btn--ghost:hover,
.hs-btn--secondary:hover {
  background: rgba(0,212,255,0.06) !important;
  border-color: rgba(0,212,255,0.55) !important;
  color: var(--dv-accent) !important;
}

/* ── Nav CTA — DigiVM gradient ───────────────────────────────────────────── */
.hs-layout-cta {
  background: var(--dv-gradient-btn) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--dv-radius-btn) !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  padding: 0.55rem 1.25rem !important;
  box-shadow: 0 4px 16px rgba(79,70,229,0.35) !important;
}

/* ── Nav background — DigiVM translucent dark ────────────────────────────── */
.hs-top-chrome,
.hs-layout-nav {
  background: #050b16 !important;
  border-bottom: 1px solid rgba(0,212,255,0.1) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
}

/* ── Hero section glow background ────────────────────────────────────────── */
.hs-ent-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: var(--dv-glow) !important;
  z-index: 0 !important;
}
.hs-ent-hero {
  padding: clamp(3.5rem,7vw,6rem) 0 clamp(2.5rem,5vw,4rem) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* ── Hero title — DigiVM 64px bold ──────────────────────────────────────── */
.hs-ent-hero__title {
  font-size: clamp(2.75rem, 5.5vw, 4rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.08 !important;
  color: var(--dv-text) !important;
}

/* Gradient accent span inside hero title */
.hs-ent-hero__title span[style*="color:#38bdf8"],
.hs-ent-hero__title .hs-gradient-text,
.hs-ent-hero__title-accent {
  background: var(--dv-gradient) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ── Hero lead text ──────────────────────────────────────────────────────── */
.hs-ent-hero__lead {
  font-size: 1.0625rem !important;
  color: var(--dv-text-muted) !important;
  line-height: 1.72 !important;
  max-width: 36rem !important;
}

/* ── Hero stat boxes ─────────────────────────────────────────────────────── */
.hs-ent-hero__stat {
  background: linear-gradient(145deg, rgba(13,27,42,0.65) 0%, var(--dv-bg-3) 100%) !important;
  border: 1px solid var(--dv-border) !important;
  border-radius: 16px !important;
  padding: 1rem 1.125rem !important;
}
.hs-ent-hero__stat dt {
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  color: #4a6880 !important;
  text-transform: uppercase !important;
}
.hs-ent-hero__stat dd {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: var(--dv-accent) !important;
  margin-top: 0.3rem !important;
}

/* ── Infrastructure panel (right side of hero) ───────────────────────────── */
.hs-ent-hero__panel {
  background: linear-gradient(145deg, rgba(13,27,42,0.8) 0%, var(--dv-bg-3) 100%) !important;
  border: 1px solid var(--dv-border) !important;
  border-radius: 24px !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.45) !important;
}
.hs-ent-panel__cell {
  background: rgba(6,10,19,0.6) !important;
  border: 1px solid rgba(0,212,255,0.1) !important;
  border-radius: 14px !important;
}
.hs-ent-panel__cell:hover {
  border-color: rgba(0,212,255,0.35) !important;
}
.hs-ent-panel__cell-title { color: var(--dv-text) !important; }
.hs-ent-panel__cell-meta  { color: var(--dv-text-muted) !important; }

/* ── Live bar ────────────────────────────────────────────────────────────── */
.hs-live-bar {
  background: rgba(6,10,19,0.98) !important;
  border-color: rgba(0,212,255,0.15) !important;
}

/* ── Proof strip cards ───────────────────────────────────────────────────── */
.hs-ent-proof-strip__item {
  background: linear-gradient(145deg, rgba(13,27,42,0.65) 0%, var(--dv-bg-3) 100%) !important;
  border: 1px solid var(--dv-border) !important;
  border-radius: 16px !important;
}
.hs-ent-proof-strip__val {
  color: var(--dv-text) !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
}
.hs-ent-proof-strip__lbl {
  color: var(--dv-text-muted) !important;
  font-size: 0.72rem !important;
}

/* ── Flow steps (deploy workflow) ───────────────────────────────────────── */
.hs-ent-flow__step {
  background: linear-gradient(145deg, rgba(13,27,42,0.65) 0%, var(--dv-bg-3) 100%) !important;
  border: 1px solid var(--dv-border) !important;
  border-radius: var(--dv-radius-card) !important;
  padding: 1.5rem !important;
  transition: border-color 0.2s, transform 0.2s !important;
}
.hs-ent-flow__step:hover {
  border-color: rgba(0,212,255,0.45) !important;
  transform: translateY(-2px) !important;
}
.hs-ent-flow__num  { color: var(--dv-accent) !important; }
.hs-ent-flow__title { color: var(--dv-text) !important; font-size: 1rem !important; }
.hs-ent-flow__detail { color: var(--dv-text-muted) !important; }

/* ── Benchmark cards ─────────────────────────────────────────────────────── */
.hs-ent-bench__value { color: var(--dv-accent) !important; }
.hs-ent-bench__suite { color: rgba(124,58,237,0.9) !important; }

/* ── Table ───────────────────────────────────────────────────────────────── */
.hs-ent-table-wrap {
  background: linear-gradient(145deg, rgba(13,27,42,0.65) 0%, var(--dv-bg-3) 100%) !important;
  border: 1px solid var(--dv-border) !important;
  border-radius: var(--dv-radius-card) !important;
}
.hs-ent-table th { color: var(--dv-text-muted) !important; }
.hs-ent-table td { color: var(--dv-text) !important; }

/* ── Testimonials ───────────────────────────────────────────────────────── */
.hs-ent-quote {
  background: linear-gradient(145deg, rgba(13,27,42,0.65) 0%, var(--dv-bg-3) 100%) !important;
  border: 1px solid var(--dv-border) !important;
  border-radius: var(--dv-radius-card) !important;
}
.hs-ent-quote p   { color: var(--dv-text) !important; font-style: normal !important; }
.hs-ent-quote cite { color: var(--dv-accent) !important; }

/* ── Mega CTA section ────────────────────────────────────────────────────── */
.hs-ent-mega-cta {
  background: linear-gradient(145deg, rgba(13,27,42,0.8) 0%, rgba(14,26,53,0.95) 100%) !important;
  border: 1px solid var(--dv-border) !important;
  border-radius: 24px !important;
  position: relative !important;
  overflow: hidden !important;
}
.hs-ent-mega-cta::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: var(--dv-glow) !important;
  pointer-events: none !important;
}
.hs-ent-mega-cta h2 { color: var(--dv-text) !important; }

/* ── Section alt backgrounds ─────────────────────────────────────────────── */
.hs-ent-section--alt {
  background: rgba(10,22,40,0.5) !important;
  border-top: 1px solid rgba(0,212,255,0.07) !important;
  border-bottom: 1px solid rgba(0,212,255,0.07) !important;
}
section[style*="background:#050f1a"],
section[style*="background: #050f1a"] {
  background: var(--dv-bg-2) !important;
}

/* ── Review badges ───────────────────────────────────────────────────────── */
.hs-review-badge {
  background: linear-gradient(145deg, rgba(13,27,42,0.65) 0%, var(--dv-bg-3) 100%) !important;
  border: 1px solid var(--dv-border) !important;
  border-radius: 14px !important;
}
.hs-review-badge__stars { color: #F59E0B !important; }

/* ── Payment chip ────────────────────────────────────────────────────────── */
.hs-payment-chip {
  background: rgba(0,212,255,0.07) !important;
  border: 1px solid rgba(0,212,255,0.2) !important;
  color: var(--dv-accent) !important;
  border-radius: 999px !important;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
footer, .site-footer, .hs-footer {
  background: #040810 !important;
  border-top: 1px solid rgba(0,212,255,0.1) !important;
}

/* ── Scrollbar ───────────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: var(--dv-bg); }
::-webkit-scrollbar-thumb { background: rgba(0,212,255,0.3); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0,212,255,0.5); }

/* ── Focus ring ──────────────────────────────────────────────────────────── */
:focus-visible {
  outline: 2px solid rgba(0,212,255,0.6) !important;
  outline-offset: 3px !important;
}

/* ── Selection ───────────────────────────────────────────────────────────── */
::selection {
  background: rgba(0,212,255,0.22) !important;
  color: #fff !important;
}

/* ── Inline compare tables ───────────────────────────────────────────────── */
.rounded-2xl.border,
.overflow-x-auto.rounded-2xl {
  background: linear-gradient(145deg, rgba(13,27,42,0.65) 0%, var(--dv-bg-3) 100%) !important;
  border: 1px solid var(--dv-border) !important;
  border-radius: var(--dv-radius-card) !important;
}

/* ── Pillar stat cards — DigiVM card style ───────────────────────────────── */
.hs-in-kat-stat {
  background: linear-gradient(145deg, rgba(13,27,42,0.65) 0%, var(--dv-bg-3) 100%) !important;
  border: 1px solid var(--dv-border) !important;
  border-radius: var(--dv-radius-card) !important;
}
.hs-in-kat-stat__n { color: var(--dv-accent) !important; }
.hs-in-kat-stat__l { color: var(--dv-text-muted) !important; }

/* ── Tech pills ──────────────────────────────────────────────────────────── */
.hs-in-kat-tech-pill {
  background: rgba(0,212,255,0.07) !important;
  border: 1px solid rgba(0,212,255,0.2) !important;
  color: var(--dv-accent) !important;
  border-radius: 999px !important;
}

/* ── Payment pills ───────────────────────────────────────────────────────── */
.hs-in-pill {
  background: rgba(0,212,255,0.05) !important;
  border: 1px solid rgba(0,212,255,0.15) !important;
  color: var(--dv-text-muted) !important;
  border-radius: 999px !important;
}

/* ── Share bar ───────────────────────────────────────────────────────────── */
.hs-share-bar {
  background: linear-gradient(145deg, rgba(13,27,42,0.65) 0%, var(--dv-bg-3) 100%) !important;
  border: 1px solid var(--dv-border) !important;
  border-radius: var(--dv-radius-card) !important;
}

/* ── Blog article dark ───────────────────────────────────────────────────── */
.hs-blog-article h1,
.hs-blog-article h2,
.hs-blog-article h3 { color: var(--dv-text) !important; }
.hs-blog-article p,
.hs-blog-article li { color: #9aadc4 !important; }
.hs-blog-article a   { color: var(--dv-accent) !important; }
.hs-blog-article strong { color: #c8dff5 !important; }

/* ── Hero inline CTA buttons ─────────────────────────────────────────────── */
.hs-sub-landing-hero a[class*="border"],
.hs-sub-landing-hero a[class*="ghost"] {
  border: 1px solid rgba(0,212,255,0.25) !important;
  background: rgba(0,212,255,0.05) !important;
  color: var(--dv-text) !important;
  border-radius: var(--dv-radius-btn) !important;
}
.hs-sub-landing-hero a[class*="border"]:hover {
  background: rgba(0,212,255,0.1) !important;
  border-color: rgba(0,212,255,0.5) !important;
}

/* ── "New" badge in nav ──────────────────────────────────────────────────── */
.hs-nav-panel__item-title span[style*="background:rgba"] {
  background: rgba(0,212,255,0.12) !important;
  color: var(--dv-accent) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DIGIVM NAV — exact match
   Nav links: rgb(136,146,164) 14px weight 500
   Height: 70px
   No tagline on logo
   Sign In (gray text) | Get Started (gradient button)
═══════════════════════════════════════════════════════════════════════════ */

/* Nav height + centering */
.hs-layout-nav {
  min-height: 70px !important;
  padding: 0 clamp(1rem, 3vw, 2rem) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.hs-nav__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

/* Logo — bigger, no tagline */
.hs-layout-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
}
.hs-brand__mark svg {
  width: 32px !important;
  height: 32px !important;
}
.hs-brand__name {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: #f0f4f8 !important;
  letter-spacing: -0.01em !important;
}
.hs-brand__tag { display: none !important; }

/* Desktop nav links — DigiVM exact: 14px, weight 500, #8892A4 */
/* Only show the inline desktop nav at >=900px (where the hamburger hides). */
@media (min-width: 900px) {
  .hs-layout-nav-desktop {
    display: flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
  }
}
.hs-layout-nav-desktop > a,
.hs-layout-nav-dd-trigger {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: rgb(136,146,164) !important;
  padding: 0.5rem 0.875rem !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: color 0.15s, background 0.15s !important;
  white-space: nowrap !important;
}
.hs-layout-nav-desktop > a:hover,
.hs-layout-nav-dd-trigger:hover {
  color: #f0f4f8 !important;
  background: rgba(255,255,255,0.06) !important;
}

/* Actions — right side */
.hs-layout-nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

/* Sign In text link */
.hs-layout-login {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: rgb(136,146,164) !important;
  text-decoration: none !important;
  padding: 0.5rem 0.75rem !important;
  border-radius: 8px !important;
  transition: color 0.15s, background 0.15s !important;
}
.hs-layout-login:hover {
  color: #f0f4f8 !important;
  background: rgba(255,255,255,0.06) !important;
}

/* Get Started — DigiVM gradient pill */
.hs-layout-cta {
  background: linear-gradient(135deg, #00D4FF 0%, #4F46E5 50%, #7C3AED 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 0.55rem 1.25rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 18px rgba(79,70,229,0.4) !important;
  transition: filter 0.15s, box-shadow 0.15s, transform 0.15s !important;
}
.hs-layout-cta:hover {
  filter: brightness(1.1) !important;
  box-shadow: 0 6px 24px rgba(79,70,229,0.55) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}

/* Announcement bar — make more subtle like DigiVM (minimal) */
.hs-announcement-bar,
#announcement-bar {
  background: linear-gradient(90deg,#030d1c 0%,#041e38 50%,#030d1c 100%) !important;
  border-bottom: 1px solid rgba(0,212,255,0.12) !important;
  font-size: 0.8125rem !important;
  color: rgb(136,146,164) !important;
}
.hs-announcement-bar strong,
#announcement-bar strong {
  color: #c8dff5 !important;
  font-weight: 600 !important;
}
.hs-announce-link {
  color: var(--dv-accent) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.hs-announce-dismiss {
  color: rgb(136,146,164) !important;
}

/* Dropdown panel — DigiVM dark */
.hs-layout-nav-dd-menu,
.hs-nav-panel {
  background: rgba(8,14,30,0.98) !important;
  border: 1px solid rgba(0,212,255,0.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.04) inset !important;
  backdrop-filter: blur(24px) !important;
}
.hs-nav-panel__item-title {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #e2e8f0 !important;
}
.hs-nav-panel__item-desc {
  font-size: 0.78rem !important;
  color: rgb(136,146,164) !important;
}
.hs-nav-panel__item:hover .hs-nav-panel__item-title {
  color: var(--dv-accent) !important;
}
.hs-nav-panel__label {
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #3d5268 !important;
  padding: 0.75rem 0.875rem 0.35rem !important;
}