/* VMOSDesk — 精细化增强层（在 style.css 之后加载，统一字体/字重/配色/免费视觉锤）
 * 设计语言：Clean White + Professional Blue + Free-Green 强调
 */

:root {
  --vd-primary: #2563eb;
  --vd-primary-d: #1d4ed8;
  --vd-cyan: #06b6d4;
  --vd-free: #16a34a;
  --vd-free-2: #22c55e;
  --vd-free-soft: #ecfdf5;
  --vd-ink: #0b1220;
  --vd-slate: #475569;
  --vd-muted: #64748b;
  --vd-line: #e6eef9;

  --vd-r-sm: 14px;
  --vd-r: 20px;
  --vd-r-lg: 28px;

  --vd-shadow-sm: 0 8px 24px -16px rgba(15, 23, 42, 0.35);
  --vd-shadow: 0 20px 48px -24px rgba(37, 99, 235, 0.28);
  --vd-shadow-lg: 0 30px 70px -30px rgba(37, 99, 235, 0.42);

  --grad-primary: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  --grad-hero: linear-gradient(120deg, #2563eb 0%, #3b82f6 55%, #06b6d4 100%);
  --grad-free: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);

  /* 赛博朋克微光 (Cyberpunk Glow) */
  --cy-bg: #050B1A;
  --cy-cyan: #00FFFF;
  --cy-green: #00FFCC;
  --cy-neon: #3b82f6;
  --cy-text: #b8cbe8;
  --grad-cy: linear-gradient(100deg, #00FFFF 0%, #00FFCC 100%);
}

/* ========== 全局字体渲染 & 字重层级 ========== */
html { -webkit-text-size-adjust: 100%; }
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: var(--vd-ink);
  font-weight: 450;
  letter-spacing: -0.006em;
}
h1, h2, h3, h4 { letter-spacing: -0.022em; text-wrap: balance; }
strong, b { font-weight: 700; }

/* ========== Section 通用 ========== */
.section-pad { padding: 5.5rem 0; }
.section-header { margin-bottom: 3.25rem; }
.section-tag {
  display: inline-flex; align-items: center; gap: 0.4rem;
  padding: 0.3rem 0.9rem; border-radius: 9999px;
  background: rgba(37, 99, 235, 0.08); color: var(--vd-primary-d);
  font-size: 0.78rem; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase;
  margin-bottom: 1rem;
}
.section-title {
  font-family: var(--font-display, sans-serif);
  font-weight: 800; color: var(--vd-ink);
  font-size: clamp(1.75rem, 3.2vw, 2.5rem); line-height: 1.18;
}
.section-subtitle { color: var(--vd-muted); font-size: 1.075rem; line-height: 1.7; }

/* ========== 按钮精致化 ========== */
.btn-primary-pill {
  font-weight: 700; letter-spacing: -0.01em; border-radius: 9999px;
  box-shadow: 0 10px 26px -12px rgba(37, 99, 235, 0.7);
}
.btn-primary-pill:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -12px rgba(37, 99, 235, 0.75); }
.btn-outline-dark { font-weight: 650; border-radius: 9999px; }

/* ========== 免费视觉锤 ========== */
.free-hl {
  background: var(--grad-free);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.free-pill {
  display: inline-flex; align-items: center; gap: 0.45rem;
  padding: 0.4rem 0.95rem; border-radius: 9999px;
  background: var(--vd-free-soft); color: #15803d;
  border: 1px solid rgba(22, 163, 74, 0.25);
  font-size: 0.82rem; font-weight: 700;
}
.free-pill .free-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--vd-free-2); box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.18); }
.btn-free {
  background: var(--grad-free) !important;
  box-shadow: 0 12px 28px -12px rgba(22, 163, 74, 0.6) !important;
}
.btn-free:hover { box-shadow: 0 18px 36px -12px rgba(22, 163, 74, 0.7) !important; }

/* ========== 卡片统一 hover 手感 ========== */
.vd-scen-card, .vd-sec-card, .vd-tst-card, .vd-help-card, .vd-dl-card, .feat-panel {
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease, border-color 0.2s ease;
}

/* Navbar 更清爽 */
.navbar.scrolled { box-shadow: 0 6px 24px -16px rgba(15, 23, 42, 0.3); backdrop-filter: saturate(1.4) blur(10px); }
.logo-text { font-weight: 800; letter-spacing: -0.03em; }

/* Footer 字重 */
.footer-col-title { letter-spacing: 0.02em; text-transform: uppercase; font-size: 0.78rem; }

/* Logo AI 徽标 */
.logo-ai {
  display: inline-flex; align-items: center; margin-left: 6px; padding: 1px 7px;
  font-size: 0.68rem; font-weight: 800; letter-spacing: 0.04em; color: #fff;
  background: var(--grad-hero); border-radius: 6px;
  box-shadow: 0 4px 12px -4px rgba(37, 99, 235, 0.55);
}

/* 导航下载按钮：图标 + 浅蓝发光 */
.vd-nav-dl { display: inline-flex; align-items: center; gap: 0.45rem; }
.vd-nav-dl svg { opacity: 0.95; }

/* 导航下载按钮：绚彩流光渐变 + 发光 */
.vd-nav-dl {
  display: inline-flex; align-items: center; gap: 0.45rem; color: #fff !important;
  background: linear-gradient(120deg, #2563eb 0%, #06b6d4 33%, #6366f1 66%, #2563eb 100%) !important;
  background-size: 280% 100% !important; animation: vd-flow 4s ease infinite;
  box-shadow: 0 8px 22px -8px rgba(37,99,235,0.6), 0 0 20px -6px rgba(6,182,212,0.55) !important;
}
.vd-nav-dl { border: 1px solid rgba(0,255,255,0.4) !important; }
.vd-nav-dl:hover { box-shadow: 0 12px 28px -8px rgba(37,99,235,0.9), 0 0 32px -4px rgba(0,255,204,0.6) !important; }
.vd-nav-dl svg { opacity: 0.95; }
@keyframes vd-flow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

/* ===== 白蓝毛玻璃导航 ===== */
.navbar { background: rgba(255,255,255,0.8) !important; backdrop-filter: saturate(1.5) blur(14px); border-bottom: 1px solid #e6eef9; }
.navbar.scrolled { background: rgba(255,255,255,0.93) !important; box-shadow: 0 10px 30px -20px rgba(0,82,255,0.4); }
.logo-icon { background: transparent !important; box-shadow: none !important; padding: 0 !important; }
.footer-logo .logo-icon, .nav-logo .logo-icon { background: transparent !important; }
.logo-text { color: #0b1220; }
.logo-blue { background: linear-gradient(90deg, #0052ff 0%, #00d2ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.logo-ai { background: linear-gradient(120deg, #0052ff, #00d2ff) !important; color: #fff !important; box-shadow: 0 0 14px -2px rgba(0,210,255,0.6) !important; }
.nav-link { color: #475569 !important; }
.nav-link:hover { color: #0052ff !important; background: #eff4ff !important; }
/* 当前页高亮 */
.nav-link-active { color: #0052ff !important; font-weight: 700; }
.mobile-nav-link-active { color: #0052ff !important; font-weight: 700; }
.mega-trigger { color: #475569 !important; }
.mega-wrap:hover .mega-chevron { color: #0052ff; }
.lang-btn { color: #475569; }
.lang-btn:hover { color: #0052ff; }
.nav-mobile-btn { color: #334155; }

/* reveal 入场：加载即自动播放（不再依赖滚动/JS），保证任何时刻内容饱满可见 */
.reveal { opacity: 0; transform: translateY(18px); animation: vdReveal 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.reveal.visible { opacity: 1; transform: none; }
@keyframes vdReveal { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .reveal { animation: none; opacity: 1; transform: none; } }

/* ================= 全站科技感统一层 ================= */
/* 卡片：毛玻璃 + 浅蓝发光边框 + 弥散阴影 */
.vd-scen-card, .vd-sec-card, .vd-tst-card, .vd-help-card, .vd-plan, .faq-item {
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 82, 255, 0.12) !important;
  box-shadow: 0 20px 50px -32px rgba(0, 82, 255, 0.22) !important;
}
.vd-scen-card:hover, .vd-sec-card:hover, .vd-tst-card:hover, .vd-help-card:hover {
  border-color: rgba(0, 210, 255, 0.45) !important;
  box-shadow: 0 26px 58px -28px rgba(0, 82, 255, 0.32), 0 0 26px rgba(0, 210, 255, 0.12) !important;
  transform: translateY(-6px);
}
.faq-item.open { border-color: rgba(0, 210, 255, 0.4) !important; box-shadow: 0 16px 40px -22px rgba(0, 82, 255, 0.35), 0 0 20px rgba(0, 210, 255, 0.1) !important; }
.vd-plan-popular { border-color: rgba(0, 82, 255, 0.5) !important; box-shadow: 0 30px 64px -30px rgba(0, 82, 255, 0.5), 0 0 30px rgba(0, 210, 255, 0.14) !important; }

/* 图标容器：科技渐变 + 发光 */
.vd-scen-ic, .vd-sec-ic, .vd-help-ic {
  background: linear-gradient(135deg, #0052ff, #00a3ff) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px -8px rgba(0, 82, 255, 0.5), 0 0 18px rgba(0, 210, 255, 0.22) !important;
}

/* section 小标签：蓝色发光胶囊 */
.section-tag {
  background: #eef4ff !important; border: 1px solid rgba(0, 82, 255, 0.2);
  color: #0052ff !important; box-shadow: 0 0 14px rgba(0, 82, 255, 0.1);
}

/* 内容型 section：淡蓝渐变 + 若隐若现网格底衬 */
.vd-scenarios, .vd-testimonials, .vd-help, .vd-pricing {
  position: relative; background: linear-gradient(180deg, #f8fafc 0%, #eef4fb 100%);
}
.vd-security { background: linear-gradient(180deg, #eef4fb 0%, #f8fafc 100%) !important; }
.vd-scenarios::before, .vd-security::before, .vd-testimonials::before, .vd-help::before, .vd-pricing::before {
  content: ""; position: absolute; inset: 0; opacity: 0.4; pointer-events: none; z-index: 0;
  background-image: linear-gradient(rgba(0,82,255,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(0,82,255,0.045) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, #000 20%, transparent 90%);
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, #000 20%, transparent 90%);
}
.vd-scenarios .container, .vd-security .container, .vd-testimonials .container, .vd-help .container, .vd-pricing .container { position: relative; z-index: 1; }

/* Platforms 跨平台卡片 + 目标框 */
.vd-plat-card { background: rgba(255,255,255,0.72) !important; backdrop-filter: blur(10px); border: 1px solid rgba(0,82,255,0.12) !important; box-shadow: 0 16px 40px -28px rgba(0,82,255,0.25) !important; }
.vd-plat-ic { color: #0052ff !important; filter: drop-shadow(0 0 8px rgba(0,210,255,0.35)); }
.vd-plat-target { box-shadow: 0 20px 50px -20px rgba(0,82,255,0.6), 0 0 28px rgba(0,210,255,0.22) !important; }
.vd-plat-target-ic { filter: drop-shadow(0 0 10px rgba(0,210,255,0.5)); }

/* FreeModel / DownloadCTA：青蓝发光边框 */
.vd-free-box, .vd-dlcta-inner { border: 1px solid rgba(0,210,255,0.25) !important; box-shadow: 0 24px 60px -34px rgba(0,82,255,0.35), 0 0 30px rgba(0,210,255,0.08) !important; }

/* 卡片顶部渐变发光线（hover 展开） */
.vd-scen-card, .vd-sec-card, .vd-help-card, .vd-tst-card { position: relative; overflow: hidden; }
.vd-scen-card::after, .vd-sec-card::after, .vd-help-card::after, .vd-tst-card::after {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #0052ff, #00d2ff, #00ffcc);
  transform: scaleX(0); transform-origin: left; transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);
}
.vd-scen-card:hover::after, .vd-sec-card:hover::after, .vd-help-card:hover::after, .vd-tst-card:hover::after { transform: scaleX(1); }

/* 深色页脚 + 顶部青蓝发光分割 */
.footer { border-top: 1px solid rgba(0, 210, 255, 0.15); box-shadow: 0 -1px 20px rgba(0, 210, 255, 0.06); }

/* ================= 多语言健壮性 ================= */
/* 长单词/长文案（德/俄/越/芬兰语等）不撑破标题与容器 */
.vd-hero-h1, .section-title, .vd-page-hero-title, .vd-feat-h2,
.vd-plan-name, .vd-dlcta-title, .vd-free-title, .footer-logo-text {
  overflow-wrap: break-word;
  word-break: break-word;
}
/* 页面根不因个别超宽装饰元素产生横向滚动（clip 不破坏 sticky/fixed） */
body { overflow-x: clip; }

/* ---- RTL（阿拉伯语 / 乌尔都语）方向修正 ---- */
/* flex/grid 的行内轴会随 dir 自动镜像；这里只修需要显式翻转的物理定位与内边距 */
[dir="rtl"] .lang-dropdown { right: auto; left: 0; }
[dir="rtl"] .faq-q { text-align: right; }
[dir="rtl"] .faq-a p { padding-left: 1.5rem; padding-right: 4rem; }
@media (max-width: 560px) { [dir="rtl"] .faq-a p { padding-right: 1.5rem; } }
[dir="rtl"] .vd-scen-num { right: auto; left: 1.25rem; }
[dir="rtl"] .vd-stat:not(:last-child)::after { right: auto; left: 0; }
/* 法律/长文页正文在 RTL 下右对齐 */
[dir="rtl"] .vd-prose-inner, [dir="rtl"] .vd-lead, [dir="rtl"] .vd-prose-block { text-align: right; }
/* 移动端语言标签在 RTL 下左对齐留白 */
[dir="rtl"] .mobile-lang-label { padding: 0 0.25rem; }

/* ================= 2026 VISUAL POLISH =================
 * A calmer, more premium layer shared by every locale and route.
 * Keep this block last: component-level Astro styles are intentionally
 * overridden only where the visual system needs to stay consistent.
 */
:root {
  --vd-page: #f7f9fd;
  --vd-page-blue: #f0f5ff;
  --vd-card: rgba(255, 255, 255, 0.9);
  --vd-card-border: rgba(18, 59, 130, 0.11);
  --vd-card-shadow: 0 1px 1px rgba(15, 23, 42, 0.025), 0 22px 55px -36px rgba(28, 73, 155, 0.38);
  --vd-card-shadow-hover: 0 2px 4px rgba(15, 23, 42, 0.04), 0 30px 70px -38px rgba(0, 82, 255, 0.5);
  --vd-focus: #0b6cff;
}

body {
  background: var(--vd-page);
  color: #42526b;
}

main {
  overflow: clip;
  background:
    radial-gradient(circle at 8% 18%, rgba(56, 133, 255, 0.055), transparent 26rem),
    radial-gradient(circle at 92% 62%, rgba(0, 210, 255, 0.045), transparent 28rem),
    #fff;
}

.container,
.nav-inner {
  max-width: 1200px;
}

/* Clear keyboard navigation across buttons, links, tabs and accordions. */
:where(a, button, [role="tab"], [role="menuitem"]):focus-visible {
  outline: 3px solid rgba(11, 108, 255, 0.34) !important;
  outline-offset: 3px;
}

/* Navigation: a quieter floating glass bar with stronger active states. */
.navbar {
  background: rgba(255, 255, 255, 0.88) !important;
  border-bottom-color: rgba(18, 59, 130, 0.08) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 12px 35px -28px rgba(15, 23, 42, 0.5);
  backdrop-filter: saturate(1.35) blur(18px) !important;
  -webkit-backdrop-filter: saturate(1.35) blur(18px) !important;
}

.navbar.scrolled {
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 1px 0 rgba(18, 59, 130, 0.08), 0 18px 42px -30px rgba(15, 23, 42, 0.55) !important;
}

.nav-link,
.mega-trigger {
  font-weight: 600 !important;
}

.nav-link-active {
  background: rgba(0, 82, 255, 0.075) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 82, 255, 0.08);
}

.mega-panel,
.lang-dropdown,
.mobile-menu.open {
  border-color: rgba(18, 59, 130, 0.1) !important;
  box-shadow: 0 24px 64px -30px rgba(15, 23, 42, 0.42) !important;
}

/* Buttons: consistent depth, without the over-bright neon halo. */
.btn-primary-pill,
.vd-cta-btn,
.vd-free-btn,
.vd-plan-btn:not(.vd-plan-btn-outline) {
  position: relative;
  isolation: isolate;
  box-shadow: 0 12px 28px -14px rgba(0, 82, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.btn-primary-pill:hover,
.vd-cta-btn:hover,
.vd-free-btn:hover,
.vd-plan-btn:not(.vd-plan-btn-outline):hover {
  box-shadow: 0 18px 34px -14px rgba(0, 82, 255, 0.78), inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}

/* More generous rhythm and language-neutral section labels. */
.section-pad {
  padding-block: clamp(4.75rem, 8vw, 7rem);
}

.section-header {
  width: min(100%, 46rem);
  margin-inline: auto;
  margin-bottom: clamp(2.75rem, 5vw, 4rem);
}

.section-tag,
.vd-feat-tag,
.vd-page-hero-badge {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  font-weight: 750 !important;
  background: rgba(237, 244, 255, 0.88) !important;
  border-color: rgba(0, 82, 255, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 22px -18px rgba(0, 82, 255, 0.65) !important;
}

.section-title,
.vd-feat-h2,
.vd-page-hero-title {
  text-wrap: balance;
  letter-spacing: -0.035em !important;
}

.section-subtitle,
.vd-page-hero-sub {
  max-width: 42rem;
  color: #5c6b82 !important;
  text-wrap: pretty;
}

/* Home hero: brighter canvas, larger headline and a crisp product window. */
html .vd-hero.vd-hero {
  padding-block: clamp(4.8rem, 7vw, 7.2rem) clamp(7.5rem, 10vw, 9rem) !important;
  background:
    radial-gradient(60rem 35rem at 78% 22%, rgba(117, 209, 255, 0.34), transparent 67%),
    radial-gradient(44rem 30rem at 8% 78%, rgba(93, 142, 255, 0.22), transparent 68%),
    linear-gradient(145deg, #edf4ff 0%, #e3eeff 48%, #f6f9ff 100%) !important;
}

html .vd-hero-h1.vd-hero-h1 {
  font-size: clamp(2.35rem, 4.4vw, 3.65rem) !important;
  line-height: 1.09 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance;
}

html .vd-hero-lead.vd-hero-lead {
  color: #52627a !important;
  max-width: 34rem !important;
  text-wrap: pretty;
}

html .vd-window.vd-window {
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  border: 1px solid rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 36px 90px -40px rgba(0, 56, 156, 0.5) !important;
}

html .vd-window-body.vd-window-body {
  padding: clamp(1.2rem, 3vw, 1.8rem) !important;
}

/* Premium card system shared by the homepage and standalone pages. */
.vd-scen-card,
.vd-why-card,
.vd-sec-item,
.vd-help-card,
.vd-dl-card,
.vd-plan,
.faq-item,
.feat-panel,
.vd-stats-card,
.vd-plat-dev {
  background: var(--vd-card) !important;
  border-color: var(--vd-card-border) !important;
  box-shadow: var(--vd-card-shadow) !important;
}

.vd-scen-card:hover,
.vd-why-card:hover,
.vd-sec-item:hover,
.vd-help-card:hover,
.vd-dl-card:hover,
.vd-plan:hover,
.faq-item:hover,
.vd-plat-dev:hover {
  border-color: rgba(0, 112, 255, 0.24) !important;
  box-shadow: var(--vd-card-shadow-hover) !important;
}

html .vd-stats-card.vd-stats-card {
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.9), 0 30px 75px -40px rgba(0, 60, 158, 0.45) !important;
}

.vd-scen-ic,
.vd-why-ic,
.vd-sec-ic,
.vd-help-ic,
.faq-q-num {
  border: 1px solid rgba(255, 255, 255, 0.32);
  box-shadow: 0 12px 26px -14px rgba(0, 82, 255, 0.72), inset 0 1px 0 rgba(255,255,255,.3) !important;
}

html .vd-page-hero.vd-page-hero {
  padding-block: clamp(4.25rem, 7vw, 6rem) clamp(3.5rem, 5vw, 4.75rem) !important;
  background:
    radial-gradient(42rem 18rem at 50% 0%, rgba(67, 137, 255, 0.18), transparent 72%),
    linear-gradient(180deg, #f1f6ff 0%, #f9fbff 68%, #fff 100%) !important;
}

html .vd-dlcta-box.vd-dlcta-box {
  border-radius: 34px !important;
  background: linear-gradient(125deg, #073dbc 0%, #0069f5 45%, #00a9d9 100%) !important;
  box-shadow: 0 34px 75px -38px rgba(0, 59, 180, 0.72) !important;
}

html .vd-plan-custom.vd-plan-custom {
  background: linear-gradient(155deg, #101d3d 0%, #071126 100%) !important;
  border-color: rgba(79, 187, 255, 0.25) !important;
}

/* Locale resilience: long labels, CJK, RTL and complex scripts. */
:where(.vd-hero-h1, .section-title, .vd-feat-h2, .vd-page-hero-title,
  .vd-dlcta-title, .vd-free-title, .vd-plan-name, .faq-q-text) {
  hyphens: auto;
  overflow-wrap: anywhere;
}

:where(.btn-primary-pill, .vd-cta-btn, .vd-free-btn, .vd-dlcta-btn, .vd-dlcta-help, .vd-plan-btn) {
  min-height: 2.75rem;
  white-space: normal;
  text-align: center;
  justify-content: center;
}

:lang(ar),
:lang(ur) {
  letter-spacing: 0 !important;
}

:lang(ar) body,
:lang(ur) body {
  line-height: 1.8;
}

:lang(zh),
:lang(zh-Hant),
:lang(ja),
:lang(ko) {
  font-feature-settings: normal;
}

[dir="rtl"] .vd-hero-text,
[dir="rtl"] .vd-panel-text,
[dir="rtl"] .vd-free-content,
[dir="rtl"] .vd-plan {
  text-align: right;
}

[dir="rtl"] .vd-hero-cta,
[dir="rtl"] .vd-perk-grid,
[dir="rtl"] .vd-free-points,
[dir="rtl"] .vd-plan-price {
  justify-content: flex-start;
}

[dir="rtl"] .footer-links a:hover {
  padding-left: 0;
  padding-right: 3px;
}

@media (max-width: 900px) {
  html .vd-hero.vd-hero {
    padding-top: 4rem !important;
  }

  html .vd-hero-text.vd-hero-text {
    text-align: center;
  }

  html .vd-hero-lead.vd-hero-lead {
    margin-inline: auto !important;
  }

  .vd-hero-cta,
  .vd-perk-grid {
    justify-content: center;
  }

  .vd-perk-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100%, 34rem);
    margin-inline: auto;
    text-align: start;
  }

  [dir="rtl"] .vd-hero-text {
    text-align: center;
  }
}

@media (max-width: 600px) {
  .container {
    padding-inline: 1.15rem;
  }

  .section-pad {
    padding-block: 4.25rem;
  }

  html .vd-hero.vd-hero {
    padding-block: 3.5rem 7rem !important;
  }

  html .vd-hero-h1.vd-hero-h1 {
    font-size: clamp(2.1rem, 10vw, 2.75rem) !important;
  }

  .vd-hero-badge {
    max-width: 100%;
    text-align: start;
  }

  .vd-perk-grid {
    gap: 0.75rem 1rem !important;
  }

  .vd-perk {
    align-items: flex-start !important;
    font-size: 0.9rem !important;
  }

  .vd-hero-cta,
  .vd-dlcta-actions {
    flex-direction: column;
    align-items: stretch !important;
  }

  .vd-cta-btn,
  .vd-dlcta-btn,
  .vd-dlcta-help {
    width: 100%;
  }

  html .vd-window.vd-window,
  html .vd-stats-card.vd-stats-card,
  html .vd-dlcta-box.vd-dlcta-box,
  .feat-panel,
  .vd-free-box {
    border-radius: 22px !important;
  }

  html .vd-dlcta-box.vd-dlcta-box {
    padding: 3rem 1.25rem !important;
  }

  .vd-free-points {
    grid-template-columns: 1fr !important;
    justify-items: start;
  }

  .vd-stat {
    padding-inline: 0.65rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}