/*
Theme Name: TechVon Child Theme - Pages Styles
Description: Page-specific layout overrides and specific page CSS sections.
Version: 1.0
*/

/* Global Full-Width Layout Fixes */
html,
body {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

body.techvon-template-body {
  margin: 0;
  width: 100%;
  min-height: 100vh;
  background: #f8fafc;
}

/* Flatsome layout wrapper overrides to allow full-width blocks on custom templates */
body.techvon-template-body #wrapper,
body.techvon-template-body #main,
body.techvon-template-body #content {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.techvon-site-header {
  width: 100%;
  left: 0;
  right: 0;
}

.techvon-site-header-inner,
.techvon-header-container {
  width: min(100% - 32px, 1280px);
  margin-left: auto;
  margin-right: auto;
}

.techvon-home-page {
  width: 100%;
  max-width: none;
  margin: 0;
  background: linear-gradient(180deg, #f8fbff 0%, #f5f7ff 45%, #f8fafc 100%);
}

.techvon-home-page > section {
  width: 100%;
}

.techvon-home-page .techvon-section-inner,
.techvon-home-section-inner,
.techvon-home-container,
.techvon-footer-container,
.techvon-home-hero-container,
.techvon-home-ecosystem-container,
.techvon-home-paths-container,
.techvon-home-guides-container,
.techvon-home-reviews-container,
.techvon-home-latest-container,
.techvon-home-newsletter-container {
  width: min(100% - 32px, 1280px);
  margin-left: auto;
  margin-right: auto;
}

.techvon-site-footer {
  width: 100%;
  left: 0;
  right: 0;
  background: #0F172A;
}

.techvon-site-footer-inner {
  width: min(100% - 32px, 1280px);
  margin-left: auto;
  margin-right: auto;
}

/* Homepage Specific Layouts - Hero Section */
.techvon-home-page {
  background-color: var(--techvon-bg, #F8FAFC);
}

.techvon-home-hero {
  position: relative;
  overflow: hidden;
  padding: 64px 0;
}

@media (min-width: 768px) {
  .techvon-home-hero {
    padding: 96px 0;
  }
}

.techvon-home-hero-bg-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(79, 70, 229, 0.08) 0%, rgba(6, 182, 212, 0.04) 50%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}

.techvon-home-hero-container {
  position: relative;
  z-index: 2;
  max-width: var(--techvon-max-width, 1280px);
  margin: 0 auto;
  padding: 0 var(--techvon-gutter, 24px);
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: center;
}

@media (min-width: 992px) {
  .techvon-home-hero-container {
    grid-template-columns: 1.15fr 0.85fr;
  }
}

.techvon-home-hero-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.techvon-home-hero-badge {
  display: inline-flex;
  align-items: center;
  background-color: #acedff;
  color: #001f26;
  padding: 6px 16px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  width: fit-content;
}

.techvon-home-hero-title {
  font-size: clamp(2rem, 4.5vw, 3.5rem);
  line-height: 1.15;
  font-weight: 800;
  color: var(--techvon-dark, #0F172A);
  letter-spacing: -0.03em;
  margin: 0;
}

.techvon-home-hero-desc {
  font-size: 18px;
  line-height: 1.7;
  color: var(--techvon-muted, #475569);
  max-width: 560px;
  margin: 0;
}

.techvon-home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.techvon-home-hero-btn-primary {
  padding: 16px 36px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  box-shadow: 0 10px 20px rgba(79, 70, 229, 0.15);
}

.techvon-home-hero-btn-secondary {
  padding: 16px 36px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  background-color: #eae6f4 !important;
  color: var(--techvon-dark, #0F172A) !important;
  border: 1px solid var(--techvon-border, #E2E8F0) !important;
}

.techvon-home-hero-btn-secondary:hover {
  background-color: #e4e1ee !important;
}

.techvon-home-hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding-top: 32px;
  border-top: 1px solid rgba(226, 232, 240, 0.8);
}

.techvon-home-hero-stat-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.techvon-home-hero-stat-number {
  font-size: 32px;
  font-weight: 850;
  line-height: 1.2;
}

.techvon-home-hero-stat-number.text-primary {
  color: var(--techvon-primary, #4F46E5);
}

.techvon-home-hero-stat-number.text-secondary {
  color: var(--techvon-cyan, #06B6D4);
}

.techvon-home-hero-stat-number.text-tertiary {
  color: #7e3000;
}

.techvon-home-hero-stat-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--techvon-muted, #475569);
  margin-top: 4px;
}

.techvon-home-hero-visual {
  position: relative;
  display: flex;
  justify-content: center;
}

.techvon-home-hero-visual-card {
  position: relative;
  background-color: #f5f2ff;
  border-radius: 2.5rem;
  padding: 8px;
  box-shadow: var(--techvon-shadow-editorial, 0px 12px 32px rgba(15, 23, 42, 0.08));
  max-width: 100%;
}

.techvon-home-hero-img {
  width: 100%;
  height: auto;
  border-radius: var(--techvon-radius-img, 20px);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
  object-fit: cover;
  aspect-ratio: 4/3;
  display: block;
}

.techvon-home-hero-floating-badge {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 8px 16px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(79, 70, 229, 0.08);
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 5;
}

.techvon-home-hero-floating-badge.badge-1 {
  top: 8%;
  left: 4%;
  color: var(--techvon-primary, #4F46E5);
}

.techvon-home-hero-floating-badge.badge-2 {
  top: 24%;
  right: 6%;
  color: var(--techvon-cyan, #06B6D4);
}

.techvon-home-hero-floating-badge.badge-3 {
  bottom: 20%;
  left: 6%;
  color: #7e3000;
}

.techvon-home-hero-floating-badge.badge-4 {
  bottom: 8%;
  right: 6%;
  color: var(--techvon-primary, #4F46E5);
}

.techvon-home-hero-floating-badge.badge-5 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--techvon-cyan, #06B6D4);
}

/* Micro-animations */
@keyframes bounceCustom {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

.animate-bounce-custom-1 {
  animation: bounceCustom 3s infinite ease-in-out;
}

.animate-bounce-custom-2 {
  animation: bounceCustom 4s infinite ease-in-out;
}

.animate-bounce-custom-3 {
  animation: bounceCustom 3.5s infinite ease-in-out;
}

.animate-bounce-custom-4 {
  animation: bounceCustom 4.5s infinite ease-in-out;
}

/* Ecosystem Section */
.techvon-home-ecosystem {
  padding: 80px 0;
  background-color: var(--techvon-bg, #F8FAFC);
}

.techvon-home-ecosystem-container {
  max-width: var(--techvon-max-width, 1280px);
  margin: 0 auto;
  padding: 0 var(--techvon-gutter, 24px);
  width: 100%;
}

.techvon-home-ecosystem-title {
  text-align: center;
  margin-bottom: 64px !important;
}

.techvon-home-ecosystem-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--techvon-gutter, 24px);
}

@media (min-width: 768px) {
  .techvon-home-ecosystem-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-home-ecosystem-card {
  background-color: var(--techvon-white, #FFFFFF);
  border-radius: var(--techvon-radius-card, 24px);
  padding: 40px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: var(--techvon-shadow-editorial, 0px 12px 32px rgba(15, 23, 42, 0.08));
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-home-ecosystem-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}

.techvon-home-ecosystem-icon-wrapper {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
}

.techvon-home-ecosystem-icon-wrapper.accent-primary {
  background-color: rgba(79, 70, 229, 0.1);
  color: var(--techvon-primary, #4F46E5);
}

.techvon-home-ecosystem-icon-wrapper.accent-cyan {
  background-color: rgba(6, 182, 212, 0.1);
  color: var(--techvon-cyan, #06B6D4);
}

.techvon-home-ecosystem-icon-wrapper.accent-orange {
  background-color: rgba(126, 48, 0, 0.1);
  color: #7e3000;
}

.techvon-home-ecosystem-card-title {
  margin: 0 0 16px 0 !important;
}

.techvon-home-ecosystem-card-desc {
  font-size: 15px;
  line-height: 1.6;
  color: var(--techvon-muted, #475569);
  margin: 0 0 24px 0;
  flex-grow: 0;
}

.techvon-home-ecosystem-bullets {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
}

.techvon-home-ecosystem-bullets li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  color: var(--techvon-muted, #475569);
  line-height: 1.5;
}

.techvon-home-ecosystem-bullets .bullet-icon {
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.techvon-home-ecosystem-bullets .bullet-icon.accent-primary {
  color: var(--techvon-primary, #4F46E5);
}

.techvon-home-ecosystem-bullets .bullet-icon.accent-cyan {
  color: var(--techvon-cyan, #06B6D4);
}

.techvon-home-ecosystem-bullets .bullet-icon.accent-orange {
  color: #7e3000;
}

.techvon-home-ecosystem-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: gap 0.2s ease;
  margin-top: auto;
  width: fit-content;
}

.techvon-home-ecosystem-link:hover {
  text-decoration: underline;
  gap: 12px;
}

.techvon-home-ecosystem-link.accent-primary {
  color: var(--techvon-primary, #4F46E5);
}

.techvon-home-ecosystem-link.accent-cyan {
  color: var(--techvon-cyan, #06B6D4);
}

.techvon-home-ecosystem-link.accent-orange {
  color: #7e3000;
}

/* Paths Section */
.techvon-home-paths {
  padding: 80px 0;
  background-color: var(--techvon-bg, #F8FAFC);
}

.techvon-home-paths-container {
  max-width: var(--techvon-max-width, 1280px);
  margin: 0 auto;
  padding: 0 var(--techvon-gutter, 24px);
  width: 100%;
}

.techvon-home-paths-title {
  text-align: center;
  margin-bottom: 64px !important;
}

.techvon-home-paths-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  background-color: rgba(245, 242, 255, 0.4);
  border-radius: 48px;
  padding: 64px 40px;
  border: 1px solid rgba(226, 232, 240, 0.5);
}

@media (min-width: 768px) {
  .techvon-home-paths-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-home-paths-card {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 32px;
  border: 1px solid rgba(226, 232, 240, 0.6);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-home-paths-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.06);
}

.techvon-home-paths-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.techvon-home-paths-icon.accent-primary {
  color: var(--techvon-primary, #4F46E5);
}

.techvon-home-paths-icon.accent-cyan {
  color: var(--techvon-cyan, #06B6D4);
}

.techvon-home-paths-icon.accent-orange {
  color: #7e3000;
}

.techvon-home-paths-card-title {
  margin: 0 0 16px 0 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

.techvon-home-paths-desc {
  font-size: 14px;
  line-height: 1.6;
  color: var(--techvon-muted, #475569);
  margin: 0 0 24px 0;
  flex-grow: 1;
}

.techvon-home-paths-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: gap 0.2s;
  margin-top: auto;
}

.techvon-home-paths-link.accent-primary {
  color: var(--techvon-primary, #4F46E5);
}

.techvon-home-paths-link.accent-cyan {
  color: var(--techvon-cyan, #06B6D4);
}

.techvon-home-paths-link.accent-orange {
  color: #7e3000;
}

.techvon-home-paths-link:hover {
  text-decoration: underline;
  gap: 10px;
}

/* Featured Guides Section */
.techvon-home-guides {
  padding: 80px 0;
  background-color: var(--techvon-bg, #F8FAFC);
}

.techvon-home-guides-container {
  max-width: var(--techvon-max-width, 1280px);
  margin: 0 auto;
  padding: 0 var(--techvon-gutter, 24px);
  width: 100%;
}

.techvon-home-guides-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 48px;
}

.techvon-home-guides-title {
  margin: 0 !important;
}

.techvon-home-guides-view-all {
  font-size: 15px;
  font-weight: 700;
  color: var(--techvon-primary, #4F46E5);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.2s;
}

.techvon-home-guides-view-all:hover {
  text-decoration: underline;
  gap: 10px;
}

.techvon-home-guides-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--techvon-gutter, 24px);
}

@media (min-width: 992px) {
  .techvon-home-guides-grid {
    grid-template-columns: 1.3fr 0.7fr;
  }
}

.techvon-home-guides-large {
  border-radius: 24px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: var(--techvon-shadow-editorial, 0px 12px 32px rgba(15, 23, 42, 0.08));
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-home-guides-large-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.techvon-home-guides-large-img-wrap {
  overflow: hidden;
  aspect-ratio: 16/9;
}

.techvon-home-guides-large-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.techvon-home-guides-large:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.1);
}

.techvon-home-guides-large:hover .techvon-home-guides-large-img {
  transform: scale(1.04);
}

.techvon-home-guides-large-info {
  padding: 32px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.techvon-home-guides-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--techvon-muted, #475569);
  margin-bottom: 16px;
}

.techvon-home-guides-meta .category {
  color: var(--techvon-primary, #4F46E5);
}

.techvon-home-guides-large-title {
  font-size: clamp(1.5rem, 2.5vw, 1.85rem) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 0 16px 0 !important;
  transition: color 0.2s;
}

.techvon-home-guides-large:hover .techvon-home-guides-large-title {
  color: var(--techvon-primary, #4F46E5);
}

.techvon-home-guides-large-desc {
  font-size: 15px;
  line-height: 1.6;
  color: var(--techvon-muted, #475569);
  margin: 0 0 24px 0;
}

.techvon-home-guides-large-link {
  font-size: 15px;
  font-weight: 700;
  color: var(--techvon-primary, #4F46E5);
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
}

.techvon-home-guides-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.techvon-home-guides-item {
  display: flex;
  gap: 20px;
  padding: 20px;
  border-radius: 20px;
  background-color: rgba(241, 245, 249, 0.4);
  border: 1px solid rgba(226, 232, 240, 0.6);
  text-decoration: none;
  color: inherit;
  transition: background-color 0.2s, border-color 0.2s;
}

.techvon-home-guides-item:hover {
  background-color: #ffffff;
  border-color: rgba(226, 232, 240, 0.9);
}

.techvon-home-guides-item-img {
  width: 96px;
  height: 96px;
  border-radius: 16px;
  object-fit: cover;
  flex-shrink: 0;
}

.techvon-home-guides-item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.techvon-home-guides-item-title {
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  margin: 0 0 8px 0 !important;
  transition: color 0.2s;
}

.techvon-home-guides-item:hover .techvon-home-guides-item-title {
  color: var(--techvon-primary, #4F46E5);
}

.techvon-home-guides-item-meta {
  font-size: 12px;
  font-weight: 500;
  color: var(--techvon-muted, #475569);
}

/* Featured Reviews Section */
.techvon-home-reviews {
  padding: 80px 0;
  background-color: rgba(241, 245, 249, 0.4);
}

.techvon-home-reviews-container {
  max-width: var(--techvon-max-width, 1280px);
  margin: 0 auto;
  padding: 0 var(--techvon-gutter, 24px);
  width: 100%;
}

.techvon-home-reviews-header {
  text-align: center;
  margin-bottom: 64px;
}

.techvon-home-reviews-subtitle {
  font-size: 16px;
  color: var(--techvon-muted, #475569);
  max-width: 600px;
  margin: 16px auto 0 auto;
}

.techvon-home-reviews-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--techvon-gutter, 24px);
}

@media (min-width: 768px) {
  .techvon-home-reviews-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-home-reviews-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  padding: 40px;
  box-shadow: var(--techvon-shadow-editorial, 0px 12px 32px rgba(15, 23, 42, 0.08));
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s, box-shadow 0.3s;
  position: relative;
}

.techvon-home-reviews-card.recommended {
  border: 2px solid var(--techvon-primary, #4F46E5);
}

.techvon-home-reviews-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--techvon-primary, #4F46E5);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  padding: 6px 16px;
  border-radius: 9999px;
  white-space: nowrap;
}

.techvon-home-reviews-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.techvon-home-reviews-letter {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 800;
}

.techvon-home-reviews-letter.accent-orange {
  background-color: #ffedd5;
  color: #c2410c;
}

.techvon-home-reviews-letter.accent-blue {
  background-color: #dbeafe;
  color: #1d4ed8;
}

.techvon-home-reviews-letter.accent-indigo {
  background-color: #e0e7ff;
  color: #4338ca;
}

.techvon-home-reviews-rating {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 700;
  background-color: #f1f5f9;
  padding: 6px 12px;
  border-radius: 9999px;
}

.techvon-home-reviews-card-title {
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  margin: 0 0 8px 0 !important;
}

.techvon-home-reviews-card-desc {
  font-size: 14px;
  color: var(--techvon-muted, #475569);
  margin: 0 0 24px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}

.techvon-home-reviews-pros-cons {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 32px;
  flex-grow: 1;
}

.techvon-home-reviews-pros-cons .pros,
.techvon-home-reviews-pros-cons .cons {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.techvon-home-reviews-pros-cons .label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 6px;
}

.techvon-home-reviews-pros-cons .text {
  font-size: 14px;
  color: var(--techvon-muted, #475569);
  line-height: 1.5;
}

.techvon-home-reviews-btn {
  width: 100%;
  margin-top: auto;
  padding: 12px 24px !important;
}

.techvon-home-reviews-disclaimer {
  text-align: center;
  font-size: 11px;
  font-style: italic;
  color: var(--techvon-muted, #475569);
  opacity: 0.6;
  margin-top: 48px;
}

/* Latest Posts Section */
.techvon-home-latest {
  padding: 80px 0;
  background-color: var(--techvon-bg, #F8FAFC);
}

.techvon-home-latest-container {
  max-width: var(--techvon-max-width, 1280px);
  margin: 0 auto;
  padding: 0 var(--techvon-gutter, 24px);
  width: 100%;
}

.techvon-home-latest-title {
  text-align: center;
  margin-bottom: 48px !important;
}

.techvon-home-latest-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--techvon-gutter, 24px);
}

@media (min-width: 640px) {
  .techvon-home-latest-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .techvon-home-latest-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-home-latest-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  overflow: hidden;
  box-shadow: var(--techvon-shadow-editorial, 0px 12px 32px rgba(15, 23, 42, 0.08));
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s, box-shadow 0.3s;
}

.techvon-home-latest-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}

.techvon-home-latest-img-wrap {
  overflow: hidden;
  aspect-ratio: 16/9;
}

.techvon-home-latest-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.techvon-home-latest-info {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.techvon-home-latest-meta {
  font-size: 11px;
  font-weight: 700;
  color: var(--techvon-primary, #4F46E5);
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.techvon-home-latest-card-title {
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  margin: 0 0 16px 0 !important;
}

.techvon-home-latest-read-time {
  font-size: 12px;
  color: var(--techvon-muted, #475569);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
}

.techvon-home-latest-footer {
  text-align: center;
  margin-top: 48px;
}

.techvon-home-latest-btn {
  background-color: #eae6f4 !important;
  border: 1px solid var(--techvon-border, #E2E8F0) !important;
  color: var(--techvon-dark, #0F172A) !important;
  padding: 14px 36px !important;
  font-size: 15px !important;
  border-radius: 9999px !important;
}

.techvon-home-latest-btn:hover {
  background-color: #e4e1ee !important;
}

/* Newsletter Section */
.techvon-home-newsletter {
  padding: 80px 0;
  background-color: var(--techvon-bg, #F8FAFC);
}

.techvon-home-newsletter-container {
  max-width: var(--techvon-max-width, 1280px);
  margin: 0 auto;
  padding: 0 var(--techvon-gutter, 24px);
  width: 100%;
}

.techvon-home-newsletter-card {
  background: var(--techvon-primary, #4F46E5);
  border-radius: 48px;
  padding: 64px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .techvon-home-newsletter-card {
    padding: 80px 64px;
  }
}

.techvon-home-newsletter-pattern {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.8;
}

.techvon-home-newsletter-content {
  position: relative;
  z-index: 2;
  max-width: 640px;
  margin: 0 auto;
}

.techvon-newsletter-title {
  font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  margin: 0 0 16px 0 !important;
}

.techvon-home-newsletter-desc {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
  margin: 0 0 40px 0;
}

.techvon-home-newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 640px) {
  .techvon-home-newsletter-form {
    flex-direction: row;
    align-items: center;
  }
}

.techvon-home-newsletter-input {
  flex-grow: 1;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  padding: 16px 24px !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
}

.techvon-home-newsletter-input:focus {
  border-color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1) !important;
  outline: none !important;
}

.techvon-home-newsletter-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.techvon-home-newsletter-btn {
  background-color: #ffffff !important;
  color: var(--techvon-primary, #4F46E5) !important;
  padding: 16px 36px !important;
  font-size: 15px !important;
  border-radius: 9999px !important;
  border: none !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
  cursor: pointer;
  flex-shrink: 0;
}

.techvon-home-newsletter-btn:hover {
  background-color: #f1ecff !important;
  transform: translateY(-1px);
}

.techvon-home-newsletter-shortcode {
  width: min(100%, 720px);
  margin: 28px auto 0;
}

.techvon-home-newsletter-shortcode .wpcf7 {
  width: 100%;
}

.techvon-home-newsletter-shortcode .wpcf7-form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  margin: 0;
}

.techvon-home-newsletter-shortcode .wpcf7-form p {
  margin: 0;
  display: contents;
}

.techvon-home-newsletter-shortcode .wpcf7-form-control-wrap {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
}

.techvon-home-newsletter-shortcode input[type="email"],
.techvon-home-newsletter-shortcode input[type="text"] {
  width: 100%;
  height: 54px;
  min-height: 54px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.48);
  background: #ffffff;
  color: #0f172a;
  padding: 0 22px;
  font-size: 15px;
  line-height: 54px;
  outline: none;
  box-shadow: 0 12px 30px rgba(15,23,42,0.12);
}

.techvon-home-newsletter-shortcode input[type="email"]::placeholder,
.techvon-home-newsletter-shortcode input[type="text"]::placeholder {
  color: #64748b;
  opacity: 1;
}

.techvon-home-newsletter-shortcode input[type="submit"],
.techvon-home-newsletter-shortcode button[type="submit"] {
  height: 54px;
  min-height: 54px;
  min-width: 170px;
  padding: 0 30px;
  border: 0;
  border-radius: 999px;
  background: #ffffff;
  color: #3525cd;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(15,23,42,0.16);
}

.techvon-home-newsletter-shortcode input[type="submit"]:hover,
.techvon-home-newsletter-shortcode button[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(15,23,42,0.22);
}

.techvon-home-newsletter-shortcode .wpcf7-spinner {
  margin: 0;
  position: absolute;
}

.techvon-home-newsletter-shortcode .wpcf7-not-valid-tip {
  color: #fff;
  font-size: 13px;
  margin-top: 8px;
  text-align: left;
}

.techvon-home-newsletter-shortcode .wpcf7-response-output {
  margin: 14px 0 0;
  padding: 10px 14px;
  border-radius: 14px;
  color: #fff;
  border-color: rgba(255,255,255,0.42);
  text-align: center;
  font-size: 14px;
}

@media (max-width: 640px) {
  .techvon-home-newsletter-shortcode {
    width: 100%;
    margin-top: 24px;
  }

  .techvon-home-newsletter-shortcode .wpcf7-form {
    flex-direction: column;
    gap: 12px;
  }

  .techvon-home-newsletter-shortcode .wpcf7-form-control-wrap,
  .techvon-home-newsletter-shortcode input[type="email"],
  .techvon-home-newsletter-shortcode input[type="text"],
  .techvon-home-newsletter-shortcode input[type="submit"],
  .techvon-home-newsletter-shortcode button[type="submit"] {
    width: 100%;
    min-width: 0;
  }
}

/* Contact Page Layouts */
.techvon-contact-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  margin-top: 48px;
  align-items: start;
}

@media (min-width: 992px) {
  .techvon-contact-layout {
    grid-template-columns: 1.2fr 0.8fr;
  }
}

/* Review Page Specific Layouts */
.techvon-review-score-box {
  background: linear-gradient(135deg, var(--techvon-primary) 0%, var(--techvon-primary-dark) 100%);
  color: var(--techvon-white);
  padding: 32px;
  border-radius: var(--techvon-radius-card);
  text-align: center;
}

/* Compare Page Specific Layouts */
.techvon-compare-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 24px;
}

.techvon-compare-table th, 
.techvon-compare-table td {
  padding: 16px;
  border-bottom: 1px solid var(--techvon-border);
  text-align: left;
}

.techvon-compare-table th {
  background-color: rgba(241, 245, 249, 0.5);
  font-weight: 600;
}

/* Policy Page Specific Styles */
.techvon-policy-page-wrapper {
  padding-top: 40px;
  padding-bottom: 80px;
}

/* Breadcrumbs */
.techvon-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  font-size: 14px;
  color: var(--techvon-muted);
}
.techvon-breadcrumb-link {
  color: var(--techvon-muted);
  text-decoration: none;
  transition: color 0.2s ease;
}
.techvon-breadcrumb-link:hover {
  color: var(--techvon-primary);
}
.techvon-breadcrumb-current {
  color: var(--techvon-primary);
  font-weight: 600;
}

/* Hero Section */
.techvon-policy-hero {
  border-bottom: 1px solid var(--techvon-border);
  padding-bottom: 32px;
  margin-bottom: 48px;
}
.techvon-badge {
  display: inline-block;
  padding: 4px 12px;
  background-color: rgba(6, 182, 212, 0.1);
  color: var(--techvon-cyan);
  border-radius: var(--techvon-radius-pill);
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 16px;
}
.techvon-hero-title {
  color: var(--techvon-dark);
  margin-bottom: 16px;
}
.techvon-hero-desc {
  color: var(--techvon-muted);
  max-width: 760px;
  margin-bottom: 24px;
}
.techvon-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.techvon-meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--techvon-muted);
}
.techvon-meta-icon {
  color: var(--techvon-primary);
  font-size: 20px;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Two-column layout */
.techvon-policy-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: start;
}

@media (min-width: 992px) {
  .techvon-policy-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
}

/* Content Column & Editor Content Styles */
.techvon-policy-main-content {
  max-width: 760px;
}
.techvon-policy-section {
  margin-bottom: 48px;
  scroll-margin-top: 100px;
}
.techvon-section-title {
  color: var(--techvon-dark);
  margin-bottom: 16px;
  border-bottom: 2px solid rgba(79, 70, 229, 0.05);
  padding-bottom: 8px;
}
.techvon-section-body p {
  color: var(--techvon-muted);
  margin-bottom: 16px;
  line-height: 1.8;
}
.techvon-section-body ul {
  margin-bottom: 24px;
  padding-left: 24px;
  list-style-type: disc;
}
.techvon-section-body li {
  margin-bottom: 8px;
  color: var(--techvon-muted);
  line-height: 1.6;
}

/* WordPress Editor Output styling within .techvon-editor-content */
.techvon-editor-content {
  max-width: 760px;
  font-family: 'Inter', sans-serif;
  color: var(--techvon-text);
}
.techvon-editor-content h2 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: var(--techvon-dark);
  margin-top: 48px;
  margin-bottom: 16px;
  border-bottom: 2px solid rgba(79, 70, 229, 0.05);
  padding-bottom: 8px;
  scroll-margin-top: 100px;
}
.techvon-editor-content h2:first-of-type {
  margin-top: 0;
}
.techvon-editor-content h3 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: var(--techvon-dark);
  margin-top: 32px;
  margin-bottom: 12px;
}
.techvon-editor-content p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--techvon-muted);
  margin-bottom: 20px;
}
.techvon-editor-content a {
  color: var(--techvon-primary);
  text-decoration: none;
  font-weight: 500;
}
.techvon-editor-content a:hover {
  text-decoration: underline;
}
.techvon-editor-content ul {
  margin-bottom: 24px;
  padding-left: 24px;
  list-style-type: disc;
}
.techvon-editor-content ol {
  margin-bottom: 24px;
  padding-left: 24px;
  list-style-type: decimal;
}
.techvon-editor-content li {
  margin-bottom: 8px;
  color: var(--techvon-muted);
  line-height: 1.6;
}
.techvon-editor-content blockquote {
  border-left: 4px solid var(--techvon-primary);
  padding: 16px 24px;
  margin: 24px 0;
  background-color: rgba(79, 70, 229, 0.03);
  font-style: italic;
  color: var(--techvon-muted);
  border-radius: 0 var(--techvon-radius-sm) var(--techvon-radius-sm) 0;
}
.techvon-editor-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 32px 0;
}
.techvon-editor-content th,
.techvon-editor-content td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--techvon-border);
  text-align: left;
}
.techvon-editor-content th {
  background-color: rgba(241, 245, 249, 0.5);
  font-weight: 600;
  color: var(--techvon-dark);
}
.techvon-editor-content img {
  border-radius: var(--techvon-radius-img);
  max-width: 100%;
  height: auto;
  margin: 24px 0;
}
.techvon-policy-separator {
  border: 0;
  border-top: 1px solid var(--techvon-border);
  margin: 40px 0;
}
.techvon-policy-notice-note {
  color: var(--techvon-muted);
  font-size: 14px;
  line-height: 1.6;
}

/* Sidebar Column */
.techvon-sticky-sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 992px) {
  .techvon-sticky-sidebar {
    position: sticky;
    top: 96px;
  }
}

.techvon-toc-card {
  background-color: var(--techvon-white);
  border-radius: var(--techvon-radius-card);
  padding: 32px;
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
}

.techvon-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.techvon-toc-link {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--techvon-muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.2s ease;
}
.techvon-toc-bullet {
  width: 6px;
  height: 6px;
  background-color: var(--techvon-primary);
  border-radius: 50%;
  opacity: 0.3;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.techvon-toc-link:hover,
.techvon-toc-link.active {
  color: var(--techvon-primary);
}
.techvon-toc-link:hover .techvon-toc-bullet,
.techvon-toc-link.active .techvon-toc-bullet {
  opacity: 1;
  transform: scale(1.3);
}

/* Trust Card */
.techvon-trust-card {
  background: linear-gradient(135deg, var(--techvon-primary) 0%, var(--techvon-primary-dark) 100%);
  color: var(--techvon-white);
  padding: 24px;
  border-radius: var(--techvon-radius-sm);
  box-shadow: var(--techvon-shadow-editorial);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.techvon-trust-icon {
  font-size: 32px;
  height: 32px;
  width: 32px;
  color: var(--techvon-white);
}
.techvon-trust-text {
  margin: 0;
  opacity: 0.9;
  line-height: 1.6;
}

/* Related section */
.techvon-policy-related {
  margin-top: 80px;
}
.techvon-section-title {
  display: block;
  margin: 0 0 40px !important;
  color: var(--techvon-text) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(2rem, 3vw, 2.75rem) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
}
.techvon-section-title--center {
  text-align: center !important;
}
.techvon-related-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--techvon-gutter);
}
@media (min-width: 768px) {
  .techvon-related-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.techvon-legal-card {
  background-color: var(--techvon-white);
  border-radius: var(--techvon-radius-card);
  padding: 40px !important;
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
  transition: transform 0.3s ease;
}
.techvon-legal-card:hover {
  transform: translateY(-4px);
}
.techvon-legal-card-icon-wrapper {
  width: 48px;
  height: 48px;
  background-color: rgba(6, 182, 212, 0.1);
  color: var(--techvon-cyan);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.techvon-legal-card-icon-wrapper .material-symbols-outlined {
  font-size: 22px;
  color: var(--techvon-cyan);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.techvon-legal-card-icon-wrapper .dashicons {
  font-size: 22px;
  color: var(--techvon-cyan);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
}
.techvon-legal-card .techvon-card-title {
  margin-top: 28px !important;
}
.techvon-card-title {
  display: block;
  margin: 0 0 14px !important;
  color: var(--techvon-text) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(1.5rem, 2vw, 1.85rem) !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
}
.techvon-card-title a {
  color: inherit !important;
  text-decoration: none !important;
}
.techvon-card-description {
  display: block;
  margin: 0 0 26px !important;
  color: var(--techvon-muted) !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
}
.techvon-card-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--techvon-primary) !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  letter-spacing: -0.015em !important;
}
.techvon-card-link:hover {
  color: var(--techvon-cyan) !important;
}
.techvon-card-link span {
  display: inline-block;
  transition: transform 0.2s ease;
}
.techvon-card-link:hover span {
  transform: translateX(4px);
}

/* Contact CTA Block */
.techvon-contact-cta {
  margin-top: 80px;
  background-color: var(--techvon-border);
  padding: 48px 56px !important;
  border-radius: var(--techvon-radius-card);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  text-align: center;
}
@media (min-width: 768px) {
  .techvon-contact-cta {
    flex-direction: row;
    text-align: left;
    gap: 48px;
  }
  .techvon-contact-cta-content {
    max-width: 60%;
  }
}
.techvon-cta-title {
  display: block;
  margin: 0 0 14px !important;
  color: var(--techvon-text) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(1.75rem, 2.5vw, 2.25rem) !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
}
.techvon-cta-description {
  display: block;
  margin: 0 !important;
  color: var(--techvon-muted) !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
}
.techvon-contact-cta-action {
  flex-shrink: 0;
}
.techvon-contact-cta-btn {
  padding: 16px 40px;
}
.techvon-toc-title {
  display: block;
  margin: 0 0 24px !important;
  color: var(--techvon-text) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1.5rem !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
}

/* Specificity overrides to defeat parent theme overrides */
.techvon-policy-page-wrapper .techvon-section-title,
.techvon-policy-page-wrapper .techvon-card-title,
.techvon-policy-page-wrapper .techvon-cta-title,
.techvon-policy-page-wrapper .techvon-toc-title,
.techvon-policy-page .techvon-section-title,
.techvon-policy-page .techvon-card-title,
.techvon-policy-page .techvon-cta-title,
.techvon-policy-page .techvon-toc-title,
.techvon-contact-page-wrapper .techvon-section-title,
.techvon-contact-page-wrapper .techvon-card-title,
.techvon-contact-page-wrapper .techvon-cta-title,
.techvon-contact-page-wrapper .techvon-toc-title,
.techvon-contact-page .techvon-section-title,
.techvon-contact-page .techvon-card-title,
.techvon-contact-page .techvon-cta-title,
.techvon-contact-page .techvon-toc-title {
  font-weight: 800 !important;
}

/* Contact Page Specific Styles */
.techvon-contact-hero {
  border-bottom: 1px solid var(--techvon-border);
  padding-bottom: 32px;
  margin-bottom: 48px;
}
.techvon-contact-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px;
}
.techvon-contact-trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--techvon-muted);
}
.techvon-contact-trust-icon {
  color: var(--techvon-cyan);
  font-size: 20px;
}

/* Contact Form */
.techvon-contact-form-card {
  background-color: var(--techvon-white);
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
  border-radius: var(--techvon-radius-card);
  padding: 48px;
}
.techvon-form-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--techvon-text);
  margin-bottom: 8px;
}
.techvon-form-required {
  color: #ef4444;
}
.techvon-form-error {
  display: none;
  color: #ef4444;
  font-size: 13px;
  margin-top: 6px;
  font-weight: 500;
}
.techvon-form-control,
.techvon-form-select,
.techvon-contact-page .techvon-contact-form-card input[type="text"],
.techvon-contact-page .techvon-contact-form-card input[type="email"],
.techvon-contact-page .techvon-contact-form-card input[type="url"],
.techvon-contact-page .techvon-contact-form-card input[type="tel"],
.techvon-contact-page .techvon-contact-form-card input[type="number"],
.techvon-contact-page .techvon-contact-form-card select,
.techvon-contact-page .techvon-contact-form-card textarea {
  width: 100%;
  min-height: 56px;
  padding: 14px 18px;
  border: 1px solid var(--techvon-border);
  border-radius: 12px;
  background-color: #fff;
  color: var(--techvon-text);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  box-sizing: border-box;
}

.techvon-contact-page .techvon-contact-form-card textarea {
  min-height: 140px;
  padding-top: 16px;
  resize: vertical;
}

.techvon-form-control.has-error {
  border-color: #ef4444 !important;
}

/* Custom select wrapper for clean chevron arrow display */
.techvon-select-wrap {
  position: relative;
  width: 100%;
}

.techvon-contact-page .techvon-select-wrap select.techvon-form-select {
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 52px 0 18px !important;
  border: 1px solid var(--techvon-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--techvon-text) !important;
  font-size: 16px !important;
  line-height: 56px !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: none !important;
}

.techvon-contact-page .techvon-select-wrap select.techvon-form-select::-ms-expand {
  display: none;
}

.techvon-select-icon {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 22px;
  color: var(--techvon-muted);
  font-family: "Material Symbols Outlined" !important;
}

/* Checkbox specific styles to prevent huge/oversized checkbox */
.techvon-contact-page .techvon-form-checkbox input[type="checkbox"],
.techvon-contact-page input[type="checkbox"].techvon-checkbox {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  padding: 0 !important;
  margin: 2px 10px 0 0 !important;
  border: 1.5px solid var(--techvon-border) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
}

.techvon-contact-page .techvon-form-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.6;
}

.techvon-contact-page .techvon-form-checkbox label {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--techvon-text);
}

.techvon-form-checkbox-label a {
  color: var(--techvon-primary);
  text-decoration: none;
  font-weight: 600;
}
.techvon-form-checkbox-label a:hover {
  text-decoration: underline;
}
.techvon-form-actions {
  margin-top: 32px;
}
.techvon-form-submit-btn {
  width: 100%;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 700;
}
.techvon-form-success-msg {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: rgba(16, 185, 129, 0.1);
  color: #10b981;
  padding: 16px;
  border-radius: var(--techvon-radius-sm);
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid rgba(16, 185, 129, 0.2);
}
.techvon-form-success-msg span {
  font-size: 24px;
}

/* Contact Info Cards */
.techvon-contact-info-grid {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.techvon-contact-info-card {
  background-color: var(--techvon-white);
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
  border-radius: var(--techvon-radius-card);
  padding: 32px;
  display: flex;
  gap: 20px;
}
.techvon-contact-info-icon-wrapper {
  width: 48px;
  height: 48px;
  background-color: rgba(79, 70, 229, 0.1);
  color: var(--techvon-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.techvon-contact-info-icon-wrapper .material-symbols-outlined {
  font-size: 22px;
}
.techvon-contact-info-content {
  display: flex;
  flex-direction: column;
}
.techvon-contact-info-content .techvon-card-title {
  margin-bottom: 6px !important;
}
.techvon-contact-info-value {
  font-size: 18px;
  font-weight: 700;
  color: var(--techvon-text);
  margin: 0 0 8px;
}
.techvon-contact-info-note {
  font-size: 14px;
  color: var(--techvon-muted);
  line-height: 1.5;
  margin: 0;
}

/* Disclosure */
.techvon-disclosure-card {
  margin-top: 80px;
  background-color: rgba(6, 182, 212, 0.03);
  border: 1px dashed var(--techvon-cyan);
  border-radius: var(--techvon-radius-card);
  padding: 40px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
}
@media (min-width: 768px) {
  .techvon-disclosure-card {
    grid-template-columns: auto 1fr auto;
    gap: 32px;
  }
}
.techvon-disclosure-icon-wrapper {
  width: 56px;
  height: 56px;
  background-color: rgba(6, 182, 212, 0.1);
  color: var(--techvon-cyan);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.techvon-disclosure-icon-wrapper .material-symbols-outlined {
  font-size: 28px;
}
.techvon-disclosure-body {
  display: flex;
  flex-direction: column;
}
.techvon-disclosure-title {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--techvon-text);
  margin: 0 0 8px;
  letter-spacing: -0.02em;
}
.techvon-disclosure-content {
  font-size: 15px;
  color: var(--techvon-muted);
  line-height: 1.6;
  margin: 0;
}
.techvon-disclosure-action {
  flex-shrink: 0;
}
.techvon-disclosure-btn {
  padding: 12px 24px;
}

/* Quick Help Grid */
.techvon-quick-help-section {
  margin-top: 80px;
}
.techvon-quick-help-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--techvon-gutter);
}
@media (min-width: 768px) {
  .techvon-quick-help-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* FAQ Accordion */
.techvon-faq-section {
  margin-top: 80px;
}
.techvon-faq-accordion {
  max-width: 800px;
  margin: 0 auto;
}
.techvon-faq-question {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: var(--techvon-text);
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease;
  letter-spacing: -0.01em;
}
.techvon-faq-question:hover {
  color: var(--techvon-primary);
}
.techvon-faq-question::after {
  content: '+';
  font-size: 24px;
  transition: transform 0.3s ease;
  color: var(--techvon-muted);
}
.techvon-faq-item.active .techvon-faq-question::after {
  transform: rotate(45deg);
  color: var(--techvon-primary);
}
.techvon-faq-answer p {
  margin: 0 0 20px;
  line-height: 1.7;
}

/* Reusable Newsletter styling */
.techvon-newsletter {
  margin-top: 80px;
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.05) 0%, rgba(6, 182, 212, 0.05) 100%);
  border: 1px solid var(--techvon-border);
  border-radius: var(--techvon-radius-card);
  padding: 64px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.techvon-newsletter-content {
  max-width: 600px;
}
.techvon-newsletter-content .techvon-cta-title {
  margin-bottom: 12px !important;
}
.techvon-newsletter-content .techvon-cta-description {
  font-size: 16px;
  line-height: 1.6;
}
.techvon-newsletter .techvon-newsletter-form {
  width: min(100%, 560px) !important;
  height: 72px !important;
  margin: 32px auto 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px !important;
  border: 1px solid var(--techvon-border) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.techvon-newsletter .techvon-newsletter-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--techvon-text) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  line-height: 56px !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
}

.techvon-newsletter .techvon-newsletter-input::placeholder {
  color: var(--techvon-muted) !important;
  opacity: 0.9 !important;
}

.techvon-newsletter .techvon-newsletter-button {
  flex: 0 0 auto !important;
  height: 56px !important;
  min-height: 56px !important;
  min-width: 170px !important;
  margin: 0 !important;
  padding: 0 30px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--techvon-primary) !important;
  color: #ffffff !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  line-height: 56px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.techvon-newsletter .techvon-newsletter-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(79, 70, 229, 0.25) !important;
}

@media (max-width: 640px) {
  .techvon-newsletter .techvon-newsletter-form {
    height: auto !important;
    width: 100% !important;
    max-width: 420px !important;
    padding: 10px !important;
    border-radius: 28px !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .techvon-newsletter .techvon-newsletter-input,
  .techvon-newsletter .techvon-newsletter-button {
    width: 100% !important;
    min-width: 0 !important;
  }
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* =========================================================================
   CONTACT FORM 7 WRAPPER STYLES
   ========================================================================= */

.techvon-cf7-wrapper {
  width: 100%;
}

.techvon-cf7-wrapper .wpcf7-form {
  display: grid;
  gap: 22px;
}

.techvon-cf7-wrapper label {
  display: block;
  margin: 0 0 8px;
  color: var(--techvon-text);
  font-weight: 700;
  font-size: 15px;
  line-height: 1.4;
}

.techvon-cf7-wrapper input[type="text"],
.techvon-cf7-wrapper input[type="email"],
.techvon-cf7-wrapper input[type="url"],
.techvon-cf7-wrapper input[type="tel"],
.techvon-cf7-wrapper select,
.techvon-cf7-wrapper textarea {
  width: 100% !important;
  min-height: 56px !important;
  padding: 14px 18px !important;
  border: 1px solid var(--techvon-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--techvon-text) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

.techvon-cf7-wrapper select {
  height: 56px !important;
}

.techvon-cf7-wrapper textarea {
  min-height: 150px !important;
  resize: vertical;
}

.techvon-cf7-wrapper input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  margin-right: 8px !important;
}

.techvon-cf7-wrapper .wpcf7-acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-weight: 600;
}

.techvon-cf7-wrapper input[type="submit"],
.techvon-cf7-wrapper .wpcf7-submit {
  width: 100% !important;
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--techvon-primary) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.techvon-cf7-wrapper .wpcf7-response-output {
  margin: 16px 0 0 !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
}

/* =========================================================================
   ABOUT PAGE SPECIFIC STYLES
   ========================================================================= */

.techvon-about-page {
  padding-top: 40px;
  padding-bottom: 80px;
}

/* Background radial glow matching Stitch exactly */
.techvon-about-page.bg-glow {
  background: radial-gradient(circle at 10% 20%, rgba(79, 70, 229, 0.04) 0%, transparent 50%),
              radial-gradient(circle at 90% 80%, rgba(6, 182, 212, 0.04) 0%, transparent 50%);
  background-color: var(--techvon-bg);
}

/* Scoped Titles to ensure Flatsome doesn't override */
.techvon-about-page .techvon-section-title {
  display: block;
  margin: 0 0 16px !important;
  color: var(--techvon-text) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(2rem, 3.5vw, 2.75rem) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
}

.techvon-about-page .techvon-section-title--center {
  text-align: center !important;
  margin-bottom: 16px !important;
}

.techvon-about-page .techvon-card-title {
  display: block;
  margin: 0 0 12px !important;
  color: var(--techvon-text) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(1.25rem, 2vw, 1.5rem) !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}

.techvon-about-page .techvon-step-title {
  display: block;
  margin: 0 0 8px !important;
  color: var(--techvon-text) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
}

.techvon-about-page .techvon-timeline-title {
  display: block;
  margin: 0 0 12px !important;
  color: var(--techvon-text) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

.techvon-about-page .techvon-author-name {
  display: block;
  margin: 0 0 4px !important;
  color: var(--techvon-text) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

.techvon-about-page .techvon-cta-title {
  display: block;
  margin: 0 0 20px !important;
  color: var(--techvon-white) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
}

/* Card lift cubic-bezier zoom visual */
.techvon-about-page .card-lift {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}

.techvon-about-page .card-lift:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px -12px rgba(15, 23, 42, 0.12);
}

.techvon-about-page .img-zoom-container {
  overflow: hidden;
  border-radius: 2rem;
}

.techvon-about-page .img-zoom {
  transition: transform 0.5s ease;
}

.techvon-about-page .img-zoom:hover {
  transform: scale(1.05);
}

/* Layout section desktop gap: 88px */
.techvon-about-page > .techvon-container > div {
  margin-bottom: 88px;
}

.techvon-about-page > .techvon-container > div:last-child {
  margin-bottom: 0;
}

/* 1. Hero Section */
.techvon-about-hero {
  padding: 40px 0;
}

.techvon-about-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: center;
}

@media (min-width: 992px) {
  .techvon-about-hero-grid {
    grid-template-columns: 1.2fr 0.8fr;
  }
}

.techvon-about-hero-badge-wrap {
  margin-bottom: 24px;
}

.techvon-about-hero .techvon-hero-title {
  margin-bottom: 24px;
}

.techvon-about-hero .techvon-hero-desc {
  color: var(--techvon-muted);
  font-size: 18px;
  line-height: 1.75;
  margin-bottom: 32px;
}

.techvon-about-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.techvon-about-hero-image-wrapper {
  position: relative;
}

.techvon-about-hero-glow {
  position: absolute;
  inset: -16px;
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.2) 0%, rgba(6, 182, 212, 0.2) 100%);
  filter: blur(24px);
  border-radius: 50%;
  opacity: 0.5;
}

.techvon-about-hero-image {
  width: 100%;
  height: 540px;
  object-fit: cover;
  border-radius: 2rem;
  border: 4px solid rgba(255, 255, 255, 0.4);
  display: block;
}

@media (max-width: 768px) {
  .techvon-about-hero-image {
    height: 360px;
  }
}

/* Badge & ping animation */
.techvon-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: rgba(79, 70, 229, 0.05);
  color: var(--techvon-primary);
  border: 1px solid rgba(79, 70, 229, 0.1);
  border-radius: var(--techvon-radius-pill);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.techvon-badge-dot {
  position: relative;
  display: flex;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: var(--techvon-primary);
}

.techvon-badge-dot::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: var(--techvon-primary);
  animation: ping 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;
  opacity: 0.75;
}

@keyframes ping {
  75%, 100% {
    transform: scale(2.5);
    opacity: 0;
  }
}

/* 2. What You Will Find Section */
.techvon-about-find {
  padding: 40px 0;
}

.techvon-about-find-desc, .techvon-about-trust-desc {
  color: var(--techvon-muted);
  max-width: 600px;
  margin: 0 auto 48px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.techvon-about-find-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

@media (min-width: 769px) {
  .techvon-about-find-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-about-find-card {
  background-color: var(--techvon-white);
  padding: 32px;
  border-radius: 24px;
  border: 1px solid var(--techvon-border);
  display: flex;
  flex-direction: column;
}

.techvon-about-find-icon-wrapper, .techvon-about-trust-icon-wrapper {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  flex-shrink: 0;
}

.techvon-about-find-icon-wrapper.accent-primary, .techvon-about-trust-icon-wrapper.accent-primary {
  background-color: rgba(79, 70, 229, 0.1);
  color: var(--techvon-primary);
}

.techvon-about-find-icon-wrapper.accent-cyan, .techvon-about-trust-icon-wrapper.accent-cyan {
  background-color: rgba(6, 182, 212, 0.1);
  color: var(--techvon-cyan);
}

.techvon-about-find-icon-wrapper span, .techvon-about-trust-icon-wrapper span {
  font-size: 24px;
}

.techvon-about-find-card .techvon-card-description, .techvon-about-trust-card .techvon-card-description {
  font-size: 14px;
  color: var(--techvon-muted);
  line-height: 1.65;
  flex-grow: 1;
  margin-bottom: 24px !important;
}

.techvon-about-find-card .techvon-card-link {
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: transform 0.2s ease;
  margin-top: auto;
}

.techvon-about-find-card .techvon-card-link.accent-primary {
  color: var(--techvon-primary);
}

.techvon-about-find-card .techvon-card-link.accent-cyan {
  color: var(--techvon-cyan);
}

.techvon-about-find-card .techvon-card-link:hover {
  transform: translateX(4px);
}

/* 3. Why Trust Section */
.techvon-about-trust {
  padding: 40px 0;
}

.techvon-about-trust-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 576px) {
  .techvon-about-trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .techvon-about-trust-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.techvon-about-trust-card {
  border-radius: 24px;
  padding: 32px;
  background-color: var(--techvon-white);
  border: 1px solid var(--techvon-border);
  display: flex;
  flex-direction: column;
}

.techvon-about-trust-icon-wrapper {
  border-radius: 50%;
}

.techvon-about-trust-card .techvon-card-description {
  margin-bottom: 0 !important;
  font-size: 13px;
  line-height: 1.6;
}

/* 4. Content Process Section */
.techvon-about-process {
  padding: 40px 0;
}

.techvon-about-process-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 768px) {
  .techvon-about-process-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.techvon-about-process-card {
  background-color: #f5f2ff;
  border: 1px solid rgba(199, 196, 216, 0.4);
  border-radius: 1rem;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.techvon-about-process-card-number {
  font-size: 32px;
  font-weight: 900;
  color: var(--techvon-primary);
  margin-bottom: 12px;
  line-height: 1;
}

.techvon-about-process-card .techvon-step-title {
  margin-bottom: 8px !important;
}

.techvon-about-process-card .techvon-card-description {
  margin-bottom: 0 !important;
  font-size: 14px;
  color: var(--techvon-muted);
  line-height: 1.5;
}

/* 5. Timeline Section */
.techvon-about-timeline {
  position: relative;
  padding: 40px 0;
}

.techvon-about-timeline-container {
  position: relative;
  margin-top: 80px;
}

.techvon-about-timeline-line {
  position: absolute;
  left: 24px;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--techvon-primary) 0%, var(--techvon-cyan) 50%, rgba(6, 182, 212, 0) 100%);
}

@media (min-width: 769px) {
  .techvon-about-timeline-line {
    left: 50%;
    transform: translateX(-50%);
  }
}

.techvon-about-timeline-row {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 48px;
  padding-left: 64px;
}

.techvon-about-timeline-row:last-child {
  margin-bottom: 0;
}

@media (min-width: 769px) {
  .techvon-about-timeline-row {
    flex-direction: row;
    align-items: center;
    padding-left: 0;
    margin-bottom: 80px;
  }
  .techvon-about-timeline-row-reverse {
    flex-direction: row-reverse;
  }
}

.techvon-about-timeline-year-col {
  display: none;
}

@media (min-width: 769px) {
  .techvon-about-timeline-year-col {
    display: block;
    width: 50%;
    box-sizing: border-box;
  }
  .techvon-about-timeline-row .techvon-about-timeline-year-col {
    padding-right: 96px;
    text-align: right;
  }
  .techvon-about-timeline-row-reverse .techvon-about-timeline-year-col {
    padding-left: 96px;
    text-align: left;
  }
}

.techvon-timeline-year-text {
  font-size: 48px;
  font-weight: 900;
  color: var(--techvon-dark);
  line-height: 1;
}

.techvon-about-timeline-dot {
  position: absolute;
  left: 24px;
  top: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--techvon-white);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  z-index: 10;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

@media (min-width: 769px) {
  .techvon-about-timeline-dot {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.techvon-about-timeline-dot.accent-primary {
  border: 4px solid var(--techvon-primary);
  color: var(--techvon-primary);
}

.techvon-about-timeline-dot.accent-cyan {
  border: 4px solid var(--techvon-cyan);
  color: var(--techvon-cyan);
}

.techvon-about-timeline-dot.accent-gradient {
  background: linear-gradient(135deg, var(--techvon-primary) 0%, var(--techvon-cyan) 100%);
  border: 4px solid var(--techvon-white);
  color: var(--techvon-white);
}

.techvon-about-timeline-dot span {
  font-size: 16px;
}

.techvon-about-timeline-card-col {
  width: 100%;
}

@media (min-width: 769px) {
  .techvon-about-timeline-card-col {
    width: 50%;
  }
  .techvon-about-timeline-row .techvon-about-timeline-card-col {
    padding-left: 96px;
  }
  .techvon-about-timeline-row-reverse .techvon-about-timeline-card-col {
    padding-right: 96px;
  }
}

.techvon-about-timeline-card {
  background-color: var(--techvon-white);
  border: 1px solid var(--techvon-border);
  border-radius: 24px;
  padding: 32px;
  box-shadow: var(--techvon-shadow-editorial);
}

/* Highlight border for the active/latest timeline item */
.techvon-about-timeline-row:last-child .techvon-about-timeline-card {
  border: 2px solid var(--techvon-primary);
}

.techvon-timeline-card-mobile-year {
  display: inline-block;
  padding: 2px 8px;
  border-radius: var(--techvon-radius-pill);
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 12px;
}

.techvon-timeline-card-mobile-year.accent-primary {
  background-color: rgba(79, 70, 229, 0.1);
  color: var(--techvon-primary);
}

.techvon-timeline-card-mobile-year.accent-cyan {
  background-color: rgba(6, 182, 212, 0.1);
  color: var(--techvon-cyan);
}

.techvon-timeline-card-mobile-year.accent-gradient {
  background: linear-gradient(135deg, var(--techvon-primary) 0%, var(--techvon-cyan) 100%);
  color: var(--techvon-white);
}

@media (min-width: 769px) {
  .techvon-timeline-card-mobile-year {
    display: none;
  }
}

/* 6. Workflow Section */
.techvon-about-workflow {
  padding: 40px 0;
}

.techvon-about-workflow-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: center;
}

@media (min-width: 992px) {
  .techvon-about-workflow-grid {
    grid-template-columns: 1.1fr 0.9fr;
    gap: 80px;
  }
}

.techvon-about-workflow-desc {
  color: var(--techvon-muted);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 32px;
}

.techvon-about-workflow-steps {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.techvon-about-workflow-step-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.techvon-about-workflow-step-num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  flex-shrink: 0;
}

.techvon-about-workflow-step-num.accent-primary {
  background-color: rgba(79, 70, 229, 0.1);
  color: var(--techvon-primary);
}

.techvon-about-workflow-step-num.accent-cyan {
  background-color: rgba(6, 182, 212, 0.1);
  color: var(--techvon-cyan);
}

.techvon-about-workflow-step-desc {
  margin: 0;
  font-size: 14px;
  color: var(--techvon-muted);
  line-height: 1.5;
}

.techvon-about-tool-grid-container {
  background-color: #f0ecf9;
  padding: 32px;
  border-radius: 24px;
  border: 1px solid rgba(199, 196, 216, 0.4);
}

.techvon-about-tool-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.techvon-about-tool-card {
  background-color: var(--techvon-white);
  border: 1px solid rgba(199, 196, 216, 0.2);
  border-radius: 1rem;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.techvon-about-tool-icon-wrapper {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.techvon-about-tool-icon-wrapper.accent-primary {
  background-color: rgba(79, 70, 229, 0.08);
  color: var(--techvon-primary);
}

.techvon-about-tool-icon-wrapper.accent-cyan {
  background-color: rgba(6, 182, 212, 0.08);
  color: var(--techvon-cyan);
}

.techvon-about-tool-title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--techvon-text);
}

.techvon-about-tool-banner-card {
  grid-column: span 2;
  background-color: var(--techvon-primary);
  color: var(--techvon-white);
  padding: 16px;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.3);
}

.techvon-about-tool-banner-card span {
  font-size: 20px;
}

/* 7. Affiliate Disclosure Section */
.techvon-about-affiliate {
  padding: 40px 0;
}

.techvon-about-affiliate-card {
  background-color: #f5f2ff;
  border: 1px solid rgba(199, 196, 216, 0.4);
  padding: 40px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.techvon-about-affiliate-icon-wrapper {
  width: 64px;
  height: 64px;
  background-color: var(--techvon-white);
  border: 1px solid rgba(199, 196, 216, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--techvon-primary);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
}

.techvon-about-affiliate-icon-wrapper span {
  font-size: 28px;
}

.techvon-about-affiliate-content {
  font-size: 14px;
  color: var(--techvon-muted);
  line-height: 1.65;
  max-width: 650px;
  margin: 0 auto;
}

.techvon-about-affiliate-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 32px;
  background-color: rgba(79, 70, 229, 0.08);
  color: var(--techvon-primary);
  border: 1px solid rgba(79, 70, 229, 0.15);
  border-radius: var(--techvon-radius-pill);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.techvon-about-affiliate-btn:hover {
  background-color: rgba(79, 70, 229, 0.15);
}

.techvon-about-affiliate-btn span {
  font-size: 16px;
}

/* 8. Author Credibility Section */
.techvon-about-author {
  padding: 40px 0;
}

.techvon-about-author-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

@media (min-width: 768px) {
  .techvon-about-author-row {
    flex-direction: row;
    align-items: flex-start;
  }
}

.techvon-about-author-photo-wrapper {
  width: 192px;
  height: 192px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid var(--techvon-white);
  box-shadow: var(--techvon-shadow-editorial);
  flex-shrink: 0;
}

.techvon-about-author-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.techvon-about-author-content {
  display: flex;
  flex-direction: column;
  text-align: center;
}

@media (min-width: 768px) {
  .techvon-about-author-content {
    text-align: left;
    margin-top: 12px;
  }
}

.techvon-about-author-role {
  color: var(--techvon-primary);
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
}

.techvon-about-author-bio {
  font-size: 14px;
  line-height: 1.7;
  color: var(--techvon-muted);
  font-style: italic;
  margin-bottom: 20px;
}

.techvon-about-author-links {
  display: flex;
  justify-content: center;
  gap: 24px;
}

@media (min-width: 768px) {
  .techvon-about-author-links {
    justify-content: flex-start;
  }
}

.techvon-about-author-link-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.techvon-about-author-link-label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--techvon-muted);
  letter-spacing: 0.02em;
}

.techvon-about-author-link-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--techvon-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--techvon-text);
  transition: color 0.2s ease;
}

.techvon-about-author-link-btn:hover {
  color: var(--techvon-primary);
}

.techvon-about-author-link-btn span {
  font-size: 14px;
}

/* 9. Final CTA Section */
.techvon-about-cta {
  padding: 40px 0;
}

.techvon-about-cta-card-wrap {
  background-color: var(--techvon-primary);
  border-radius: 24px;
  overflow: hidden;
  padding: 64px 24px;
  text-align: center;
  box-shadow: var(--techvon-shadow-editorial);
}

@media (min-width: 768px) {
  .techvon-about-cta-card-wrap {
    padding: 96px 48px;
  }
}

.techvon-about-cta-backdrop {
  position: absolute;
  inset: 0;
  opacity: 0.1;
  background-image: radial-gradient(#fff 1px, transparent 1px);
  background-size: 24px 24px;
}

.techvon-about-cta-desc {
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 40px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.techvon-about-cta-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
}

.techvon-about-cta-btn-white {
  background-color: var(--techvon-white);
  color: var(--techvon-primary) !important;
  font-weight: 700;
  padding: 16px 40px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15);
}

.techvon-about-cta-btn-white:hover {
  transform: translateY(-2px);
  background-color: #f1ecff;
}

.techvon-about-cta-btn-outline {
  background-color: transparent;
  color: var(--techvon-white) !important;
  border: 2px solid rgba(255, 255, 255, 0.4);
  font-weight: 700;
  padding: 16px 40px;
}

.techvon-about-cta-btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 576px) {
  .techvon-about-cta-actions {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .techvon-about-cta-actions .techvon-btn {
    width: 100%;
    max-width: 320px;
  }
}

/* =========================================================================
   Silo Page Specific Styles (Phase 1 - Polished)
   ========================================================================= */

.techvon-silo-page {
  width: 100%;
  max-width: none;
  margin: 0;
  background-color: #fcf8ff;
}

.techvon-silo-page > section {
  width: 100%;
  position: relative;
}

.techvon-silo-page .techvon-section-title {
  font-size: clamp(28px, 4vw, 36px) !important;
  font-weight: 800 !important;
  color: var(--techvon-dark, #0F172A) !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.25 !important;
}

.techvon-silo-page .techvon-section-subtitle {
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--techvon-muted, #475569) !important;
  max-width: 640px !important;
  margin: 0 !important;
}

.techvon-silo-page .techvon-card-title {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--techvon-dark, #0F172A) !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.4 !important;
}

.techvon-silo-page .techvon-article-title {
  font-size: clamp(18px, 2.5vw, 24px) !important;
  font-weight: 800 !important;
  color: var(--techvon-dark, #0F172A) !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.35 !important;
}

.techvon-silo-page .techvon-review-title {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--techvon-dark, #0F172A) !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.4 !important;
}

.techvon-silo-page .techvon-cta-title {
  font-size: clamp(24px, 4.5vw, 38px) !important;
  font-weight: 850 !important;
  color: #ffffff !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.2 !important;
}

/* 1. Silo Hero Section */
.techvon-silo-hero {
  padding: 64px 0;
  background: linear-gradient(180deg, rgba(79, 70, 229, 0.08) 0%, rgba(252, 248, 255, 0) 100%);
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .techvon-silo-hero {
    padding: 96px 0 120px 0;
  }
}

.techvon-silo-hero-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 70% 30%, rgba(6, 182, 212, 0.05) 0%, transparent 60%);
  pointer-events: none;
  z-index: 1;
}

.techvon-silo-hero-container {
  width: min(100% - 32px, 1280px);
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: center;
  position: relative;
  z-index: 2;
}

@media (min-width: 992px) {
  .techvon-silo-hero-container {
    grid-template-columns: 1.1fr 0.9fr;
  }
}

.techvon-silo-hero-content {
  display: flex;
  flex-direction: column;
}

.techvon-silo-hero-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--techvon-muted, #475569);
  margin-bottom: 24px;
}

.techvon-silo-hero-breadcrumb a {
  color: var(--techvon-muted, #475569);
  text-decoration: none;
  transition: color 0.2s;
}

.techvon-silo-hero-breadcrumb a:hover {
  color: var(--techvon-primary, #4F46E5);
}

.techvon-silo-hero-breadcrumb .icon-chevron {
  font-size: 14px;
}

.techvon-silo-hero-breadcrumb .current-item {
  color: var(--techvon-primary, #4F46E5);
  font-weight: 700;
}

.techvon-silo-hero-title {
  font-size: clamp(2rem, 5.5vw, 3.25rem);
  line-height: 1.15;
  font-weight: 850;
  color: var(--techvon-dark, #0F172A);
  letter-spacing: -0.02em;
  margin: 0 0 24px 0 !important;
}

.techvon-silo-hero-title .text-gradient {
  background: linear-gradient(135deg, var(--techvon-primary, #4F46E5) 0%, var(--techvon-cyan, #06B6D4) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.techvon-silo-hero-desc {
  font-size: 18px;
  line-height: 1.65;
  color: var(--techvon-muted, #475569);
  margin: 0 0 40px 0;
  max-width: 560px;
}

.techvon-silo-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 48px;
}

.techvon-silo-hero-btn-primary {
  padding: 16px 36px !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  border-radius: 9999px !important;
  box-shadow: 0 10px 24px rgba(79, 70, 229, 0.15);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.techvon-silo-hero-btn-secondary {
  padding: 16px 36px !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  border-radius: 9999px !important;
  background-color: #eae6f4 !important;
  color: var(--techvon-dark, #0F172A) !important;
  border: 1px solid var(--techvon-border, #E2E8F0) !important;
}

.techvon-silo-hero-btn-secondary:hover {
  background-color: #e4e1ee !important;
}

.techvon-silo-hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding-top: 32px;
  border-top: 1px solid rgba(226, 232, 240, 0.8);
}

.techvon-silo-hero-stat-item {
  display: flex;
  flex-direction: column;
}

.techvon-silo-hero-stat-item .stat-number {
  font-size: 32px;
  font-weight: 850;
  color: var(--techvon-dark, #0F172A);
  line-height: 1.2;
}

.techvon-silo-hero-stat-item .stat-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--techvon-muted, #475569);
  margin-top: 4px;
}

.techvon-silo-hero-visual {
  display: flex;
  justify-content: center;
}

.techvon-silo-hero-img {
  width: 100%;
  max-width: 500px;
  height: auto;
  object-fit: contain;
}

@keyframes floatSiloHero {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-16px);
  }
}

.techvon-silo-hero-img.animate-float {
  animation: floatSiloHero 6s ease-in-out infinite;
}

@media (max-width: 640px) {
  .techvon-silo-page .techvon-silo-hero-actions {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  .techvon-silo-page .techvon-silo-hero-actions a,
  .techvon-silo-page .techvon-silo-hero-actions .techvon-button,
  .techvon-silo-page .techvon-silo-hero-btn-primary,
  .techvon-silo-page .techvon-silo-hero-btn-secondary {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .techvon-silo-page .techvon-silo-hero-stats {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px 16px !important;
    justify-items: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .techvon-silo-page .techvon-silo-hero-stats > * {
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
  }

  .techvon-silo-page .techvon-silo-hero-stats > *:last-child {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
  }

  .techvon-silo-page .techvon-silo-hero-stat-item .stat-number,
  .techvon-silo-page .techvon-silo-hero-stat-value {
    text-align: center !important;
  }

  .techvon-silo-page .techvon-silo-hero-stat-item .stat-label,
  .techvon-silo-page .techvon-silo-hero-stat-label {
    text-align: center !important;
  }
}

/* 2. Silo Start Section */
.techvon-silo-start {
  padding: 80px 0;
  background-color: #ffffff;
}

@media (max-width: 768px) {
  .techvon-silo-start {
    padding: 56px 0;
  }
}

.techvon-silo-start-container {
  width: min(100% - 32px, 1280px);
  margin-left: auto;
  margin-right: auto;
}

.techvon-silo-start-header {
  text-align: center;
  margin-bottom: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.techvon-silo-start-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 768px) {
  .techvon-silo-start-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-silo-start-card {
  background-color: #fdfcff;
  border-radius: 24px;
  padding: 40px 32px;
  border: 1px solid rgba(199, 196, 216, 0.25);
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.techvon-silo-start-card:hover {
  transform: translateY(-6px);
  box-shadow: 0px 20px 40px rgba(15, 23, 42, 0.08);
}

.techvon-silo-start-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.techvon-silo-start-icon.accent-primary {
  background-color: rgba(79, 70, 229, 0.1);
  color: var(--techvon-primary, #4F46E5);
}

.techvon-silo-start-icon.accent-cyan {
  background-color: rgba(6, 182, 212, 0.1);
  color: var(--techvon-cyan, #06B6D4);
}

.techvon-silo-start-icon.accent-orange {
  background-color: rgba(126, 48, 0, 0.1);
  color: #a44100;
}

.techvon-silo-start-card-desc {
  font-size: 15px;
  line-height: 1.6;
  color: var(--techvon-muted, #475569);
  margin-bottom: 32px;
  flex-grow: 1;
}

.techvon-silo-start-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  border-top: 1px solid rgba(226, 232, 240, 0.5);
  padding-top: 16px;
}

.techvon-silo-start-card-footer .time-meta {
  font-size: 13px;
  font-weight: 600;
  color: var(--techvon-muted, #475569);
  display: flex;
  align-items: center;
  gap: 4px;
}

.techvon-silo-start-card-footer .icon-time {
  font-size: 16px;
}

.techvon-silo-start-card-link {
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
  transition: opacity 0.2s;
}

.techvon-silo-start-card-link:hover {
  text-decoration: underline;
  opacity: 0.85;
}

.techvon-silo-start-card-link.accent-primary {
  color: var(--techvon-primary, #4F46E5);
}

.techvon-silo-start-card-link.accent-cyan {
  color: var(--techvon-cyan, #06B6D4);
}

.techvon-silo-start-card-link.accent-orange {
  color: #a44100;
}

/* 3. Silo Topics Section */
.techvon-silo-topics {
  padding: 80px 0;
  background-color: #fcf8ff;
}

@media (max-width: 768px) {
  .techvon-silo-topics {
    padding: 56px 0;
  }
}

.techvon-silo-topics-container {
  width: min(100% - 32px, 1280px);
  margin-left: auto;
  margin-right: auto;
}

.techvon-silo-topics-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 48px;
}

.techvon-silo-topics-view-all {
  font-size: 14px;
  font-weight: 750;
  color: var(--techvon-primary, #4F46E5);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.2s;
  padding-bottom: 4px;
}

.techvon-silo-topics-view-all:hover {
  text-decoration: underline;
  gap: 10px;
}

.techvon-silo-topics-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media (min-width: 768px) {
  .techvon-silo-topics-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1024px) {
  .techvon-silo-topics-grid {
    grid-template-columns: repeat(8, 1fr);
  }
}

.techvon-silo-page .techvon-silo-topic-card .techvon-card-title {
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
  color: var(--techvon-dark, #0F172A) !important;
  text-align: center !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
}

.techvon-silo-page .techvon-silo-topic-card {
  min-height: 136px !important;
  padding: 22px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background-color: #ffffff;
  border-radius: 24px;
  border: 1px solid rgba(199, 196, 216, 0.15);
  box-shadow: 0px 8px 24px rgba(15, 23, 42, 0.04);
  text-decoration: none;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.techvon-silo-page .techvon-silo-topic-card:hover {
  transform: translateY(-4px);
  box-shadow: 0px 16px 32px rgba(15, 23, 42, 0.08);
}

.techvon-silo-page .techvon-silo-topic-card .material-symbols-outlined {
  font-size: 22px !important;
  margin-bottom: 0 !important;
}

/* 4. Silo Featured Guides Section */
.techvon-silo-guides {
  padding: 80px 0;
  background-color: #ffffff;
}

@media (max-width: 768px) {
  .techvon-silo-guides {
    padding: 56px 0;
  }
}

.techvon-silo-guides-container {
  width: min(100% - 32px, 1280px);
  margin-left: auto;
  margin-right: auto;
}

.techvon-silo-guides-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: 40px;
}

@media (min-width: 992px) {
  .techvon-silo-guides-grid {
    grid-template-columns: 1.25fr 0.75fr;
  }
}

.techvon-silo-guides-large {
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  background: #000;
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.06);
  height: 400px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-silo-guides-large:hover {
  transform: translateY(-4px);
  box-shadow: 0px 20px 40px rgba(15, 23, 42, 0.1);
}

.techvon-silo-guides-large-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  padding: 40px;
  position: relative;
  z-index: 2;
  text-decoration: none;
}

.techvon-silo-guides-large-img-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.techvon-silo-guides-large-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.65;
  transition: transform 0.6s ease;
}

.techvon-silo-guides-large:hover .techvon-silo-guides-large-img {
  transform: scale(1.03);
}

.techvon-silo-guides-large-info {
  position: relative;
  z-index: 3;
}

.techvon-silo-guides-large-badge {
  background-color: var(--techvon-primary, #4F46E5);
  color: #ffffff;
  padding: 4px 12px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 16px;
}

.techvon-silo-guides-large-meta {
  display: flex;
  gap: 16px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  font-weight: 500;
}

/* Main Featured Guide Overlay & Typography Polish */
.techvon-silo-page .techvon-silo-featured-main {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.techvon-silo-page .techvon-silo-featured-main img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.45s ease !important;
}

.techvon-silo-page .techvon-silo-featured-main:hover img {
  transform: scale(1.04) !important;
}

.techvon-silo-page .techvon-silo-featured-main::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0.08) 0%,
    rgba(15, 23, 42, 0.38) 42%,
    rgba(15, 23, 42, 0.82) 100%
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.techvon-silo-page .techvon-silo-featured-main-content {
  position: absolute !important;
  left: 32px !important;
  right: 32px !important;
  bottom: 28px !important;
  z-index: 2 !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.techvon-silo-page .techvon-silo-featured-main .techvon-article-title {
  color: #ffffff !important;
  font-size: clamp(24px, 2.3vw, 34px) !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35) !important;
  margin: 12px 0 !important;
  text-align: left !important;
}

.techvon-silo-page .techvon-silo-featured-main .techvon-article-meta,
.techvon-silo-page .techvon-silo-featured-main .techvon-article-meta span,
.techvon-silo-page .techvon-silo-featured-main .techvon-article-meta a {
  color: rgba(255, 255, 255, 0.86) !important;
}

.techvon-silo-page .techvon-silo-featured-main .techvon-featured-badge {
  background: #4f46e5 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(79, 70, 229, 0.32) !important;
}

@media (max-width: 640px) {
  .techvon-silo-page .techvon-silo-featured-main-content {
    left: 20px !important;
    right: 20px !important;
    bottom: 22px !important;
  }

  .techvon-silo-page .techvon-silo-featured-main .techvon-article-title {
    font-size: 22px !important;
    line-height: 1.18 !important;
  }
}

.techvon-silo-guides-large-meta .meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.techvon-silo-guides-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}

.techvon-silo-page .techvon-silo-guide-side .techvon-article-title,
.techvon-silo-page .techvon-silo-guide-list .techvon-article-title,
.techvon-silo-page .techvon-silo-guide-side-card .techvon-article-title,
.techvon-silo-page .techvon-silo-guides-list .techvon-card-title,
.techvon-silo-page .techvon-silo-guides-item .techvon-card-title {
  font-size: 17px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 8px !important;
}

.techvon-silo-page .techvon-silo-guide-side img,
.techvon-silo-page .techvon-silo-guide-list img,
.techvon-silo-page .techvon-silo-guides-item-img {
  width: 96px !important;
  height: 96px !important;
  object-fit: cover !important;
  border-radius: 18px !important;
}

.techvon-silo-page .techvon-silo-guide-side-card,
.techvon-silo-page .techvon-silo-guides-item {
  min-height: 118px !important;
  align-items: center !important;
  display: flex;
  gap: 20px;
  padding: 16px;
  background-color: #fcf8ff;
  border: 1px solid rgba(199, 196, 216, 0.15);
  border-radius: 24px;
  text-decoration: none;
  transition: background-color 0.2s, transform 0.2s;
  color: inherit;
}

.techvon-silo-page .techvon-silo-guides-item:hover {
  background-color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0px 8px 24px rgba(15, 23, 42, 0.04);
}

.techvon-silo-guides-item-img-wrap {
  width: 96px;
  height: 96px;
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
}

.techvon-silo-guides-item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.techvon-silo-guides-item-tag {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--techvon-muted, #475569);
  letter-spacing: 0.05em;
}

.techvon-silo-page .techvon-silo-guides-large .techvon-article-title {
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.2 !important;
}

/* 5. Silo Paths Section (Dark Theme) */
.techvon-silo-page .techvon-silo-paths {
  background: #111827 !important;
  color: #ffffff !important;
  padding: 80px 0;
}

@media (max-width: 768px) {
  .techvon-silo-page .techvon-silo-paths {
    padding: 56px 0;
  }
}

.techvon-silo-paths-container {
  width: min(100% - 32px, 1280px);
  margin-left: auto;
  margin-right: auto;
}

.techvon-silo-paths-header {
  text-align: center;
  margin-bottom: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.techvon-silo-page .techvon-silo-paths .techvon-section-title {
  color: #ffffff !important;
}

.techvon-silo-page .techvon-silo-paths .techvon-section-subtitle {
  color: rgba(255, 255, 255, 0.72) !important;
}

.techvon-silo-paths-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 768px) {
  .techvon-silo-paths-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .techvon-silo-paths-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.techvon-silo-page .techvon-silo-path-card,
.techvon-silo-page .techvon-silo-paths-card {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  border-radius: 24px;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  transition: transform 0.3s, background-color 0.3s;
}

.techvon-silo-page .techvon-silo-paths-card:hover {
  transform: translateY(-4px);
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.techvon-silo-page .techvon-silo-path-card .techvon-card-title,
.techvon-silo-page .techvon-silo-paths-card .techvon-card-title {
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
}

.techvon-silo-page .techvon-silo-path-card p,
.techvon-silo-page .techvon-silo-path-card .techvon-card-description,
.techvon-silo-page .techvon-silo-paths-card-desc,
.techvon-silo-page .techvon-silo-paths-card p {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin-bottom: 32px !important;
}

.techvon-silo-page .techvon-silo-path-card a,
.techvon-silo-page .techvon-silo-path-card .techvon-button,
.techvon-silo-page .techvon-silo-paths-card a,
.techvon-silo-page .techvon-silo-paths-card .techvon-button,
.techvon-silo-page .techvon-silo-paths-card .techvon-btn {
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  padding: 12px 24px !important;
  border-radius: 9999px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center;
  width: 100%;
  display: block;
  transition: background-color 0.2s, color 0.2s;
  background-color: transparent !important;
}

.techvon-silo-page .techvon-silo-path-card a:hover,
.techvon-silo-page .techvon-silo-path-card .techvon-button:hover,
.techvon-silo-page .techvon-silo-paths-card a:hover,
.techvon-silo-page .techvon-silo-paths-card .techvon-button:hover,
.techvon-silo-page .techvon-silo-paths-card .techvon-btn:hover {
  background-color: #ffffff !important;
  color: #111827 !important;
  border-color: #ffffff !important;
}

/* 6. Silo Reviews Section */
.techvon-silo-reviews {
  padding: 80px 0;
  background-color: #ffffff;
}

@media (max-width: 768px) {
  .techvon-silo-reviews {
    padding: 56px 0;
  }
}

.techvon-silo-reviews-container {
  width: min(100% - 32px, 1280px);
  margin-left: auto;
  margin-right: auto;
}

.techvon-silo-reviews .techvon-section-title {
  text-align: center;
  margin-bottom: 56px !important;
}

.techvon-silo-reviews-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 992px) {
  .techvon-silo-reviews-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-silo-reviews-card {
  background-color: #fdfcff;
  border-radius: 24px;
  padding: 36px;
  border: 1px solid rgba(199, 196, 216, 0.25);
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.03);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-silo-reviews-card:hover {
  transform: translateY(-4px);
  box-shadow: 0px 20px 40px rgba(15, 23, 42, 0.08);
}

.techvon-silo-reviews-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.techvon-silo-reviews-icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.techvon-silo-reviews-icon.accent-primary {
  background-color: rgba(79, 70, 229, 0.1);
  color: var(--techvon-primary, #4F46E5);
}

.techvon-silo-reviews-icon.accent-cyan {
  background-color: rgba(6, 182, 212, 0.1);
  color: var(--techvon-cyan, #06B6D4);
}

.techvon-silo-reviews-icon.accent-orange {
  background-color: rgba(126, 48, 0, 0.1);
  color: #a44100;
}

.techvon-silo-reviews-rating-wrap {
  display: flex;
  flex-direction: column;
}

.techvon-silo-reviews-stars {
  display: flex;
  gap: 2px;
}

.techvon-silo-reviews-stars .material-symbols-outlined {
  font-size: 16px;
}

.techvon-silo-reviews-stars .fill-star {
  font-variation-settings: 'FILL' 1;
}

.techvon-silo-reviews-proscons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
  flex-grow: 1;
}

.techvon-silo-reviews-proscons .pro-item,
.techvon-silo-reviews-proscons .con-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
}

.techvon-silo-reviews-proscons .material-symbols-outlined {
  font-size: 18px;
  margin-top: 1px;
}

.techvon-silo-reviews-btn {
  width: 100%;
  padding: 12px !important;
  border-radius: 12px !important;
  text-align: center;
  font-weight: 700;
  display: block;
  font-size: 14px !important;
}

.techvon-silo-reviews-btn.accent-primary {
  background-color: rgba(79, 70, 229, 0.08);
  color: var(--techvon-primary, #4F46E5) !important;
}

.techvon-silo-reviews-btn.accent-primary:hover {
  background-color: rgba(79, 70, 229, 0.15);
}

.techvon-silo-reviews-btn.accent-cyan {
  background-color: rgba(6, 182, 212, 0.08);
  color: var(--techvon-cyan, #06B6D4) !important;
}

.techvon-silo-reviews-btn.accent-cyan:hover {
  background-color: rgba(6, 182, 212, 0.15);
}

.techvon-silo-reviews-btn.accent-orange {
  background-color: rgba(126, 48, 0, 0.08);
  color: #a44100 !important;
}

.techvon-silo-reviews-btn.accent-orange:hover {
  background-color: rgba(126, 48, 0, 0.15);
}

/* 7. Silo Latest Section */
.techvon-silo-latest {
  padding: 80px 0;
  background-color: #fcf8ff;
}

@media (max-width: 768px) {
  .techvon-silo-latest {
    padding: 56px 0;
  }
}

.techvon-silo-latest-container {
  width: min(100% - 32px, 1280px);
  margin-left: auto;
  margin-right: auto;
}

.techvon-silo-latest .techvon-section-title {
  text-align: center;
  margin-bottom: 56px !important;
}

.techvon-silo-latest-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 768px) {
  .techvon-silo-latest-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-silo-latest-card {
  background-color: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(199, 196, 216, 0.2);
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.03);
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-silo-latest-card:hover {
  transform: translateY(-4px);
  box-shadow: 0px 20px 40px rgba(15, 23, 42, 0.08);
}

.techvon-silo-latest-img-wrap {
  aspect-ratio: 16/10;
  overflow: hidden;
  background-color: #eae6f4;
}

.techvon-silo-latest-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.techvon-silo-latest-card:hover .techvon-silo-latest-img {
  transform: scale(1.05);
}

.techvon-silo-latest-info {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.techvon-silo-latest-info .techvon-article-title {
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
  margin: 0 0 12px 0 !important;
  transition: color 0.2s;
}

.techvon-silo-latest-card:hover .techvon-article-title {
  color: var(--techvon-primary, #4F46E5);
}

.techvon-silo-latest-meta {
  font-size: 12px;
  font-weight: 600;
  color: var(--techvon-muted, #475569);
  margin-top: auto;
}

.techvon-silo-latest-footer {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

.techvon-silo-latest-btn {
  padding: 12px 32px !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(148, 163, 184, 0.5) !important;
  background-color: #ffffff !important;
  color: var(--techvon-dark, #0F172A) !important;
  font-weight: 700 !important;
  text-decoration: none;
}

.techvon-silo-latest-btn:hover {
  background-color: var(--techvon-bg, #F8FAFC) !important;
  border-color: rgba(148, 163, 184, 0.8) !important;
}

/* 8. Silo FAQ Section */
.techvon-silo-faq {
  padding: 80px 0;
  background-color: #ffffff;
}

@media (max-width: 768px) {
  .techvon-silo-faq {
    padding: 56px 0;
  }
}

.techvon-silo-faq-container {
  width: min(100% - 32px, 768px);
  margin-left: auto;
  margin-right: auto;
}

.techvon-silo-faq .techvon-section-title {
  text-align: center;
  margin-bottom: 56px !important;
}

.techvon-silo-faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.techvon-faq-item {
  border: 1px solid rgba(199, 196, 216, 0.35);
  border-radius: 20px;
  background-color: #ffffff;
  overflow: hidden;
  box-shadow: 0px 4px 12px rgba(15, 23, 42, 0.01);
  transition: border-color 0.2s;
}

.techvon-faq-item:hover {
  border-color: rgba(199, 196, 216, 0.6);
}

.techvon-faq-question {
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  padding: 24px !important;
  text-align: left !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.techvon-faq-question:hover {
  background-color: rgba(245, 242, 255, 0.3) !important;
}

.techvon-faq-question .question-text {
  font-size: 15px;
  font-weight: 750;
  color: var(--techvon-dark, #0F172A);
  line-height: 1.4;
  padding-right: 16px;
}

.techvon-faq-question .icon-arrow {
  color: var(--techvon-muted, #475569);
  transition: transform 0.3s ease;
  font-size: 20px;
  flex-shrink: 0;
}

.techvon-silo-page .techvon-faq-question::after,
.techvon-silo-page .techvon-faq-question::before,
.techvon-silo-page .techvon-accordion-question::after,
.techvon-silo-page .techvon-accordion-question::before,
.techvon-silo-page .techvon-faq-item button::after,
.techvon-silo-page .techvon-faq-item button::before {
  content: none !important;
  display: none !important;
}

.techvon-faq-answer {
  display: none;
  padding: 0 24px 24px 24px;
  border-top: 1px solid rgba(199, 196, 216, 0.15);
  background-color: #fdfcff;
}

.techvon-faq-answer p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--techvon-muted, #475569);
  margin: 0;
}

.techvon-faq-item.active {
  border-color: var(--techvon-primary, #4F46E5);
}

.techvon-faq-item.active .techvon-faq-question {
  background-color: rgba(245, 242, 255, 0.4) !important;
}

.techvon-faq-item.active .icon-arrow {
  transform: rotate(180deg);
  color: var(--techvon-primary, #4F46E5);
}

.techvon-faq-item.active .techvon-faq-answer {
  display: block;
}

/* 9. Silo CTA Section */
.techvon-silo-cta {
  padding: 80px 0;
  background-color: #ffffff;
}

@media (max-width: 768px) {
  .techvon-silo-cta {
    padding: 56px 0;
  }
}

.techvon-silo-cta-container {
  width: min(100% - 32px, 1280px);
  margin-left: auto;
  margin-right: auto;
}

.techvon-silo-page .techvon-silo-cta-card {
  background: linear-gradient(135deg, #4f46e5 0%, #5b4df5 100%) !important;
  color: #ffffff !important;
  border-radius: 24px;
  padding: 48px 32px;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 16px 36px rgba(79, 70, 229, 0.2);
}

@media (min-width: 768px) {
  .techvon-silo-page .techvon-silo-cta-card {
    padding: 80px 48px;
  }
}

.techvon-silo-cta-pattern {
  position: absolute;
  inset: 0;
  opacity: 0.1;
  background-image: radial-gradient(circle at 2px 2px, white 1px, transparent 0);
  background-size: 32px 32px;
  pointer-events: none;
  z-index: 1;
}

.techvon-silo-cta-content {
  position: relative;
  z-index: 2;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.techvon-silo-page .techvon-silo-cta-card .techvon-cta-title,
.techvon-silo-page .techvon-silo-cta-card .techvon-section-title {
  color: #ffffff !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  margin-bottom: 24px !important;
}

.techvon-silo-page .techvon-silo-cta-card .techvon-cta-description,
.techvon-silo-page .techvon-silo-cta-card p {
  color: rgba(255, 255, 255, 0.82) !important;
}

.techvon-silo-page .techvon-silo-cta-card .techvon-silo-cta-desc {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 36px !important;
}

.techvon-silo-page .techvon-silo-cta-form {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  max-width: 620px !important;
  margin: 28px auto 0 !important;
  width: 100% !important;
}

.techvon-silo-page .techvon-silo-cta-form input[type="email"],
.techvon-silo-page .techvon-silo-cta-input {
  height: 52px !important;
  border-radius: 999px !important;
  padding: 0 22px !important;
  border: 0 !important;
  min-width: 0 !important;
  flex: 1 !important;
  background-color: #ffffff !important;
  color: var(--techvon-dark, #0F172A) !important;
  outline: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.techvon-silo-page .techvon-silo-cta-form button,
.techvon-silo-page .techvon-silo-cta-form .techvon-button,
.techvon-silo-page .techvon-silo-cta-btn {
  height: 52px !important;
  border-radius: 999px !important;
  padding: 0 28px !important;
  min-width: 136px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  background-color: #ffffff !important;
  color: var(--techvon-primary, #4F46E5) !important;
  border: 0 !important;
  cursor: pointer !important;
  margin: 0 !important;
  box-shadow: 0px 4px 12px rgba(15, 23, 42, 0.08) !important;
  transition: transform 0.2s, background-color 0.2s !important;
}

.techvon-silo-page .techvon-silo-cta-form button:hover,
.techvon-silo-page .techvon-silo-cta-btn:hover {
  background-color: #f5f2ff !important;
  transform: translateY(-1px) !important;
}

.techvon-silo-cta-footer-text {
  margin-top: 24px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0;
}

@media (max-width: 640px) {
  .techvon-silo-page .techvon-silo-cta-form {
    flex-direction: column;
    gap: 12px;
  }

  .techvon-silo-page .techvon-silo-cta-form input[type="email"],
  .techvon-silo-page .techvon-silo-cta-input,
  .techvon-silo-page .techvon-silo-cta-form button,
  .techvon-silo-page .techvon-silo-cta-form .techvon-button,
  .techvon-silo-page .techvon-silo-cta-btn {
    width: 100% !important;
  }
}

/* =========================================================================
   10. Single Post Page Section
   ========================================================================= */

.techvon-single-post-page {
  padding-top: 32px;
  background-color: #fcf8ff; /* surface */
  color: #1b1b24; /* on-surface */
}

/* Reading Progress Bar */
.reading-progress-bar { 
  height: 4px; 
  background: linear-gradient(90deg, #3525cd 0%, #4cd7f6 100%); 
  width: 0%; 
  transition: width 0.1s; 
  position: fixed; 
  top: 0; 
  left: 0; 
  z-index: 99999; 
}

/* Breadcrumb styling */
.techvon-single-post-page .techvon-post-breadcrumb {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  margin-top: 32px;
  margin-bottom: 36px;
}

.techvon-single-post-page .techvon-post-breadcrumb nav {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #777587; /* outline */
}

.techvon-single-post-page .techvon-post-breadcrumb nav a {
  color: #777587;
  text-decoration: none;
  transition: color 0.2s;
}

.techvon-single-post-page .techvon-post-breadcrumb nav a:hover {
  color: #3525cd;
}

.techvon-single-post-page .techvon-post-breadcrumb nav span.material-symbols-outlined {
  font-size: 16px;
  vertical-align: middle;
}

.techvon-single-post-page .techvon-post-breadcrumb nav span.text-on-surface-variant {
  color: #464555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}

.admin-bar .techvon-single-post-page .techvon-post-breadcrumb {
  margin-top: 36px;
}

@media (max-width: 640px) {
  .techvon-single-post-page .techvon-post-breadcrumb {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 20px;
    margin-bottom: 24px;
    font-size: 13px;
    line-height: 1.5;
    flex-wrap: wrap;
  }
}

/* Hero Section */
.techvon-single-post-page .techvon-post-hero {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
}

.techvon-single-post-page .techvon-post-hero .absolute {
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: 256px;
  height: 256px;
  background: rgba(53, 37, 205, 0.05); /* primary/5 */
  border-radius: 50%;
  filter: blur(100px);
  pointer-events: none;
  z-index: 0;
}

.techvon-single-post-page .techvon-post-hero .flex-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}

.techvon-single-post-page .techvon-post-hero span.bg-primary\/10 {
  background-color: rgba(53, 37, 205, 0.1);
  color: #3525cd;
  padding: 6px 16px;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.techvon-single-post-page .techvon-post-hero .text-outline {
  color: #777587;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
}

.techvon-single-post-page .techvon-post-title {
  font-size: clamp(28px, 4.5vw, 48px);
  font-weight: 800;
  color: #1b1b24;
  margin-bottom: 24px !important;
  line-height: 1.2 !important;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.techvon-single-post-page .techvon-post-excerpt {
  font-size: 18px;
  line-height: 1.8;
  color: #464555;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px !important;
  position: relative;
  z-index: 1;
}

.techvon-single-post-page .techvon-post-meta {
  width: min(100%, 760px);
  margin: 28px auto 0;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
  justify-items: stretch;
  text-align: center;
  color: rgba(70, 69, 85, 0.8);
  font-size: 14px;
  font-weight: 500;
  position: relative;
  z-index: 1;
}

.techvon-single-post-page .techvon-post-meta-item {
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(119, 117, 135, 0.14);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 650;
  white-space: nowrap;
}

.techvon-single-post-page .techvon-post-meta-item .material-symbols-outlined {
  font-size: 18px;
  line-height: 1;
  color: #4f46e5;
  flex: 0 0 auto;
}

.techvon-single-post-page .techvon-post-meta-separator {
  display: none !important;
}

.techvon-single-post-page .techvon-post-featured-wrap {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 0;
  margin-bottom: 28px;
}

.techvon-single-post-page .techvon-post-featured-image {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.08); /* editorial-shadow */
  position: relative;
  z-index: 1;
}

.techvon-single-post-page .techvon-post-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.techvon-single-post-page .techvon-post-layout-section,
.techvon-single-post-page .techvon-post-content-section {
  padding-top: 0 !important;
}

@media (max-width: 760px) {
  .techvon-single-post-page .techvon-post-meta {
    width: min(100%, 420px);
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .techvon-single-post-page .techvon-post-meta-item {
    white-space: normal;
    border-radius: 18px;
    min-height: 48px;
  }
}

@media (max-width: 640px) {
  .techvon-single-post-page .techvon-post-hero {
    text-align: center;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 12px;
    padding-bottom: 20px;
  }

  .techvon-single-post-page .techvon-post-title {
    font-size: clamp(32px, 9vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
  }

  .techvon-single-post-page .techvon-post-excerpt {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  .techvon-single-post-page .techvon-post-featured-wrap {
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 0;
    margin-bottom: 20px;
  }

  .techvon-single-post-page .techvon-post-featured-image {
    border-radius: 22px;
  }

  .techvon-single-post-page .techvon-post-layout {
    margin-top: 0 !important;
  }
}

@media (max-width: 380px) {
  .techvon-single-post-page .techvon-post-meta {
    grid-template-columns: 1fr !important;
  }
}

/* Grid Layout */
.techvon-single-post-page .techvon-post-layout {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0, 760px) minmax(300px, 340px);
  gap: 72px;
  align-items: start;
  padding-bottom: 96px;
}

.techvon-single-post-page .techvon-post-main {
  min-width: 0;
}

.techvon-single-post-page .techvon-post-sidebar {
  min-width: 0;
  width: 100%;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.techvon-single-post-page .techvon-post-sidebar-inner {
  position: sticky;
  top: 112px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.admin-bar .techvon-single-post-page .techvon-post-sidebar-inner {
  top: 144px;
}

@media (max-width: 1024px) {
  .techvon-single-post-page .techvon-post-layout {
    grid-template-columns: 1fr;
    gap: 32px;
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 64px;
  }

  .techvon-single-post-page .techvon-post-sidebar {
    order: -1;
    max-width: 100%;
    margin-bottom: 24px;
  }

  .techvon-single-post-page .techvon-post-main {
    order: 0;
  }

  .techvon-single-post-page .techvon-post-sidebar-inner {
    position: static;
    gap: 20px;
  }

  .techvon-single-post-page .techvon-post-sidebar .techvon-post-toolkit-widget,
  .techvon-single-post-page .techvon-post-sidebar .techvon-post-related-cluster {
    display: none;
  }

  .techvon-single-post-page .techvon-post-toc-widget {
    margin-bottom: 24px;
  }
}

/* Quick Summary Box */
.techvon-quick-summary-box {
  background-color: #f0ecf9; /* surface-container */
  padding: 32px;
  border-radius: 16px;
  border-left: 4px solid #3525cd;
  margin-bottom: 48px;
}

.techvon-quick-summary-box p.techvon-card-title {
  font-size: 20px;
  font-weight: 700;
  color: #1b1b24;
  margin: 0 0 12px 0 !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.techvon-quick-summary-box p.techvon-card-title .material-symbols-outlined {
  color: #3525cd;
}

.techvon-quick-summary-box p.text-body-lg {
  font-size: 18px;
  line-height: 1.8;
  color: #464555;
  margin: 0;
}

/* Article Prose Styling */
.techvon-post-content {
  font-size: 18px;
  line-height: 1.8;
  color: #464555;
}

.techvon-post-content p {
  margin-bottom: 24px;
}

.techvon-post-content h2 {
  font-size: clamp(24px, 3.2vw, 32px) !important;
  font-weight: 750 !important;
  color: #1b1b24;
  margin-top: 48px !important;
  margin-bottom: 24px !important;
  line-height: 1.25 !important;
  scroll-margin-top: 120px;
}

.techvon-post-content h3 {
  font-size: clamp(20px, 2.5vw, 24px) !important;
  font-weight: 700 !important;
  color: #1b1b24;
  margin-top: 36px !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
}

.techvon-post-content ul,
.techvon-post-content ol {
  margin-bottom: 24px;
  padding-left: 24px;
}

.techvon-post-content li {
  margin-bottom: 8px;
}

.techvon-post-content blockquote {
  border-left: 8px solid #4f46e5;
  padding: 16px 32px;
  margin: 48px 0;
  font-style: italic;
  font-size: 22px;
  line-height: 1.6;
  color: #1b1b24;
  background-color: #f5f2ff;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* Step progression grid styling inside the body */
.techvon-post-content .grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .techvon-post-content .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .techvon-post-content .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.techvon-post-content .bg-surface-container-low {
  background-color: #f5f2ff;
  padding: 24px;
  border-radius: 16px;
  margin-bottom: 32px;
}

.techvon-post-content .bg-white.p-3 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(15, 23, 42, 0.03);
}

.techvon-post-content .bg-white.p-3 span.material-symbols-outlined {
  color: #00687a;
}

.techvon-post-content .bg-white.p-3 span.font-label-md {
  font-size: 14px;
  font-weight: 600;
  color: #1b1b24;
}

/* Step progression indicators */
.techvon-post-content .bg-surface-container-high.p-4 {
  background-color: #eae6f4;
  padding: 16px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.04);
}

.techvon-post-content .bg-surface-container-high.p-4 span.block {
  display: block;
  font-weight: 800;
  color: #3525cd;
  margin-bottom: 8px;
  font-size: 18px;
}

.techvon-post-content .bg-surface-container-high.p-4 span.text-label-md {
  font-size: 14px;
  font-weight: 600;
  color: #1b1b24;
}

/* Expert Tip block */
.techvon-tip-box {
  background-color: rgba(53, 37, 205, 0.05); /* primary/5 */
  border: 1px solid rgba(53, 37, 205, 0.2); /* primary/20 */
  padding: 32px;
  border-radius: 16px;
  margin-bottom: 32px;
  display: flex;
  gap: 20px;
}

.techvon-tip-box .material-symbols-outlined {
  color: #3525cd;
  font-size: 36px;
  flex-shrink: 0;
}

.techvon-tip-box h4 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #3525cd;
  margin: 0 0 8px 0 !important;
}

.techvon-tip-box p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

/* Warning/Alert block */
.techvon-alert-box {
  background-color: rgba(250, 26, 26, 0.05);
  border: 1px solid rgba(186, 26, 26, 0.2);
  padding: 32px;
  border-radius: 16px;
  margin-bottom: 32px;
  display: flex;
  gap: 20px;
}

.techvon-alert-box .material-symbols-outlined {
  color: #ba1a1a;
  font-size: 36px;
  flex-shrink: 0;
}

.techvon-alert-box h4 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #ba1a1a;
  margin: 0 0 8px 0 !important;
}

.techvon-alert-box p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

/* Prompt Box block */
.techvon-prompt-box {
  background-color: #302f39; /* inverse-surface */
  color: #f3effc; /* inverse-on-surface */
  padding: 32px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
}

.techvon-prompt-box .techvon-copy-button {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 0;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
  z-index: 10;
}

.techvon-prompt-box .techvon-copy-button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.techvon-prompt-box .techvon-copy-button.copied {
  background-color: rgba(76, 175, 80, 0.2);
  color: #4CAF50;
}

.techvon-prompt-box .techvon-copy-button span {
  font-size: 18px;
}

.techvon-prompt-box span.text-secondary-fixed {
  color: #ffb695;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-bottom: 16px;
}

.techvon-prompt-box p.italic {
  font-style: italic;
  font-size: 18px;
  line-height: 1.6;
  margin: 0;
  padding-right: 100px;
}

@media (max-width: 576px) {
  .techvon-prompt-box {
    padding-top: 64px;
  }
  .techvon-prompt-box p.italic {
    padding-right: 0;
  }
}

/* Tool Recommendation Box */
.techvon-tool-recommendation-box {
  background-color: #ffffff;
  padding: 32px;
  border-radius: 16px;
  border: 1px solid rgba(199, 196, 216, 0.3);
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  margin: 48px 0;
}

@media (min-width: 768px) {
  .techvon-tool-recommendation-box {
    flex-direction: row;
  }
}

.techvon-tool-recommendation-box .techvon-tool-logo-wrap {
  width: 100%;
  max-width: 192px;
  height: 128px;
  background-color: rgba(53, 37, 205, 0.1);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.techvon-tool-recommendation-box .techvon-tool-logo-wrap span {
  color: #3525cd;
  font-weight: 900;
  font-size: 24px;
}

.techvon-tool-recommendation-box .techvon-tool-info {
  flex: 1;
}

.techvon-tool-recommendation-box .techvon-tool-info h4 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1b1b24;
  margin: 0 0 8px 0 !important;
}

.techvon-tool-recommendation-box .techvon-tool-info p {
  font-size: 16px;
  line-height: 1.6;
  color: #464555;
  margin: 0 0 16px 0;
}

.techvon-tool-recommendation-box .techvon-tool-info a {
  color: #3525cd;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.techvon-tool-recommendation-box .techvon-tool-info a:hover {
  text-decoration: underline;
}

/* Inline CTA inside article body */
.techvon-inline-cta-box {
  background: linear-gradient(90deg, #3525cd 0%, #4f46e5 100%);
  padding: 40px;
  border-radius: 16px;
  color: #ffffff;
  text-align: center;
  margin: 48px 0;
  box-shadow: 0px 12px 32px rgba(53, 37, 205, 0.15);
}

.techvon-inline-cta-box h3 {
  color: #ffffff !important;
  font-size: clamp(20px, 3vw, 28px) !important;
  font-weight: 800 !important;
  margin: 0 0 16px 0 !important;
}

.techvon-inline-cta-box p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  margin: 0 0 32px 0;
}

.techvon-inline-cta-box button {
  background-color: #ffffff;
  color: #3525cd;
  border: 0;
  padding: 16px 40px;
  border-radius: 9999px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0px 8px 24px rgba(15, 23, 42, 0.1);
  transition: opacity 0.2s, transform 0.1s;
}

.techvon-inline-cta-box button:hover {
  opacity: 0.95;
}

.techvon-inline-cta-box button:active {
  transform: scale(0.98);
}

/* FAQ Details tags styling */
.techvon-post-content details.group {
  background-color: #f5f2ff;
  border-radius: 12px;
  padding: 24px;
  border: 1px solid transparent;
  margin-bottom: 16px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.techvon-post-content details.group:hover {
  border-color: rgba(199, 196, 216, 0.5);
}

.techvon-post-content details.group summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  outline: none;
  list-style: none;
  margin: 0;
}

.techvon-post-content details.group summary::-webkit-details-marker {
  display: none;
}

.techvon-post-content details.group summary h5 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1b1b24;
  margin: 0 !important;
}

.techvon-post-content details.group summary span.material-symbols-outlined {
  transition: transform 0.3s ease;
  color: #464555;
  font-size: 24px;
}

.techvon-post-content details.group[open] summary span.material-symbols-outlined {
  transform: rotate(180deg);
}

.techvon-post-content details.group p {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #464555;
}

/* Author Box */
.techvon-post-author-box {
  margin-top: 64px;
  background-color: #eae6f4;
  padding: 32px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

@media (min-width: 768px) {
  .techvon-post-author-box {
    flex-direction: row;
  }
}

.techvon-post-author-box img {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.08);
  flex-shrink: 0;
}

.techvon-post-author-box .text-center {
  text-align: center;
  flex: 1;
}

@media (min-width: 768px) {
  .techvon-post-author-box .text-center {
    text-align: left;
  }
}

.techvon-post-author-box p.techvon-card-title {
  font-size: 22px;
  font-weight: 700;
  color: #1b1b24;
  margin: 0 0 8px 0 !important;
}

.techvon-post-author-box p.text-body-md {
  font-size: 16px;
  line-height: 1.6;
  color: #464555;
  font-style: italic;
  margin: 0 0 16px 0;
}

.techvon-post-author-box .flex {
  display: flex;
  justify-content: center;
  gap: 16px;
}

@media (min-width: 768px) {
  .techvon-post-author-box .flex {
    justify-content: flex-start;
  }
}

.techvon-post-author-box .flex a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3525cd;
  text-decoration: none;
  box-shadow: 0px 4px 8px rgba(15, 23, 42, 0.05);
  transition: background-color 0.2s, color 0.2s;
}

.techvon-post-author-box .flex a:hover {
  background-color: #3525cd;
  color: #ffffff;
}

/* Related Posts Section */
.techvon-post-related-section {
  margin-top: 64px;
  padding-top: 64px;
  border-top: 1px solid rgba(199, 196, 216, 0.3);
}

.techvon-post-related-section p.techvon-section-title {
  font-size: 24px;
  font-weight: 800;
  color: #1b1b24;
  margin: 0 0 32px 0 !important;
}

/* Related posts cards grid styling */
.techvon-single-post-page .techvon-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.techvon-single-post-page .techvon-related-card {
  background: #ffffff;
  border: 1px solid rgba(119, 117, 135, 0.14);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
  display: flex;
  flex-direction: column;
  min-height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-single-post-page .techvon-related-card:hover {
  transform: translateY(-4px);
  box-shadow: 0px 16px 40px rgba(15, 23, 42, 0.12);
}

.techvon-single-post-page .techvon-related-card-image {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: linear-gradient(135deg, #e2dfff, #acedff);
}

.techvon-single-post-page .techvon-related-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.techvon-single-post-page .techvon-related-card-body {
  padding: 22px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.techvon-single-post-page .techvon-related-card-body span.bg-primary\/5 {
  background-color: rgba(53, 37, 205, 0.05);
  color: #3525cd;
  padding: 4px 12px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  align-self: flex-start;
  margin-bottom: 12px;
  display: inline-block;
}

.techvon-single-post-page .techvon-related-card .techvon-card-title {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 850;
  letter-spacing: -0.025em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #1b1b24;
  margin: 0 0 16px 0 !important;
  transition: color 0.2s;
}

.techvon-single-post-page .techvon-related-card:hover .techvon-card-title {
  color: #3525cd;
}

.techvon-single-post-page .techvon-related-card-footer {
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(119, 117, 135, 0.12);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.techvon-single-post-page .techvon-related-card-footer span.text-label-md {
  font-size: 14px;
  color: #777587;
  font-weight: 500;
}

.techvon-single-post-page .techvon-related-card-footer span.text-primary {
  color: #3525cd;
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: gap 0.2s;
  text-decoration: none;
}

.techvon-single-post-page .techvon-related-card:hover .techvon-related-card-footer span.text-primary {
  gap: 8px;
}

@media (max-width: 900px) {
  .techvon-single-post-page .techvon-related-grid {
    grid-template-columns: 1fr;
  }
}

/* Sidebar Widgets styling */
.techvon-sidebar-toc,
.techvon-sidebar-cta,
.techvon-sidebar-cluster {
  background-color: #ffffff;
  padding: 32px;
  border-radius: 20px;
  box-shadow: var(--techvon-shadow-editorial, 0px 12px 32px rgba(15, 23, 42, 0.08));
  border: 1px solid rgba(199, 196, 216, 0.2);
}

.techvon-sidebar-toc p.techvon-widget-title,
.techvon-sidebar-cluster p.techvon-widget-title {
  font-size: 20px;
  font-weight: 800;
  color: #1b1b24;
  margin: 0 0 24px 0 !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.techvon-sidebar-toc p.techvon-widget-title .material-symbols-outlined {
  color: #3525cd;
}

.techvon-sidebar-toc nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.techvon-sidebar-toc nav a.toc-item {
  color: #464555;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.4;
}

.techvon-sidebar-toc nav a.toc-item span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #c7c4d8;
  flex-shrink: 0;
}

.techvon-sidebar-toc nav a.toc-item:hover {
  color: #3525cd;
}

.techvon-sidebar-toc nav a.toc-item.toc-active {
  color: #3525cd !important;
  font-weight: 600 !important;
  border-left: 2px solid #3525cd !important;
  padding-left: 12px !important;
  margin-left: -14px !important;
}

/* Sidebar mobile accordion behavior overrides */
.techvon-sidebar-toc .techvon-post-toc-list {
  display: none;
  margin-top: 24px;
}

.techvon-sidebar-toc .techvon-post-toc-list.is-open {
  display: flex !important;
  flex-direction: column;
}

.techvon-sidebar-toc button.lg\:hidden {
  display: flex;
  align-items: center;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: #1b1b24;
}

@media (min-width: 992px) {
  .techvon-sidebar-toc .techvon-post-toc-list {
    display: flex !important;
    flex-direction: column;
    margin-top: 0;
  }
  .techvon-sidebar-toc button.lg\:hidden {
    display: none !important;
  }
}

/* Tool CTA Sidebar Widget */
.techvon-sidebar-cta {
  background: linear-gradient(135deg, #3525cd 0%, #4f46e5 100%);
  color: #ffffff;
  position: relative;
  overflow: hidden;
  border: 0;
}

.techvon-sidebar-cta .absolute {
  position: absolute;
  bottom: -16px;
  right: -16px;
  color: rgba(255, 255, 255, 0.1);
  transform: scale(1);
  transition: transform 0.7s ease;
  z-index: 1;
}

.techvon-sidebar-cta:hover .absolute {
  transform: scale(1.1);
}

.techvon-sidebar-cta p.techvon-widget-title {
  font-size: 20px;
  font-weight: 800;
  color: #ffffff !important;
  margin: 0 0 16px 0 !important;
  position: relative;
  z-index: 10;
}

.techvon-sidebar-cta p.text-body-md {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 24px 0;
  position: relative;
  z-index: 10;
}

.techvon-sidebar-cta button {
  width: 100%;
  background-color: #ffffff;
  color: #3525cd;
  border: 0;
  padding: 14px 24px;
  border-radius: 9999px;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  position: relative;
  z-index: 10;
  box-shadow: 0px 8px 24px rgba(15, 23, 42, 0.1);
  transition: opacity 0.2s, transform 0.1s;
}

.techvon-sidebar-cta button:hover {
  opacity: 0.95;
}

.techvon-sidebar-cta button:active {
  transform: scale(0.98);
}

/* Related Cluster Widget */
.techvon-sidebar-cluster {
  background-color: #f5f2ff;
}

.techvon-sidebar-cluster p.techvon-widget-title {
  font-size: 12px;
  font-weight: 800;
  color: #777587;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 24px !important;
}

.techvon-sidebar-cluster ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.techvon-sidebar-cluster-item {
  border-bottom: 1px solid rgba(199, 196, 216, 0.2);
  padding-bottom: 16px;
}

.techvon-sidebar-cluster-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.techvon-sidebar-cluster-item a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.techvon-sidebar-cluster-item a p.text-body-md {
  font-size: 15px;
  font-weight: 700;
  color: #1b1b24;
  line-height: 1.4;
  margin: 0 0 4px 0;
  transition: color 0.2s;
}

.techvon-sidebar-cluster-item a:hover p.text-body-md {
  color: #3525cd;
}

.techvon-sidebar-cluster-item a span.text-label-md {
  font-size: 12px;
  color: #777587;
  font-weight: 500;
}

/* Newsletter Block styling */
.techvon-post-newsletter {
  background: linear-gradient(90deg, #3525cd 0%, #00687a 100%);
  padding: 80px 0;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.techvon-post-newsletter-pattern {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.15) 1px, transparent 0);
  background-size: 32px 32px;
  pointer-events: none;
  z-index: 1;
}

.techvon-post-newsletter-container {
  position: relative;
  z-index: 10;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  text-align: center;
}

.techvon-post-newsletter p.techvon-cta-title {
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 900;
  color: #ffffff !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.2;
}

.techvon-post-newsletter p.techvon-post-newsletter-desc {
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

/* Newsletter form alignment + input visibility styling */
.techvon-single-post-page .techvon-post-newsletter-form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  max-width: 620px;
  margin: 32px auto 0;
}

.techvon-single-post-page .techvon-post-newsletter-form input[type="email"] {
  height: 54px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff;
  padding: 0 24px !important;
  outline: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.techvon-single-post-page .techvon-post-newsletter-form input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.76) !important;
}

.techvon-post-newsletter-input:focus {
  border-color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.techvon-single-post-page .techvon-post-newsletter-form button,
.techvon-post-newsletter-btn {
  height: 54px;
  border-radius: 999px;
  padding: 0 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-weight: 800;
  line-height: 1;
  background-color: #ffffff;
  color: #3525cd;
  border: 0;
  cursor: pointer;
  box-shadow: 0px 8px 24px rgba(15, 23, 42, 0.15);
  transition: background-color 0.2s, transform 0.1s;
}

.techvon-post-newsletter-btn:hover {
  background-color: #eae6f4;
}

.techvon-post-newsletter-btn:active {
  transform: scale(0.98);
}

@media (max-width: 768px) {
  .techvon-post-newsletter {
    padding: 56px 0;
  }
  .techvon-post-newsletter-container {
    padding-left: 16px;
    padding-right: 16px;
  }
  .techvon-post-newsletter p.techvon-post-newsletter-desc {
    font-size: 16px;
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  .techvon-single-post-page .techvon-post-newsletter-form {
    flex-direction: column;
    gap: 12px;
  }

  .techvon-single-post-page .techvon-post-newsletter-form input[type="email"],
  .techvon-single-post-page .techvon-post-newsletter-form button {
    width: 100% !important;
  }
}

/* Sidebar polishing & desktop alignments */
.techvon-single-post-page .techvon-post-toc-widget,
.techvon-single-post-page .techvon-post-toolkit-widget,
.techvon-single-post-page .techvon-post-related-cluster {
  width: 100%;
  border-radius: 24px;
  padding: 28px;
  background: #ffffff;
  border: 1px solid rgba(119, 117, 135, 0.14) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}

.techvon-single-post-page .techvon-post-toolkit-widget {
  background: linear-gradient(135deg, #4f46e5 0%, #4c39df 100%) !important;
  color: #ffffff;
  box-shadow: 0 22px 46px rgba(79, 70, 229, 0.24);
  border: 0 !important;
  position: relative;
  overflow: hidden;
}

.techvon-single-post-page .techvon-post-toolkit-widget .techvon-widget-title,
.techvon-single-post-page .techvon-post-toolkit-widget p {
  color: #ffffff !important;
}

.techvon-single-post-page .techvon-post-toolkit-widget .techvon-button,
.techvon-single-post-page .techvon-post-toolkit-widget button,
.techvon-single-post-page .techvon-post-toolkit-widget a {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* TOC Spacing & Pseudo-elements */
.techvon-single-post-page .techvon-post-toc-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 22px;
}

.techvon-single-post-page .techvon-toc-link {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #475569;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 650;
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
}

/* Hide Javascript-generated dot to prevent duplicate dots */
.techvon-single-post-page .techvon-toc-link span {
  display: none !important;
}

.techvon-single-post-page .techvon-toc-link::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #c7c4f6;
  flex: 0 0 auto;
  margin-top: 8px;
}

.techvon-single-post-page .techvon-toc-link.toc-active {
  color: #4f46e5;
  transform: translateX(2px);
}

.techvon-single-post-page .techvon-toc-link.toc-active::before {
  background: #4f46e5;
}

/* Related Category Cluster Spacing */
.techvon-single-post-page .techvon-post-related-cluster-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 20px;
  list-style: none !important;
  padding: 0 !important;
}

.techvon-single-post-page .techvon-post-related-cluster-item {
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(119, 117, 135, 0.12);
  list-style-type: none !important;
}

.techvon-single-post-page .techvon-post-related-cluster-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.techvon-single-post-page .techvon-post-related-cluster-item a {
  display: block;
  color: #0f172a;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 800;
  text-decoration: none;
  transition: color 0.2s ease;
}

.techvon-single-post-page .techvon-post-related-cluster-item a:hover {
  color: #4f46e5;
}

.techvon-single-post-page .techvon-post-related-cluster-meta {
  display: block;
  margin-top: 6px;
  color: #64748b;
  font-size: 13px;
}

/* Sidebar Desktop Start Offset */
@media (min-width: 1025px) {
  .techvon-single-post-page .techvon-post-sidebar {
    padding-top: 92px;
  }

  .techvon-single-post-page .techvon-post-sidebar-inner {
    top: 112px;
  }

  .admin-bar .techvon-single-post-page .techvon-post-sidebar-inner {
    top: 144px;
  }
}

@media (max-width: 1024px) {
  .techvon-single-post-page .techvon-post-sidebar {
    padding-top: 0;
  }
}

/* Related Posts Card UI Polish */
.techvon-single-post-page .techvon-related-card .techvon-card-title,
.techvon-single-post-page .techvon-related-card-title {
  font-size: 17px !important;
  line-height: 1.32 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 16px 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.techvon-single-post-page .techvon-related-card-body {
  padding: 18px !important;
}

.techvon-single-post-page .techvon-related-card-meta {
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #64748b !important;
}

.techvon-single-post-page .techvon-related-card-footer {
  padding-top: 14px !important;
  margin-top: auto !important;
}

.techvon-single-post-page .techvon-related-card-footer span.text-primary {
  font-size: 14px !important;
  font-weight: 800 !important;
}

.techvon-single-post-page .techvon-related-card-image {
  aspect-ratio: 16 / 10 !important;
}

/* =========================================================================
   TECHVON CATEGIVE ARCHIVE PAGE
   ========================================================================= */

.techvon-category-page {
  background-color: var(--techvon-bg);
  padding-bottom: 96px;
  width: 100%;
}

/* 1. Category Hero */
.techvon-category-hero {
  padding: 72px 0;
  background: radial-gradient(circle at 100% 0%, rgba(6, 182, 212, 0.05) 0%, rgba(79, 70, 229, 0.04) 40%, transparent 100%);
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
  margin-bottom: 48px;
}

@media (max-width: 640px) {
  .techvon-category-hero {
    padding: 48px 0;
  }
}

/* Breadcrumb styling */
.techvon-category-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
  font-size: 13px;
  font-weight: 500;
  color: var(--techvon-muted);
}

.techvon-category-breadcrumb a {
  color: var(--techvon-muted);
  text-decoration: none;
  transition: color 0.2s ease;
}

.techvon-category-breadcrumb a:hover {
  color: var(--techvon-primary);
}

.techvon-category-breadcrumb .material-symbols-outlined {
  font-size: 14px;
  color: #94a3b8;
}

.techvon-category-breadcrumb .current {
  color: var(--techvon-primary);
  font-weight: 600;
}

/* Hero Content */
.techvon-category-hero-content {
  max-width: 800px;
}

.techvon-category-badge {
  display: inline-flex;
  align-items: center;
  background: rgba(79, 70, 229, 0.08);
  color: var(--techvon-primary);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 6px 14px;
  border-radius: var(--techvon-radius-pill);
  margin-bottom: 16px;
}

.techvon-category-title {
  margin: 0 0 16px 0 !important;
  font-size: clamp(2rem, 5vw, 3rem) !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.04em !important;
  color: var(--techvon-dark);
}

.techvon-category-description {
  font-size: 16px;
  line-height: 1.75;
  color: var(--techvon-muted);
  margin: 0;
  max-width: 720px;
}

/* 2. Featured Post */
.techvon-category-featured {
  margin-bottom: 64px;
}

.techvon-category-featured-card {
  background-color: var(--techvon-white);
  border-radius: var(--techvon-radius-card);
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (min-width: 992px) {
  .techvon-category-featured-card {
    grid-template-columns: 1.2fr 0.8fr;
  }
}

.techvon-category-featured-card:hover {
  transform: translateY(-4px);
  box-shadow: 0px 20px 40px rgba(15, 23, 42, 0.12);
}

.techvon-category-featured-image-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16/9;
  background-color: var(--techvon-border);
  width: 100%;
  height: 100%;
}

.techvon-category-featured-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.techvon-category-featured-card:hover .techvon-category-featured-image {
  transform: scale(1.03);
}

.techvon-category-placeholder-gradient {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--techvon-primary) 0%, var(--techvon-cyan) 100%);
  opacity: 0.85;
}

.techvon-category-card-placeholder,
.techvon-category-featured-placeholder {
  position: relative;
}

.techvon-category-card-placeholder::after,
.techvon-category-featured-placeholder::after {
  content: "TechVon";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -0.02em;
}

.techvon-category-card-placeholder::after {
  font-size: 18px;
}

.techvon-category-featured-content {
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

@media (min-width: 992px) {
  .techvon-category-featured-content {
    padding: 48px;
  }
}

.techvon-category-featured-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--techvon-muted);
  margin-bottom: 20px;
}

.techvon-category-featured-meta .category {
  color: var(--techvon-primary);
  letter-spacing: 0.05em;
}

.techvon-category-featured-meta .divider {
  color: #cbd5e1;
}

.techvon-category-featured-meta .reading-time {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.techvon-category-featured-meta .reading-time .material-symbols-outlined {
  font-size: 14px;
}

.techvon-category-featured-title {
  margin: 0 0 16px 0;
  font-size: clamp(1.4rem, 3vw, 2.2rem);
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: -0.03em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.techvon-category-featured-title a {
  color: var(--techvon-dark);
  text-decoration: none;
  transition: color 0.2s ease;
}

.techvon-category-featured-title a:hover {
  color: var(--techvon-primary);
}

.techvon-category-featured-excerpt {
  font-size: 15px;
  line-height: 1.65;
  color: var(--techvon-muted);
  margin: 0 0 24px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.techvon-category-featured-cta {
  padding: 12px 32px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin-top: 24px;
}

/* 3. Post Grid */
.techvon-category-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-bottom: 64px;
}

@media (min-width: 640px) {
  .techvon-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .techvon-category-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-category-card {
  background-color: var(--techvon-white);
  border-radius: var(--techvon-radius-card);
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-category-card:hover {
  transform: translateY(-6px);
  box-shadow: 0px 20px 40px rgba(15, 23, 42, 0.12);
}

.techvon-category-card-image-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16/10;
  background-color: var(--techvon-border);
}

.techvon-category-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.techvon-category-card:hover .techvon-category-card-image {
  transform: scale(1.04);
}

.techvon-category-card-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.techvon-category-card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--techvon-muted);
  margin-bottom: 12px;
}

.techvon-category-card-meta .category {
  color: var(--techvon-primary);
}

.techvon-category-card-meta .divider {
  color: #cbd5e1;
}

.techvon-category-card-title {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.02em;
  margin: 0 0 12px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 50px;
}

.techvon-category-card-title a {
  color: var(--techvon-dark);
  text-decoration: none;
  transition: color 0.2s ease;
}

.techvon-category-card-title a:hover {
  color: var(--techvon-primary);
}

.techvon-category-card-excerpt {
  font-size: 14px;
  line-height: 1.6;
  color: var(--techvon-muted);
  margin: 0 0 20px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.techvon-category-card-footer {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(226, 232, 240, 0.6);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}

.techvon-category-card-footer .reading-time {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--techvon-muted);
  font-weight: 500;
}

.techvon-category-card-footer .reading-time .material-symbols-outlined {
  font-size: 14px;
}

.techvon-category-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--techvon-primary);
  font-weight: 700;
  text-decoration: none;
  transition: gap 0.2s ease;
}

.techvon-category-card-cta:hover {
  gap: 8px;
}

.techvon-category-card-cta .material-symbols-outlined {
  font-size: 16px;
}

/* 4. Pagination */
.techvon-category-pagination {
  margin-top: 64px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.techvon-category-pagination ul.page-numbers {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 8px;
}

.techvon-category-pagination ul.page-numbers li {
  margin: 0;
}

.techvon-category-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 16px;
  border-radius: var(--techvon-radius-pill);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: var(--techvon-muted);
  border: 1px solid var(--techvon-border);
  background-color: var(--techvon-white);
  transition: all 0.3s ease;
}

.techvon-category-pagination a.page-numbers:hover {
  background-color: rgba(79, 70, 229, 0.05);
  border-color: var(--techvon-primary);
  color: var(--techvon-primary);
}

.techvon-category-pagination .page-numbers.current {
  background-color: var(--techvon-primary);
  border-color: var(--techvon-primary);
  color: var(--techvon-white);
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25);
}

.techvon-category-pagination .page-numbers.dots {
  border: none;
  background-color: transparent;
  min-width: 32px;
  padding: 0;
}

.techvon-category-pagination .page-numbers.prev,
.techvon-category-pagination .page-numbers.next {
  gap: 4px;
}

/* 5. Empty State */
.techvon-category-empty {
  display: flex;
  justify-content: center;
  padding: 80px 0;
  width: 100%;
}

.techvon-category-empty-card {
  background-color: var(--techvon-white);
  border-radius: var(--techvon-radius-card);
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
  padding: 48px 32px;
  max-width: 600px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.techvon-category-empty-card .icon {
  font-size: 48px;
  color: var(--techvon-primary);
  margin-bottom: 24px;
  opacity: 0.8;
}

.techvon-category-empty-title {
  font-size: 24px;
  font-weight: 800;
  color: var(--techvon-dark);
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}

.techvon-category-empty-desc {
  font-size: 15px;
  line-height: 1.6;
  color: var(--techvon-muted);
  margin: 0 0 32px 0;
}

.techvon-category-empty-actions {
  display: flex;
  justify-content: center;
}

/* =========================================================================
   TECHVON SEARCH RESULTS PAGE
   ========================================================================= */

.techvon-search-page {
  background-color: var(--techvon-bg);
  padding-bottom: 96px;
  width: 100%;
}

/* 1. Search Hero */
.techvon-search-hero {
  padding: 72px 0;
  background: radial-gradient(circle at 100% 0%, rgba(6, 182, 212, 0.05) 0%, rgba(79, 70, 229, 0.04) 40%, transparent 100%);
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
  margin-bottom: 48px;
}

@media (max-width: 640px) {
  .techvon-search-hero {
    padding: 48px 0;
  }
}

/* Breadcrumb styling */
.techvon-search-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
  font-size: 13px;
  font-weight: 500;
  color: var(--techvon-muted);
}

.techvon-search-breadcrumb a {
  color: var(--techvon-muted);
  text-decoration: none;
  transition: color 0.2s ease;
}

.techvon-search-breadcrumb a:hover {
  color: var(--techvon-primary);
}

.techvon-search-breadcrumb .material-symbols-outlined {
  font-size: 14px;
  color: #94a3b8;
}

.techvon-search-breadcrumb .current {
  color: var(--techvon-primary);
  font-weight: 600;
}

/* Hero Content */
.techvon-search-hero-content {
  max-width: 800px;
  margin-bottom: 32px;
}

.techvon-search-badge {
  display: inline-flex;
  align-items: center;
  background: rgba(79, 70, 229, 0.08);
  color: var(--techvon-primary);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 6px 14px;
  border-radius: var(--techvon-radius-pill);
  margin-bottom: 16px;
}

.techvon-search-title {
  margin: 0 0 16px 0 !important;
  font-size: clamp(2rem, 5vw, 3rem) !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.04em !important;
  color: var(--techvon-dark);
}

.techvon-search-query-display {
  font-size: 18px;
  color: var(--techvon-dark);
  margin: 0 0 12px 0;
}

.techvon-search-query-display strong {
  color: var(--techvon-primary);
  font-weight: 700;
}

.techvon-search-description {
  font-size: 16px;
  line-height: 1.75;
  color: var(--techvon-muted);
  margin: 0;
  max-width: 720px;
}

/* Search Form Wrap */
.techvon-search-form-wrap {
  max-width: 780px;
  width: 100%;
}

.techvon-search-page .techvon-search-form {
  width: min(100%, 780px);
  min-height: 76px;
  padding: 10px 12px 10px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  background: #ffffff;
  border: 1px solid rgba(119, 117, 135, 0.16);
  border-radius: 999px;
  box-shadow: 0 20px 46px rgba(15, 23, 42, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.techvon-search-page .techvon-search-form:focus-within {
  border-color: var(--techvon-primary);
  box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1), 0 20px 46px rgba(15, 23, 42, 0.08);
}

.techvon-search-page .techvon-search-form .search-icon,
.techvon-search-page .techvon-search-form .material-symbols-outlined {
  position: static;
  flex: 0 0 auto;
  font-size: 24px;
  line-height: 1;
  color: #94a3b8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.techvon-search-page .techvon-search-input,
.techvon-search-page .techvon-search-form input[type="search"],
.techvon-search-page .techvon-search-form input[name="s"] {
  height: 56px;
  min-height: 56px;
  flex: 1;
  min-width: 0;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 6px !important;
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  line-height: 56px !important;
  border-radius: 0;
}

.techvon-search-page .techvon-search-input::placeholder,
.techvon-search-page .techvon-search-form input[type="search"]::placeholder,
.techvon-search-page .techvon-search-form input[name="s"]::placeholder {
  color: #94a3b8;
  opacity: 1;
}

.techvon-search-page .techvon-search-submit,
.techvon-search-page .techvon-search-form button[type="submit"] {
  height: 56px;
  min-height: 56px;
  padding: 0 34px !important;
  margin: 0;
  border: 0;
  border-radius: 999px !important;
  background: #4f46e5;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-shadow: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.techvon-search-page .techvon-search-submit:hover,
.techvon-search-page .techvon-search-form button[type="submit"]:hover {
  background: #4338ca;
}

@media (max-width: 640px) {
  .techvon-search-page .techvon-search-form {
    min-height: auto;
    border-radius: 28px;
    padding: 14px;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .techvon-search-page .techvon-search-form .search-icon,
  .techvon-search-page .techvon-search-form .material-symbols-outlined {
    display: none;
  }

  .techvon-search-page .techvon-search-input,
  .techvon-search-page .techvon-search-form input[type="search"],
  .techvon-search-page .techvon-search-form input[name="s"] {
    width: 100%;
    height: 54px;
    min-height: 54px;
    padding: 0 18px !important;
    border-radius: 999px;
    background: #f8fafc !important;
    line-height: 54px !important;
    font-size: 16px;
  }

  .techvon-search-page .techvon-search-submit,
  .techvon-search-page .techvon-search-form button[type="submit"] {
    width: 100%;
    height: 54px;
    min-height: 54px;
  }
}

/* 2. Results Count */
.techvon-search-results-count {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--techvon-muted);
  margin-bottom: 24px;
  border-bottom: 1px solid var(--techvon-border);
  padding-bottom: 12px;
}

/* 3. Results Grid */
.techvon-search-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-bottom: 64px;
}

@media (min-width: 640px) {
  .techvon-search-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .techvon-search-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-search-card {
  background-color: var(--techvon-white);
  border-radius: var(--techvon-radius-card);
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-search-card:hover {
  transform: translateY(-6px);
  box-shadow: 0px 20px 40px rgba(15, 23, 42, 0.12);
}

.techvon-search-card-image-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16/10;
  background-color: var(--techvon-border);
}

.techvon-search-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.techvon-search-card:hover .techvon-search-card-image {
  transform: scale(1.04);
}

.techvon-search-card-placeholder::after {
  content: "TechVon";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -0.02em;
}

.techvon-search-card-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.techvon-search-card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--techvon-muted);
  margin-bottom: 12px;
}

.techvon-search-card-meta .category {
  color: var(--techvon-primary);
}

.techvon-search-card-meta .divider {
  color: #cbd5e1;
}

.techvon-search-card-title {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.02em;
  margin: 0 0 12px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 50px;
}

.techvon-search-card-title a {
  color: var(--techvon-dark);
  text-decoration: none;
  transition: color 0.2s ease;
}

.techvon-search-card-title a:hover {
  color: var(--techvon-primary);
}

.techvon-search-card-excerpt {
  font-size: 14px;
  line-height: 1.6;
  color: var(--techvon-muted);
  margin: 0 0 20px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.techvon-search-card-footer {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(226, 232, 240, 0.6);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}

.techvon-search-card-footer .reading-time {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--techvon-muted);
  font-weight: 500;
}

.techvon-search-card-footer .reading-time .material-symbols-outlined {
  font-size: 14px;
}

.techvon-search-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--techvon-primary);
  font-weight: 700;
  text-decoration: none;
  transition: gap 0.2s ease;
}

.techvon-search-card-cta:hover {
  gap: 8px;
}

.techvon-search-card-cta .material-symbols-outlined {
  font-size: 16px;
}

/* 4. Pagination */
.techvon-search-pagination {
  margin-top: 64px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.techvon-search-pagination ul.page-numbers {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 8px;
}

.techvon-search-pagination ul.page-numbers li {
  margin: 0;
}

.techvon-search-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 16px;
  border-radius: var(--techvon-radius-pill);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: var(--techvon-muted);
  border: 1px solid var(--techvon-border);
  background-color: var(--techvon-white);
  transition: all 0.3s ease;
}

.techvon-search-pagination a.page-numbers:hover {
  background-color: rgba(79, 70, 229, 0.05);
  border-color: var(--techvon-primary);
  color: var(--techvon-primary);
}

.techvon-search-pagination .page-numbers.current {
  background-color: var(--techvon-primary);
  border-color: var(--techvon-primary);
  color: var(--techvon-white);
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25);
}

.techvon-search-pagination .page-numbers.dots {
  border: none;
  background-color: transparent;
  min-width: 32px;
  padding: 0;
}

.techvon-search-pagination .page-numbers.prev,
.techvon-search-pagination .page-numbers.next {
  gap: 4px;
}

/* 5. Empty State */
.techvon-search-empty {
  display: flex;
  justify-content: center;
  padding: 80px 0;
  width: 100%;
}

.techvon-search-empty-card {
  background-color: var(--techvon-white);
  border-radius: var(--techvon-radius-card);
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
  padding: 48px 32px;
  max-width: 600px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.techvon-search-empty-card .icon {
  font-size: 48px;
  color: var(--techvon-primary);
  margin-bottom: 24px;
  opacity: 0.8;
}

.techvon-search-empty-title {
  font-size: 24px;
  font-weight: 800;
  color: var(--techvon-dark);
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}

.techvon-search-empty-desc {
  font-size: 15px;
  line-height: 1.6;
  color: var(--techvon-muted);
  margin: 0 0 32px 0;
}

.techvon-search-empty-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 320px;
}

.techvon-search-empty-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  background-color: var(--techvon-bg);
  border: 1px solid var(--techvon-border);
  border-radius: var(--techvon-radius-sm);
  padding: 14px 20px;
  text-decoration: none !important;
  color: var(--techvon-dark) !important;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s ease;
}

.techvon-search-empty-link:hover {
  background-color: rgba(79, 70, 229, 0.05);
  border-color: var(--techvon-primary);
  color: var(--techvon-primary) !important;
  transform: translateY(-2px);
}

.techvon-search-empty-link .material-symbols-outlined {
  font-size: 20px;
  color: var(--techvon-primary);
}

/* =========================================================================
   TECHVON 404 ERROR PAGE
   ========================================================================= */

.techvon-404-page {
  background-color: var(--techvon-bg);
  padding-bottom: 96px;
  width: 100%;
}

/* Section titles for 404 layout sections */
.techvon-404-page .techvon-404-section-title {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: var(--techvon-dark);
  margin-bottom: 24px;
  border-bottom: 1px solid var(--techvon-border);
  padding-bottom: 12px;
}

/* 1. 404 Hero Section */
.techvon-404-hero {
  padding: 80px 0;
  background: radial-gradient(circle at 100% 0%, rgba(6, 182, 212, 0.05) 0%, rgba(79, 70, 229, 0.04) 40%, transparent 100%);
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
  margin-bottom: 56px;
}

.techvon-404-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: center;
}

@media (min-width: 992px) {
  .techvon-404-hero-grid {
    grid-template-columns: 1.1fr 0.9fr;
  }
}

.techvon-404-badge {
  display: inline-flex;
  align-items: center;
  background: rgba(79, 70, 229, 0.08);
  color: var(--techvon-primary);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  padding: 6px 16px;
  border-radius: var(--techvon-radius-pill);
  margin-bottom: 20px;
}

.techvon-404-title {
  margin: 0 0 20px 0 !important;
  font-size: clamp(2.2rem, 5.5vw, 3.6rem) !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.04em !important;
  color: var(--techvon-dark);
}

.techvon-404-description {
  font-size: 18px;
  line-height: 1.7;
  color: var(--techvon-muted);
  margin: 0 0 36px 0;
  max-width: 560px;
}

.techvon-404-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.techvon-404-hero-actions .techvon-btn {
  padding: 14px 32px;
  font-size: 15px;
  font-weight: 700;
}

.techvon-404-hero-visual {
  display: flex;
  justify-content: center;
  align-items: center;
}

.techvon-404-visual-card {
  position: relative;
  background-color: var(--techvon-white);
  border-radius: 40px;
  padding: 40px;
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
  width: 240px;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: transform 0.5s ease;
}

.techvon-404-visual-card:hover {
  transform: rotate(5deg) scale(1.05);
}

.techvon-404-visual-card .visual-icon {
  font-size: 72px;
  color: var(--techvon-primary);
  z-index: 2;
  position: relative;
  animation: floatIcon 4s ease-in-out infinite;
}

.techvon-404-visual-card .visual-glow {
  position: absolute;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle, rgba(6, 182, 212, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 1;
}

@keyframes floatIcon {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

/* 2. Search Box Section */
.techvon-404-page .techvon-404-search {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px;
}

.techvon-404-search-box {
  background-color: var(--techvon-white);
  border-radius: var(--techvon-radius-card);
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.techvon-404-search-box .techvon-404-section-title {
  width: 100%;
}

.techvon-404-page .techvon-404-search-form {
  width: min(100%, 760px);
  min-height: 72px;
  padding: 10px 12px 10px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  background: #ffffff;
  border: 1px solid rgba(119, 117, 135, 0.16);
  border-radius: 999px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.techvon-404-page .techvon-404-search-form:focus-within {
  border-color: var(--techvon-primary);
  box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1), 0 18px 42px rgba(15, 23, 42, 0.06);
}

.techvon-404-page .techvon-404-search-form .search-icon,
.techvon-404-page .techvon-404-search-form .material-symbols-outlined {
  flex: 0 0 auto;
  font-size: 23px;
  line-height: 1;
  color: #94a3b8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: static;
  pointer-events: none;
}

.techvon-404-page .techvon-404-search-form input[type="search"],
.techvon-404-page .techvon-404-search-form input[name="s"],
.techvon-404-page .techvon-404-search-input {
  height: 52px;
  min-height: 52px;
  flex: 1;
  min-width: 0;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 8px !important;
  margin: 0;
  color: #0f172a;
  font-size: 17px;
  line-height: 52px !important;
  border-radius: 0;
}

.techvon-404-page .techvon-404-search-form input[type="search"]::placeholder,
.techvon-404-page .techvon-404-search-form input[name="s"]::placeholder,
.techvon-404-page .techvon-404-search-input::placeholder {
  color: #94a3b8;
  opacity: 1;
}

.techvon-404-page .techvon-404-search-submit,
.techvon-404-page .techvon-404-search-form button[type="submit"] {
  height: 52px;
  min-height: 52px;
  padding: 0 32px !important;
  margin: 0;
  border: 0;
  border-radius: 999px !important;
  background: #4f46e5;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.techvon-404-page .techvon-404-search-submit:hover,
.techvon-404-page .techvon-404-search-form button[type="submit"]:hover {
  background: #4338ca;
}

/* 3. Helpful Links Section */
.techvon-404-links {
  margin-bottom: 64px;
}

.techvon-404-links-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 640px) {
  .techvon-404-links-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .techvon-404-links-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.techvon-404-card {
  background-color: var(--techvon-white);
  border-radius: var(--techvon-radius-card);
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
  padding: 32px;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-404-card:hover {
  transform: translateY(-6px);
  box-shadow: 0px 20px 40px rgba(15, 23, 42, 0.1);
}

.techvon-404-card .card-icon {
  font-size: 36px;
  color: var(--techvon-primary);
  margin-bottom: 20px;
  display: inline-flex;
}

.techvon-404-card-title {
  font-size: 18px;
  font-weight: 850;
  color: var(--techvon-dark);
  margin-bottom: 12px;
  letter-spacing: -0.02em;
}

.techvon-404-card-desc {
  font-size: 14px;
  line-height: 1.6;
  color: var(--techvon-muted);
  margin: 0 0 24px 0;
  flex-grow: 1;
}

.techvon-404-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--techvon-primary);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none !important;
  margin-top: auto;
  transition: gap 0.2s ease;
}

.techvon-404-card-cta:hover {
  gap: 10px;
}

.techvon-404-card-cta .material-symbols-outlined {
  font-size: 16px;
}

/* 4. Latest Posts Section */
.techvon-404-latest {
  margin-bottom: 64px;
}

.techvon-404-latest-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

@media (min-width: 640px) {
  .techvon-404-latest-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .techvon-404-latest-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-404-latest-card {
  background-color: var(--techvon-white);
  border-radius: var(--techvon-radius-card);
  border: 1px solid var(--techvon-border);
  box-shadow: var(--techvon-shadow-editorial);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-404-latest-card:hover {
  transform: translateY(-6px);
  box-shadow: 0px 20px 40px rgba(15, 23, 42, 0.12);
}

.techvon-404-latest-card-image-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16/10;
  background-color: var(--techvon-border);
}

.techvon-404-latest-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.techvon-404-latest-card:hover .techvon-404-latest-card-image {
  transform: scale(1.04);
}

.techvon-404-latest-card-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.techvon-404-latest-card-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--techvon-muted);
  margin-bottom: 12px;
}

.techvon-404-latest-card-meta .category {
  color: var(--techvon-primary);
}

.techvon-404-latest-card-meta .divider {
  color: #cbd5e1;
}

.techvon-404-latest-card-title {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.02em;
  margin: 0 0 16px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 44px;
}

.techvon-404-latest-card-title a {
  color: var(--techvon-dark);
  text-decoration: none;
  transition: color 0.2s ease;
}

.techvon-404-latest-card-title a:hover {
  color: var(--techvon-primary);
}

.techvon-404-latest-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--techvon-primary);
  font-weight: 700;
  text-decoration: none !important;
  margin-top: auto;
  font-size: 13px;
  transition: gap 0.2s ease;
}

.techvon-404-latest-card-cta:hover {
  gap: 8px;
}

.techvon-404-latest-card-cta .material-symbols-outlined {
  font-size: 16px;
}

/* Mobile responsive styling overrides for 404 Hero and Search Clarity */
@media (max-width: 640px) {
  .techvon-404-page .techvon-404-hero {
    padding-top: 84px;
    padding-bottom: 48px;
    text-align: center;
  }

  .techvon-404-page .techvon-404-badge {
    font-size: 14px;
    line-height: 1;
    padding: 10px 18px;
    border-radius: 999px;
    margin-bottom: 22px;
    letter-spacing: 0.08em;
    font-weight: 900;
  }

  .techvon-404-page .techvon-404-title {
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
  }

  .techvon-404-page .techvon-404-description {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    line-height: 1.7;
  }

  .techvon-404-page .techvon-404-actions {
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .techvon-404-page .techvon-404-actions a,
  .techvon-404-page .techvon-404-actions .techvon-btn {
    width: 100% !important;
    justify-content: center;
  }

  .techvon-404-page .techvon-404-visual {
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    height: 180px;
  }
  
  .techvon-404-page .techvon-404-visual-card {
    width: 100%;
    height: 100%;
    padding: 24px;
    border-radius: 30px;
  }

  .techvon-404-page .techvon-404-visual-card .visual-icon {
    font-size: 56px;
  }

  /* MOBILE SEARCH BOX CLARITY */
  .techvon-404-page .techvon-404-search {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .techvon-404-page .techvon-404-search-form {
    width: 100% !important;
    min-height: auto !important;
    padding: 14px !important;
    border-radius: 24px !important;
    flex-direction: column;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .techvon-404-page .techvon-404-search-form .search-icon,
  .techvon-404-page .techvon-404-search-form .material-symbols-outlined {
    display: none !important;
  }

  .techvon-404-page .techvon-404-search-form input[type="search"],
  .techvon-404-page .techvon-404-search-form input[name="s"],
  .techvon-404-page .techvon-404-search-input {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    font-size: 15px !important;
    line-height: 52px !important;
  }

  .techvon-404-page .techvon-404-search-submit,
  .techvon-404-page .techvon-404-search-form button[type="submit"] {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
  }
}

/* =========================================================================
   TechVon Review Page Template Styles
   ========================================================================= */
.techvon-review-page {
  --techvon-rev-primary: #3525cd;
  --techvon-rev-primary-container: #4f46e5;
  --techvon-rev-secondary: #00687a;
  --techvon-rev-secondary-container: #57dffe;
  --techvon-rev-background: #fcf8ff;
  --techvon-rev-surface: #ffffff;
  --techvon-rev-surface-low: #f5f2ff;
  --techvon-rev-surface-container: #f0ecf9;
  --techvon-rev-surface-high: #eae6f4;
  --techvon-rev-surface-highest: #e4e1ee;
  --techvon-rev-text: #1b1b24;
  --techvon-rev-text-muted: #464555;
  --techvon-rev-outline: #777587;
  --techvon-rev-outline-variant: #c7c4d8;
  --techvon-rev-tertiary: #7e3000;
  --techvon-rev-error: #ba1a1a;
  --techvon-rev-error-light: #fff4f2;
  --techvon-rev-error-dark: #7f1d1d;
  --techvon-rev-success: #16a34a;
  --techvon-rev-success-light: #f0f9f4;
  --techvon-rev-success-dark: #14532d;
  --techvon-rev-shadow: 0px 12px 32px rgba(15, 23, 42, 0.08);
  --techvon-rev-radius-card: 24px;
  --techvon-rev-radius-img: 20px;

  background-color: var(--techvon-rev-background);
  color: var(--techvon-rev-text);
  padding: 40px var(--techvon-gutter, 24px) 80px;
  max-width: 1280px;
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
  box-sizing: border-box;
}

/* Common Section Layout */
.techvon-review-page section {
  margin-bottom: 48px;
}

/* Typography Helpers */
.techvon-review-page .techvon-review-section-title {
  font-size: 28px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--techvon-rev-text);
  margin: 0 0 32px 0;
  letter-spacing: -0.02em;
}

.techvon-review-page .techvon-review-card-title {
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  color: var(--techvon-rev-text);
  margin: 0 0 16px 0;
}

/* Breadcrumbs */
.techvon-review-page .techvon-review-breadcrumb {
  margin-top: 36px;
  margin-bottom: 36px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
  overflow-x: auto;
  white-space: nowrap;
}

.techvon-review-page .techvon-review-breadcrumb a {
  color: #475569;
  text-decoration: none;
  font-weight: 600;
}

.techvon-review-page .techvon-review-breadcrumb a:hover {
  color: #4f46e5;
}

.techvon-review-page .techvon-review-breadcrumb span:last-child {
  color: #0f172a;
  font-weight: 800;
}

.techvon-review-page .techvon-review-breadcrumb-separator {
  color: #64748b;
}

@media (max-width: 640px) {
  .techvon-review-page .techvon-review-breadcrumb {
    margin-top: 28px;
    margin-bottom: 28px;
    padding-left: 2px;
    font-size: 13px;
  }
}

/* Hero Section */
.techvon-review-hero-inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (min-width: 992px) {
  .techvon-review-hero-inner {
    flex-direction: row;
    align-items: flex-start;
    gap: 48px;
  }
}

.techvon-review-hero-visual-col {
  width: 100%;
}

@media (min-width: 992px) {
  .techvon-review-hero-visual-col {
    width: 35%;
    flex-shrink: 0;
  }
}

.techvon-review-product-card {
  aspect-ratio: 1/1;
  background-color: var(--techvon-rev-surface);
  border-radius: var(--techvon-rev-radius-card);
  border: 1px solid rgba(199, 196, 216, 0.3);
  box-shadow: var(--techvon-rev-shadow);
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 44px;
}

.techvon-review-product-card-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(53, 37, 205, 0.03);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.techvon-review-product-card:hover {
  box-shadow: 0px 20px 48px rgba(15, 23, 42, 0.12);
  border-color: rgba(53, 37, 205, 0.2);
}

.techvon-review-product-card:hover .techvon-review-product-card-overlay {
  opacity: 1;
}

.techvon-review-page .techvon-review-product-card img {
  width: min(88%, 360px);
  height: min(88%, 360px);
  object-fit: contain;
  z-index: 1;
  transition: transform 0.3s ease;
}

@media (max-width: 768px) {
  .techvon-review-page .techvon-review-product-card {
    padding: 32px;
  }

  .techvon-review-page .techvon-review-product-card img {
    width: min(86%, 300px);
    height: auto;
  }
}

.techvon-review-hero-text-col {
  flex-grow: 1;
}

.techvon-review-hero-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.techvon-review-badge {
  display: inline-block;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 700;
  color: var(--techvon-rev-primary);
  background-color: rgba(53, 37, 205, 0.08);
  border-radius: var(--techvon-rev-radius-card);
}

.techvon-review-score-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: var(--techvon-rev-primary);
  color: #ffffff;
  padding: 6px 16px;
  border-radius: var(--techvon-rev-radius-card);
  box-shadow: 0 4px 12px rgba(53, 37, 205, 0.2);
}

.techvon-review-score-badge .star-icon {
  font-size: 18px;
  font-variation-settings: 'FILL' 1;
}

.techvon-review-score-badge .score-text {
  font-weight: 700;
  font-size: 13px;
}

.techvon-review-hero-title {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--techvon-rev-text);
  margin: 0 0 20px 0 !important;
  letter-spacing: -0.03em;
}

@media (min-width: 992px) {
  .techvon-review-hero-title {
    font-size: 40px;
    max-width: 800px;
  }
}

.techvon-review-hero-desc {
  font-size: 18px;
  line-height: 1.6;
  color: var(--techvon-rev-text-muted);
  margin-bottom: 32px;
  max-width: 680px;
}

.techvon-review-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
}

.techvon-review-btn-primary,
.techvon-review-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 36px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 9999px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.techvon-review-btn-primary {
  background-color: var(--techvon-rev-primary);
  color: #ffffff !important;
  box-shadow: 0px 10px 24px rgba(53, 37, 205, 0.25);
}

.techvon-review-btn-primary:hover {
  background-color: var(--techvon-rev-primary-container);
  transform: translateY(-2px);
  box-shadow: 0px 14px 30px rgba(53, 37, 205, 0.35);
}

.techvon-review-btn-secondary {
  background-color: var(--techvon-rev-surface-high);
  color: var(--techvon-rev-text) !important;
  border: 1px solid rgba(199, 196, 216, 0.3);
}

.techvon-review-btn-secondary:hover {
  background-color: var(--techvon-rev-surface-highest);
  transform: translateY(-2px);
}

.techvon-review-affiliate-note {
  font-size: 12px;
  font-style: italic;
  color: var(--techvon-rev-outline);
  margin: 0;
}

/* Trust Metadata Row */
.techvon-review-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  padding: 32px 0;
  border-top: 1px solid rgba(199, 196, 216, 0.3);
  border-bottom: 1px solid rgba(199, 196, 216, 0.3);
  margin-bottom: 48px;
}

@media (min-width: 768px) {
  .techvon-review-meta-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.techvon-review-meta-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.techvon-review-meta-icon-wrapper {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background-color: var(--techvon-rev-surface-high);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.techvon-review-meta-icon-wrapper span {
  font-size: 22px;
  color: var(--techvon-rev-primary);
}

.techvon-review-meta-content {
  display: flex;
  flex-direction: column;
}

.techvon-review-meta-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: var(--techvon-rev-outline);
  margin: 0 0 2px 0;
}

.techvon-review-meta-value {
  font-size: 15px;
  font-weight: 700;
  color: var(--techvon-rev-text);
  margin: 0;
}

/* Quick Verdict Box */
.techvon-review-verdict {
  background-color: var(--techvon-rev-surface-low);
  border-radius: var(--techvon-rev-radius-card);
  padding: 32px;
  border: 1px solid rgba(53, 37, 205, 0.08);
  margin-bottom: 48px;
}

@media (min-width: 768px) {
  .techvon-review-verdict {
    padding: 40px;
  }
}

.techvon-review-section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 32px;
}

.techvon-review-section-title-wrapper .verified-icon {
  font-size: 32px;
}

.techvon-review-section-title-wrapper .techvon-review-section-title {
  margin: 0;
}

.techvon-review-verdict-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .techvon-review-verdict-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.techvon-review-verdict-card {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: var(--techvon-rev-radius-card);
  padding: 24px;
  border: 1px solid #ffffff;
}

.techvon-review-verdict-card.border-success {
  border-left: 4px solid var(--techvon-review-success, #16a34a);
}

.techvon-review-verdict-card.border-error {
  border-left: 4px solid var(--techvon-review-error, #dc2626);
}

.techvon-review-verdict-card .techvon-review-card-title {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-bottom: 24px;
}

.techvon-review-verdict-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.techvon-review-verdict-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.techvon-review-verdict-list .list-icon {
  font-size: 22px;
  flex-shrink: 0;
}

.techvon-review-verdict-list .list-text {
  font-size: 15px;
  font-weight: 600;
  color: var(--techvon-rev-text);
  line-height: 1.4;
}

.techvon-review-verdict-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 32px;
  border-top: 1px solid rgba(199, 196, 216, 0.3);
  gap: 32px;
}

@media (min-width: 768px) {
  .techvon-review-verdict-footer {
    flex-direction: row;
  }
}

.techvon-review-verdict-score-wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
}

.techvon-review-verdict-score-circle {
  width: 80px;
  height: 80px;
  border-radius: 999px;
  background-color: var(--techvon-rev-primary);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 4px solid #ffffff;
  box-shadow: var(--techvon-rev-shadow);
  flex-shrink: 0;
}

.techvon-review-verdict-score-circle .score-number {
  font-size: 24px;
  font-weight: 750;
  line-height: 1;
}

.techvon-review-verdict-score-circle .score-lbl {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 2px;
}

.techvon-review-verdict-quote {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
  font-style: italic;
  color: var(--techvon-rev-text);
  max-width: 440px;
  margin: 0;
}

.techvon-review-verdict-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 36px;
  background-color: var(--techvon-rev-primary);
  color: #ffffff !important;
  font-weight: 700;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0px 8px 20px rgba(53, 37, 205, 0.2);
}

.techvon-review-verdict-btn:hover {
  background-color: var(--techvon-rev-primary-container);
  transform: scale(1.03);
}

@media (min-width: 768px) {
  .techvon-review-verdict-btn {
    width: auto;
  }
}

/* Pros & Cons */
.techvon-review-pros-cons-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

@media (min-width: 768px) {
  .techvon-review-pros-cons-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.techvon-review-pros-cons-col {
  padding: 32px;
  border-radius: var(--techvon-rev-radius-card);
  border: 1px solid rgba(199, 196, 216, 0.3);
}

.techvon-review-pros-cons-col.pros-wrapper {
  background-color: var(--techvon-review-success-light, #f0f9f4);
  border-color: rgba(22, 163, 74, 0.15);
}

.techvon-review-pros-cons-col.cons-wrapper {
  background-color: var(--techvon-review-error-light, #fff4f2);
  border-color: rgba(220, 38, 38, 0.15);
}

.techvon-review-card-title-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 32px;
}

.techvon-review-card-title-wrapper .thumb-icon {
  font-size: 28px;
}

.techvon-review-card-title-wrapper .techvon-review-card-title {
  margin: 0;
  font-size: 24px;
}

.techvon-review-pros-cons-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.techvon-review-pros-cons-list .list-item {
  display: flex;
  gap: 16px;
}

.techvon-review-pros-cons-list .icon-wrap {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.techvon-review-pros-cons-list .icon-wrap.bg-success-light {
  background-color: #bbf7d0;
}

.techvon-review-pros-cons-list .icon-wrap.bg-error-light {
  background-color: #fecaca;
}

.techvon-review-pros-cons-list .list-action-icon {
  font-size: 20px;
  font-weight: 700;
}

.techvon-review-pros-cons-list .item-text {
  display: flex;
  flex-direction: column;
}

.techvon-review-pros-cons-list .item-heading {
  font-size: 16px;
  font-weight: 750;
  margin: 0 0 4px 0;
}

.techvon-review-pros-cons-list .item-description {
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

.text-success-dark {
  color: var(--techvon-review-success-dark, #14532d);
}
.text-success-muted {
  color: var(--techvon-review-success-muted, rgba(20, 83, 45, 0.8));
}
.text-error-dark {
  color: var(--techvon-review-error-dark, #7f1d1d);
}
.text-error-muted {
  color: var(--techvon-review-error-muted, rgba(127, 29, 29, 0.8));
}

/* Target Audience */
.techvon-review-audience-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 576px) {
  .techvon-review-audience-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.techvon-review-audience-card {
  background-color: var(--techvon-rev-surface);
  border-radius: var(--techvon-rev-radius-card);
  padding: 32px;
  border: 1px solid rgba(199, 196, 216, 0.2);
  box-shadow: var(--techvon-rev-shadow);
  transition: border-color 0.3s ease, transform 0.3s ease;
}

.techvon-review-audience-card:hover {
  border-color: rgba(53, 37, 205, 0.3);
  transform: translateY(-4px);
}

.techvon-review-audience-card .card-icon {
  font-size: 36px;
  color: var(--techvon-rev-primary);
  margin-bottom: 24px;
  display: block;
}

.techvon-review-audience-card .techvon-review-card-title {
  margin-bottom: 12px;
  font-size: 20px;
}

.techvon-review-audience-card .card-desc {
  font-size: 15px;
  line-height: 1.6;
  color: var(--techvon-rev-text-muted);
  margin: 0;
}

/* Review Methodology */
.techvon-review-methodology {
  background-color: #1b1b24; /* Dark section */
  border-radius: var(--techvon-rev-radius-card);
  padding: 40px 24px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .techvon-review-methodology {
    padding: 48px;
  }
}

.techvon-review-methodology-bg-glow {
  position: absolute;
  top: 0;
  right: 0;
  width: 384px;
  height: 384px;
  background: radial-gradient(circle, rgba(53, 37, 205, 0.2) 0%, transparent 70%);
  border-radius: 999px;
  pointer-events: none;
  transform: translate(30%, -30%);
}

.techvon-review-methodology-inner {
  position: relative;
  z-index: 2;
}

.techvon-review-methodology .techvon-review-section-title {
  color: #ffffff;
  margin-bottom: 16px;
}

.techvon-review-methodology-desc {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 40px;
  max-width: 680px;
}

.techvon-review-methodology-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 576px) {
  .techvon-review-methodology-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .techvon-review-methodology-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.techvon-review-methodology-card {
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: var(--techvon-rev-radius-card);
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.techvon-review-methodology-card .step-number {
  font-size: 28px;
  font-weight: 800;
  color: var(--techvon-rev-secondary-container);
  margin-bottom: 16px;
}

.techvon-review-methodology-card .step-title {
  font-size: 16px;
  font-weight: 750;
  color: #ffffff;
  margin: 0 0 8px 0;
}

.techvon-review-methodology-card .step-desc {
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}

/* Feature Breakdown */
.techvon-review-features-inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}

@media (min-width: 992px) {
  .techvon-review-features-inner {
    flex-direction: row;
    gap: 48px;
  }
}

.techvon-review-features-img-col {
  width: 100%;
}

@media (min-width: 992px) {
  .techvon-review-features-img-col {
    width: 50%;
    flex-shrink: 0;
  }
}

.techvon-review-features-bars-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

@media (min-width: 992px) {
  .techvon-review-features-bars-col {
    width: 50%;
  }
}

.techvon-review-img {
  width: 100%;
  height: auto;
  border-radius: var(--techvon-rev-radius-img);
  object-fit: cover;
  border: 1px solid rgba(199, 196, 216, 0.3);
}

.techvon-review-img.shadow-large {
  box-shadow: var(--techvon-rev-shadow);
}

.techvon-review-feature-bar-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.techvon-review-feature-bar-item .bar-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.techvon-review-feature-bar-item .feature-name {
  font-size: 15px;
  font-weight: 700;
  color: var(--techvon-rev-text);
}

.techvon-review-feature-bar-item .feature-score {
  font-size: 20px;
  font-weight: 750;
  color: var(--techvon-rev-primary);
  line-height: 1;
}

.techvon-review-feature-bar-item .bar-container {
  width: 100%;
  height: 12px;
  background-color: var(--techvon-rev-surface-highest);
  border-radius: 999px;
  overflow: hidden;
}

.techvon-review-feature-bar-item .bar-fill {
  height: 100%;
  background-color: var(--techvon-rev-primary);
  border-radius: 999px;
  box-shadow: 0 0 8px rgba(53, 37, 205, 0.4);
}

/* Pricing Table */
.techvon-review-pricing-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  align-items: stretch;
}

@media (min-width: 768px) {
  .techvon-review-pricing-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-review-pricing-card {
  background-color: var(--techvon-rev-surface);
  border-radius: var(--techvon-rev-radius-card);
  padding: 32px;
  border: 1px solid rgba(199, 196, 216, 0.3);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  position: relative;
  box-sizing: border-box;
}

.techvon-review-pricing-card:hover {
  border-color: rgba(53, 37, 205, 0.3);
}

.techvon-review-pricing-card .techvon-review-card-title {
  font-size: 24px;
  margin-bottom: 12px;
}

.card-price-box {
  margin-bottom: 32px;
}

.card-price-box .price-amount {
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
  color: var(--techvon-rev-text);
}

.card-price-box .price-cycle {
  font-size: 15px;
  font-weight: 500;
  color: var(--techvon-rev-text-muted);
}

.card-price-box .price-note {
  font-size: 12px;
  font-style: italic;
  color: var(--techvon-rev-outline);
  margin: 4px 0 0 0;
}

.techvon-review-pricing-features {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 40px 0 !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
}

.techvon-review-pricing-features li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: var(--techvon-rev-text-muted);
  line-height: 1.4;
}

.techvon-review-pricing-features .check-icon {
  font-size: 18px;
  font-weight: 700;
  color: var(--techvon-rev-primary);
  flex-shrink: 0;
}

.techvon-review-pricing-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 999px;
  text-decoration: none;
  text-align: center;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.techvon-review-pricing-btn.border-btn {
  border: 2px solid var(--techvon-rev-primary);
  color: var(--techvon-rev-primary) !important;
  background-color: transparent;
}

.techvon-review-pricing-btn.border-btn:hover {
  background-color: rgba(53, 37, 205, 0.05);
}

/* Highlighted Pricing Card */
.techvon-review-pricing-card.highlighted {
  border: 2px solid var(--techvon-rev-primary);
  box-shadow: 0px 20px 48px rgba(53, 37, 205, 0.15);
  z-index: 10;
}

@media (min-width: 768px) {
  .techvon-review-pricing-card.highlighted {
    transform: scale(1.03); /* subtle scale only on desktop */
  }
}

.popular-badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--techvon-rev-primary);
  color: #ffffff;
  padding: 6px 18px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  box-shadow: var(--techvon-rev-shadow);
  white-space: nowrap;
}

.techvon-review-pricing-card.highlighted .techvon-review-pricing-features li {
  color: var(--techvon-rev-text);
}

.techvon-review-pricing-btn.filled-btn {
  background-color: var(--techvon-rev-primary);
  color: #ffffff !important;
  box-shadow: 0px 8px 20px rgba(53, 37, 205, 0.2);
}

.techvon-review-pricing-btn.filled-btn:hover {
  background-color: var(--techvon-rev-primary-container);
  transform: translateY(-2px);
  box-shadow: 0px 12px 24px rgba(53, 37, 205, 0.3);
}

/* Comparison Table */
.techvon-review-page .techvon-review-table-wrapper {
  width: 100%;
  overflow-x: auto;
  border-radius: 22px;
  border: 1px solid rgba(119, 117, 135, 0.16);
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06);
}

.techvon-review-page .techvon-review-comparison-table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
  table-layout: fixed;
  background: #ffffff;
}

.techvon-review-page .techvon-review-comparison-table th {
  background: #3525cd;
  color: #ffffff;
  padding: 18px 20px;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: left;
  vertical-align: middle;
}

.techvon-review-page .techvon-review-comparison-table td {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(119, 117, 135, 0.12);
  color: #1f2937;
  font-size: 15px;
  line-height: 1.5;
  vertical-align: middle;
}

.techvon-review-page .techvon-review-comparison-table tr:last-child td {
  border-bottom: 0;
}

.techvon-review-page .techvon-review-comparison-table th:first-child {
  width: 20%;
}

.techvon-review-page .techvon-review-comparison-table td:first-child {
  width: 20%;
  font-weight: 850;
  color: #0f172a;
}

.techvon-review-page .techvon-review-comparison-table th:not(:first-child),
.techvon-review-page .techvon-review-comparison-table td:not(:first-child) {
  width: 20%;
}

.techvon-review-page .techvon-review-comparison-table .material-symbols-outlined {
  font-size: 18px;
  vertical-align: -4px;
}

@media (max-width: 768px) {
  .techvon-review-page .techvon-review-table-wrapper {
    border-radius: 18px;
  }

  .techvon-review-page .techvon-review-comparison-table {
    min-width: 820px;
  }

  .techvon-review-page .techvon-review-comparison-table th,
  .techvon-review-page .techvon-review-comparison-table td {
    padding: 16px;
    font-size: 14px;
  }
}

.tbl-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.tbl-badge.success-badge {
  background-color: var(--techvon-review-success-light);
  color: var(--techvon-review-success-dark);
}

.tbl-badge .icon-premium {
  font-size: 16px;
}

.tbl-check-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.tbl-check-row span {
  font-size: 18px;
}

.tbl-check-row .text-val {
  font-weight: 500;
}

/* Alternatives */
.techvon-review-alternatives-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

@media (min-width: 768px) {
  .techvon-review-alternatives-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-review-alternative-card {
  background-color: var(--techvon-rev-surface);
  border-radius: var(--techvon-rev-radius-card);
  padding: 32px;
  border: 1px solid rgba(199, 196, 216, 0.3);
  display: flex;
  flex-direction: column;
  box-shadow: var(--techvon-rev-shadow);
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.techvon-review-alternative-card:hover {
  transform: translateY(-8px);
  box-shadow: 0px 20px 48px rgba(15, 23, 42, 0.1);
}

.card-icon-wrapper {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  transition: all 0.3s ease;
}

.card-icon-wrapper.bg-primary-light {
  background-color: rgba(53, 37, 205, 0.08);
}

.techvon-review-alternative-card:hover .card-icon-wrapper {
  background-color: var(--techvon-rev-primary);
  color: #ffffff;
}

.card-icon-wrapper span {
  font-size: 24px;
}

.techvon-review-alternative-card .techvon-review-card-title {
  margin-bottom: 12px;
}

.techvon-review-alternative-card .card-desc {
  font-size: 14px;
  line-height: 1.6;
  color: var(--techvon-rev-text-muted);
  margin-bottom: 32px;
  flex-grow: 1;
}

.techvon-review-alternative-card .card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  color: var(--techvon-rev-primary);
  text-decoration: none;
  transition: gap 0.2s ease;
}

.techvon-review-alternative-card .card-link:hover {
  text-decoration: underline;
  gap: 12px;
}

.techvon-review-alternative-card .link-arrow {
  font-size: 18px;
}

/* Final Recommendation / Affiliate CTA */
.techvon-review-final-cta {
  background-color: rgba(53, 37, 205, 0.03);
  border: 1px solid rgba(53, 37, 205, 0.15);
  border-radius: var(--techvon-rev-radius-card);
  padding: 32px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .techvon-review-final-cta {
    padding: 48px;
  }
}

.techvon-review-final-cta-bg-glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 512px;
  height: 512px;
  background: radial-gradient(circle, rgba(53, 37, 205, 0.1) 0%, transparent 60%);
  border-radius: 999px;
  transform: translate(-30%, -30%);
  pointer-events: none;
}

.techvon-review-final-cta-inner {
  position: relative;
  z-index: 2;
}

.techvon-review-final-cta-content {
  font-size: 17px;
  line-height: 1.7;
  color: var(--techvon-rev-text-muted);
  margin-bottom: 40px;
}

.techvon-review-final-cta-content p {
  margin: 0 0 16px 0;
}

.techvon-review-final-cta-content p:last-child {
  margin: 0;
}

.techvon-review-final-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}

@media (min-width: 576px) {
  .techvon-review-final-cta-actions {
    flex-direction: row;
  }
}

.techvon-review-final-cta-actions .py-lg {
  padding: 18px 48px;
  font-size: 18px;
}

.techvon-review-final-cta-disclaimer {
  font-size: 12px;
  font-style: italic;
  line-height: 1.6;
  color: var(--techvon-rev-outline);
  margin: 0;
}

/* Newsletter Section */
.techvon-review-page .techvon-review-newsletter {
  border-radius: 28px;
  padding: 56px 40px;
  background: #f0ecf9;
  border: 1px solid rgba(119, 117, 135, 0.16);
}

.techvon-review-page .techvon-review-newsletter-form {
  width: min(100%, 720px);
  margin: 32px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.techvon-review-page .techvon-review-newsletter-form input[type="email"] {
  height: 56px;
  min-height: 56px;
  flex: 1;
  min-width: 0;
  border-radius: 999px;
  border: 1px solid rgba(119, 117, 135, 0.2);
  background: #ffffff;
  color: #0f172a;
  padding: 0 24px;
  font-size: 16px;
  line-height: 56px;
  outline: none;
  box-shadow: none;
}

.techvon-review-page .techvon-review-newsletter-form input[type="email"]::placeholder {
  color: #94a3b8;
  opacity: 1;
}

.techvon-review-page .techvon-review-newsletter-form button[type="submit"] {
  height: 56px;
  min-height: 56px;
  padding: 0 34px;
  border: 0;
  border-radius: 999px;
  background: #3525cd;
  color: #ffffff;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.03em;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.techvon-review-page .techvon-review-newsletter-form button[type="submit"]:hover {
  background: #2f21b8;
}

@media (max-width: 640px) {
  .techvon-review-page .techvon-review-newsletter {
    padding: 36px 20px;
    border-radius: 24px;
  }

  .techvon-review-page .techvon-review-newsletter-form {
    flex-direction: column;
    gap: 12px;
  }

  .techvon-review-page .techvon-review-newsletter-form input[type="email"],
  .techvon-review-page .techvon-review-newsletter-form button[type="submit"] {
    width: 100%;
  }
}

/* FAQ Section */
.techvon-review-faq-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 768px;
  margin: 0 auto;
}

.techvon-faq-item {
  background-color: #ffffff;
  border-radius: var(--techvon-rev-radius-card);
  border: 1px solid rgba(199, 196, 216, 0.3);
  box-shadow: var(--techvon-rev-shadow);
  overflow: hidden;
}

.techvon-faq-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  cursor: pointer;
  font-weight: 750;
  font-size: 16px;
  color: var(--techvon-rev-text);
  user-select: none;
  transition: background-color 0.2s ease;
}

.techvon-faq-summary::-webkit-details-marker {
  display: none !important;
}

.techvon-faq-summary {
  list-style: none !important;
}

.techvon-faq-summary:hover {
  background-color: var(--techvon-rev-surface-low);
}

.techvon-faq-summary .expand-icon {
  font-size: 24px;
  color: var(--techvon-rev-text-muted);
  transition: transform 0.2s ease;
}

details[open] .techvon-faq-summary .expand-icon {
  transform: rotate(180deg);
}

.techvon-faq-content {
  padding: 8px 24px 24px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--techvon-rev-text-muted);
  border-top: 1px solid rgba(199, 196, 216, 0.1);
}

/* Author Box */
.techvon-review-author {
  background-color: var(--techvon-rev-surface-highest);
  border-radius: var(--techvon-rev-radius-card);
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border: 1px solid rgba(199, 196, 216, 0.2);
}

@media (min-width: 768px) {
  .techvon-review-author {
    flex-direction: row;
    align-items: flex-start;
    padding: 40px;
  }
}

.techvon-review-author-img-wrapper {
  width: 120px;
  height: 120px;
  border-radius: 999px;
  overflow: hidden;
  border: 4px solid #ffffff;
  box-shadow: var(--techvon-rev-shadow);
  flex-shrink: 0;
}

.author-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.techvon-review-author-info {
  flex-grow: 1;
}

.techvon-review-author-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .techvon-review-author-header {
    flex-direction: row;
    align-items: center;
    margin-bottom: 12px;
  }
}

.techvon-review-author-header .techvon-review-card-title {
  margin: 0;
  font-size: 24px;
}

.techvon-review-author-socials {
  display: flex;
  gap: 12px;
}

.social-btn {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background-color: #ffffff;
  color: var(--techvon-rev-primary) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
  text-decoration: none;
}

.social-btn:hover {
  background-color: var(--techvon-rev-primary);
  color: #ffffff !important;
}

.social-btn span {
  font-size: 20px;
}

.techvon-review-author-badge-wrap {
  margin-bottom: 16px;
  text-align: center;
}

@media (min-width: 768px) {
  .techvon-review-author-badge-wrap {
    text-align: left;
  }
}

.techvon-review-author-badge {
  display: inline-block;
  padding: 6px 16px;
  background-color: rgba(53, 37, 205, 0.08);
  color: var(--techvon-rev-primary);
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--techvon-rev-radius-card);
}

.techvon-review-author-bio {
  font-size: 15px;
  line-height: 1.6;
  color: var(--techvon-rev-text-muted);
  margin-bottom: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  .techvon-review-author-bio {
    text-align: left;
  }
}

.techvon-review-author-link {
  font-size: 15px;
  font-weight: 700;
  color: var(--techvon-rev-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.techvon-review-author-link:hover {
  text-decoration: underline;
}

.techvon-review-author-link .open-icon {
  font-size: 18px;
}

/* Related Reviews */
.techvon-review-related-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

@media (min-width: 768px) {
  .techvon-review-related-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-review-related-card {
  background-color: var(--techvon-rev-surface);
  border-radius: var(--techvon-rev-radius-card);
  border: 1px solid rgba(199, 196, 216, 0.3);
  box-shadow: var(--techvon-rev-shadow);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.techvon-review-related-card:hover {
  transform: translateY(-6px);
  box-shadow: 0px 20px 48px rgba(15, 23, 42, 0.12);
}

.card-image-wrapper {
  height: 192px;
  background-color: var(--techvon-rev-surface-container);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-icon-back {
  color: rgba(53, 37, 205, 0.08);
  transition: transform 0.5s ease;
}

.techvon-review-related-card:hover .card-icon-back {
  transform: scale(1.1);
}

.card-badge-overlay {
  position: absolute;
  bottom: 16px;
  left: 16px;
}

.badge-tag {
  background-color: var(--techvon-rev-primary);
  color: #ffffff;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.techvon-review-related-card .card-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.meta-cat {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--techvon-rev-outline);
  letter-spacing: 0.05em;
}

.meta-rating {
  display: flex;
  align-items: center;
  gap: 4px;
}

.meta-rating .star-icon {
  font-size: 16px;
  color: #eab308; /* yellow rating star */
  font-variation-settings: 'FILL' 1;
}

.meta-rating .rating-val {
  font-size: 12px;
  font-weight: 700;
  color: var(--techvon-rev-text);
}

.techvon-review-related-card .techvon-review-card-title {
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 12px;
  transition: color 0.2s ease;
}

.techvon-review-related-card:hover .techvon-review-card-title {
  color: var(--techvon-rev-primary);
}

.card-excerpt {
  font-size: 14px;
  line-height: 1.5;
  color: var(--techvon-rev-text-muted);
  margin-bottom: 24px;
  flex-grow: 1;
}

.card-read-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 20px;
  background-color: var(--techvon-rev-surface-high);
  color: var(--techvon-rev-primary) !important;
  font-weight: 700;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.techvon-review-related-card:hover .card-read-btn {
  background-color: var(--techvon-rev-primary);
  color: #ffffff !important;
}

.card-read-btn .arrow-icon {
  font-size: 18px;
}

@media (max-width: 768px) {
  .techvon-review-page .techvon-review-hero {
    text-align: center;
  }

  .techvon-review-page .techvon-review-hero-badges {
    justify-content: center;
  }

  .techvon-review-page .techvon-review-hero-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .techvon-review-page .techvon-review-hero-desc {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .techvon-review-page .techvon-review-hero-actions {
    justify-content: center;
    width: 100%;
  }

  .techvon-review-page .techvon-review-hero-actions a,
  .techvon-review-page .techvon-review-hero-actions .techvon-button {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }

  .techvon-review-page .techvon-review-affiliate-note {
    text-align: center;
  }
}

/* Fallback Product Visual */
.techvon-review-page .techvon-review-product-fallback {
  width: min(88%, 360px);
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f5f2ff 0%, #eef6ff 100%);
  border: 1px solid rgba(119,117,135,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.techvon-review-page .techvon-review-product-fallback span {
  color: #3525cd;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 900;
  letter-spacing: -0.03em;
}

/* Fallback Feature Analysis Visual */
.techvon-review-page .techvon-review-feature-visual,
.techvon-review-page .techvon-review-feature-visual img,
.techvon-review-page .techvon-review-feature-visual-fallback {
  width: 100%;
  border-radius: 24px;
}

.techvon-review-page .techvon-review-feature-visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.techvon-review-page .techvon-review-feature-visual-fallback {
  aspect-ratio: 16 / 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f5f2ff 0%, #e8f3ff 100%);
  border: 1px solid rgba(119,117,135,0.12);
  color: #3525cd;
  font-size: clamp(20px, 2vw, 30px);
  font-weight: 800;
}

/* Comparison Table Polishing */
.techvon-review-page .techvon-review-comparison-table th {
  color: #ffffff !important;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.techvon-review-page .techvon-review-comparison-table td {
  font-size: 16px;
  line-height: 1.55;
  font-weight: 500;
  color: #1f2937;
}

.techvon-review-page .techvon-review-comparison-table td:first-child {
  font-size: 16px;
  line-height: 1.45;
  font-weight: 850;
  color: #0f172a;
}

.techvon-review-page .techvon-review-comparison-table .techvon-review-table-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}

.techvon-review-page .techvon-review-comparison-table .techvon-review-table-status .material-symbols-outlined {
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
}

/* Phase 2B Related Reviews Image Support */
.techvon-review-page .techvon-review-related-image {
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 24px 24px 0 0;
  background: #f5f2ff;
}

.techvon-review-page .techvon-review-related-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.techvon-review-page .techvon-review-related-visual {
  aspect-ratio: 16 / 10;
}

/* =========================================================================
   REVIEWS HUB PAGE STYLES
   ========================================================================= */

.techvon-reviews-page {
  padding-bottom: 80px;
  background-color: #f8fafc;
}

/* 1. Reviews Hero */
.techvon-reviews-page .techvon-reviews-hero {
  position: relative;
  padding: 64px 0 48px;
  background: radial-gradient(circle at top right, rgba(79, 70, 229, 0.05) 0%, transparent 60%), #f8fafc;
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
}

.techvon-reviews-page .techvon-reviews-hero-inner {
  width: min(100% - 32px, 1200px);
  margin: 0 auto;
}

.techvon-reviews-page .techvon-reviews-badge {
  display: inline-flex;
  align-items: center;
  background-color: #ecedff;
  color: #3525cd;
  padding: 6px 16px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 24px;
}

.techvon-reviews-page .techvon-reviews-hero-title {
  font-size: clamp(2rem, 4.5vw, 3.25rem);
  line-height: 1.15;
  font-weight: 850;
  color: #0f172a;
  letter-spacing: -0.03em;
  margin: 0 0 20px;
}

.techvon-reviews-page .techvon-reviews-hero-desc {
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.7;
  color: #475569;
  max-width: 680px;
  margin: 0 0 32px;
}

.techvon-reviews-page .techvon-reviews-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.techvon-reviews-page .techvon-reviews-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #3525cd;
  color: #ffffff !important;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 12px;
  transition: background-color 0.2s, transform 0.2s;
  box-shadow: 0 4px 12px rgba(53, 37, 205, 0.15);
  cursor: pointer;
  text-decoration: none;
  border: none;
}

.techvon-reviews-page .techvon-reviews-btn-primary:hover {
  background-color: #2b1eb3;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(53, 37, 205, 0.2);
}

.techvon-reviews-page .techvon-reviews-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #eae6f4;
  color: #0f172a !important;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 12px;
  transition: background-color 0.2s, transform 0.2s;
  text-decoration: none;
}

.techvon-reviews-page .techvon-reviews-btn-secondary:hover {
  background-color: #e4e1ee;
  transform: translateY(-2px);
}

/* 2. Filter Cards */
.techvon-reviews-page .techvon-reviews-filter {
  padding: 64px 0;
  background-color: #ffffff;
}

.techvon-reviews-page .techvon-reviews-filter-inner {
  width: min(100% - 32px, 1200px);
  margin: 0 auto;
}

.techvon-reviews-page .techvon-reviews-filter-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 576px) {
  .techvon-reviews-page .techvon-reviews-filter-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .techvon-reviews-page .techvon-reviews-filter-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.techvon-reviews-page .techvon-reviews-filter-card {
  display: flex;
  flex-direction: column;
  padding: 32px;
  background-color: #f8fafc;
  border-radius: 20px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.techvon-reviews-page .techvon-reviews-filter-card:hover {
  transform: translateY(-6px);
  border-color: rgba(53, 37, 205, 0.2);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
}

.techvon-reviews-page .techvon-reviews-filter-card .card-icon {
  font-size: 36px;
  color: #3525cd;
  margin-bottom: 20px;
}

.techvon-reviews-page .techvon-reviews-filter-card .techvon-card-title {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 12px;
}

.techvon-reviews-page .techvon-reviews-filter-card .card-desc {
  font-size: 14px;
  line-height: 1.6;
  color: #64748b;
  margin: 0;
}

/* 3. Featured Review */
.techvon-reviews-page .techvon-reviews-featured {
  padding: 64px 0;
  background-color: #f8fafc;
}

.techvon-reviews-page .techvon-reviews-featured-inner {
  width: min(100% - 32px, 1200px);
  margin: 0 auto;
}

.techvon-reviews-page .techvon-section-title {
  font-size: clamp(24px, 2.5vw, 32px);
  line-height: 1.25;
  font-weight: 850;
  color: #0f172a;
  margin: 0 0 32px;
  letter-spacing: -0.02em;
}

.techvon-reviews-page .techvon-reviews-featured-card {
  display: grid;
  grid-template-columns: 1fr;
  background-color: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.04);
}

@media (min-width: 768px) {
  .techvon-reviews-page .techvon-reviews-featured-card {
    grid-template-columns: 1.1fr 0.9fr;
  }
}

.techvon-reviews-page .techvon-reviews-featured-card .featured-image-col {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: linear-gradient(135deg, #f5f2ff 0%, #e8f3ff 100%);
}

@media (min-width: 768px) {
  .techvon-reviews-page .techvon-reviews-featured-card .featured-image-col {
    aspect-ratio: auto;
    height: 100%;
  }
}

.techvon-reviews-page .techvon-reviews-featured-card .featured-image-col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.techvon-reviews-page .techvon-reviews-featured-card .featured-image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3525cd;
  font-size: 24px;
  font-weight: 850;
}

.techvon-reviews-page .techvon-reviews-featured-card .featured-info-col {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

.techvon-reviews-page .techvon-reviews-featured-card .card-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.techvon-reviews-page .techvon-reviews-featured-card .card-meta .meta-tag {
  color: #3525cd;
}

.techvon-reviews-page .techvon-reviews-featured-card .card-meta .meta-date {
  color: #64748b;
}

.techvon-reviews-page .techvon-reviews-featured-card .techvon-card-title {
  font-size: clamp(20px, 2.5vw, 28px);
  line-height: 1.3;
  font-weight: 850;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.02em;
}

.techvon-reviews-page .techvon-reviews-featured-card .card-desc {
  font-size: 16px;
  line-height: 1.6;
  color: #475569;
  margin: 0;
}

/* 4. Latest Reviews Grid */
.techvon-reviews-page .techvon-reviews-grid-sec {
  padding: 64px 0;
  background-color: #ffffff;
  border-top: 1px solid rgba(226, 232, 240, 0.6);
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
}

.techvon-reviews-page .techvon-reviews-grid-inner {
  width: min(100% - 32px, 1200px);
  margin: 0 auto;
}

.techvon-reviews-page .techvon-reviews-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

@media (min-width: 576px) {
  .techvon-reviews-page .techvon-reviews-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .techvon-reviews-page .techvon-reviews-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-reviews-page .techvon-reviews-card {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.02);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-reviews-page .techvon-reviews-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.06);
}

.techvon-reviews-page .techvon-reviews-card .card-image-wrap {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: linear-gradient(135deg, #f5f2ff 0%, #e8f3ff 100%);
}

.techvon-reviews-page .techvon-reviews-card .card-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.techvon-reviews-page .techvon-reviews-card .card-image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3525cd;
  font-size: 20px;
  font-weight: 850;
  padding: 20px;
  text-align: center;
}

.techvon-reviews-page .techvon-reviews-card .card-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.techvon-reviews-page .techvon-reviews-card .card-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 12px;
}

.techvon-reviews-page .techvon-reviews-card .card-meta .meta-cat {
  color: #3525cd;
}

.techvon-reviews-page .techvon-reviews-card .techvon-card-title {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 2.8em;
}

.techvon-reviews-page .techvon-reviews-card .card-desc {
  font-size: 14px;
  line-height: 1.6;
  color: #475569;
  margin: 0 0 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 4.8em;
}

.techvon-reviews-page .techvon-reviews-card .card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 700;
  color: #3525cd;
  text-decoration: none;
  margin-top: auto;
}

.techvon-reviews-page .techvon-reviews-card .card-link:hover {
  text-decoration: underline;
}

.techvon-reviews-page .techvon-reviews-card .card-link .link-arrow {
  font-size: 16px;
  transition: transform 0.2s;
}

.techvon-reviews-page .techvon-reviews-card .card-link:hover .link-arrow {
  transform: translateX(4px);
}

/* 5. Comparison Reviews */
.techvon-reviews-page .techvon-reviews-comparison {
  padding: 64px 0;
  background-color: #f8fafc;
}

.techvon-reviews-page .techvon-reviews-comparison-inner {
  width: min(100% - 32px, 1200px);
  margin: 0 auto;
}

.techvon-reviews-page .techvon-reviews-comparison-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

@media (min-width: 576px) {
  .techvon-reviews-page .techvon-reviews-comparison-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .techvon-reviews-page .techvon-reviews-comparison-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-reviews-page .techvon-reviews-comparison-card {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.02);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-reviews-page .techvon-reviews-comparison-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.06);
}

.techvon-reviews-page .techvon-reviews-comparison-card .card-image-wrap {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: linear-gradient(135deg, #f5f2ff 0%, #e8f3ff 100%);
}

.techvon-reviews-page .techvon-reviews-comparison-card .card-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.techvon-reviews-page .techvon-reviews-comparison-card .card-image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3525cd;
  font-size: 20px;
  font-weight: 850;
  padding: 20px;
  text-align: center;
}

.techvon-reviews-page .techvon-reviews-comparison-card .card-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
}

.techvon-reviews-page .techvon-reviews-comparison-card .card-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.techvon-reviews-page .techvon-reviews-comparison-card .card-meta .meta-tag {
  color: #e11d48;
}

.techvon-reviews-page .techvon-reviews-comparison-card .card-meta .meta-date {
  color: #64748b;
}

.techvon-reviews-page .techvon-reviews-comparison-card .techvon-card-title {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 800;
  color: #0f172a;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 2.8em;
}

.techvon-reviews-page .techvon-reviews-comparison-card .card-desc {
  font-size: 14px;
  line-height: 1.6;
  color: #475569;
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 4.8em;
}

.techvon-reviews-page .techvon-reviews-comparison-card .techvon-reviews-btn-primary {
  width: 100%;
  margin-top: auto;
}

/* 6. Affiliate Disclosure Box */
.techvon-reviews-page .techvon-reviews-disclosure {
  padding: 32px 0;
  background-color: #ffffff;
}

.techvon-reviews-page .techvon-reviews-disclosure-inner {
  width: min(100% - 32px, 1200px);
  margin: 0 auto;
}

.techvon-reviews-page .techvon-reviews-disclosure .disclosure-box {
  display: flex;
  gap: 16px;
  padding: 24px;
  background-color: #f8fafc;
  border-radius: 16px;
  border: 1px dashed rgba(226, 232, 240, 1);
}

.techvon-reviews-page .techvon-reviews-disclosure .disclosure-box .info-icon {
  font-size: 24px;
  color: #64748b;
  flex-shrink: 0;
}

.techvon-reviews-page .techvon-reviews-disclosure .disclosure-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.techvon-reviews-page .techvon-reviews-disclosure .disclosure-text {
  font-size: 14px;
  line-height: 1.6;
  color: #475569;
  margin: 0;
}

.techvon-reviews-page .techvon-reviews-disclosure .disclosure-link {
  font-size: 14px;
  font-weight: 700;
  color: #3525cd;
  text-decoration: underline;
  width: fit-content;
}

.techvon-reviews-page .techvon-reviews-disclosure .disclosure-link:hover {
  color: #2b1eb3;
}

/* 7. Newsletter CTA */
.techvon-reviews-page .techvon-reviews-newsletter {
  padding: 64px 0;
  background-color: #ffffff;
}

.techvon-reviews-page .techvon-reviews-newsletter-inner {
  width: min(100% - 32px, 800px);
  margin: 0 auto;
  padding: 48px;
  background: linear-gradient(135deg, #f5f2ff 0%, #e8f3ff 100%);
  border-radius: 32px;
  border: 1px solid rgba(119, 117, 135, 0.1);
}

.techvon-reviews-page .techvon-reviews-newsletter-desc {
  font-size: 15px;
  line-height: 1.6;
  color: #475569;
  margin: -16px 0 32px;
}

.techvon-reviews-page .techvon-reviews-newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

@media (min-width: 576px) {
  .techvon-reviews-page .techvon-reviews-newsletter-form {
    flex-direction: row;
  }
}

.techvon-reviews-page .techvon-reviews-newsletter-form .newsletter-input {
  flex-grow: 1;
  padding: 16px 24px;
  font-size: 15px;
  border-radius: 12px;
  border: 1px solid rgba(226, 232, 240, 1);
  outline: none;
  background-color: #ffffff;
}

.techvon-reviews-page .techvon-reviews-newsletter-form .newsletter-input:focus {
  border-color: #3525cd;
  box-shadow: 0 0 0 3px rgba(53, 37, 205, 0.08);
}

.techvon-reviews-page .techvon-reviews-newsletter-form .newsletter-submit-btn {
  padding: 16px 32px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  background-color: #3525cd;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.2s;
  white-space: nowrap;
}

.techvon-reviews-page .techvon-reviews-newsletter-form .newsletter-submit-btn:hover {
  background-color: #2b1eb3;
}

/* =========================================================================
   REVIEWS HUB PAGE POLISHING & UI REFINEMENTS
   ========================================================================= */

/* 1. Fix Card Title Size and Clamp */
.techvon-reviews-page .techvon-reviews-card-title,
.techvon-reviews-page .techvon-card-title {
  font-size: clamp(20px, 1.45vw, 26px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.035em !important;
  font-weight: 850 !important;
  color: #06142f !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  height: auto !important;
  min-height: auto !important;
}

.techvon-reviews-page .techvon-reviews-comparison .techvon-reviews-card-title,
.techvon-reviews-page .techvon-reviews-comparison .techvon-card-title,
.techvon-reviews-page .techvon-reviews-comparison-card .techvon-card-title {
  font-size: clamp(21px, 1.5vw, 28px) !important;
  line-height: 1.16 !important;
  -webkit-line-clamp: 2 !important;
  height: auto !important;
  min-height: auto !important;
}

.techvon-reviews-page .techvon-reviews-card-excerpt,
.techvon-reviews-page .card-desc {
  font-size: 16px;
  line-height: 1.65;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: auto !important;
}

@media (max-width: 640px) {
  .techvon-reviews-page .techvon-reviews-card-title,
  .techvon-reviews-page .techvon-card-title {
    font-size: 21px !important;
    line-height: 1.2 !important;
    -webkit-line-clamp: 2 !important;
  }

  .techvon-reviews-page .techvon-reviews-card-excerpt,
  .techvon-reviews-page .card-desc {
    font-size: 15px;
    line-height: 1.6;
  }
}

/* 2. Fix Card Body Height / Spacing */
.techvon-reviews-page .techvon-reviews-card,
.techvon-reviews-page .techvon-reviews-comparison-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.techvon-reviews-page .techvon-reviews-card-body,
.techvon-reviews-page .card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 28px !important;
}

.techvon-reviews-page .techvon-reviews-card-meta,
.techvon-reviews-page .card-meta {
  margin-bottom: 14px !important;
}

.techvon-reviews-page .techvon-reviews-card-cta,
.techvon-reviews-page .techvon-reviews-card-link,
.techvon-reviews-page .card-link,
.techvon-reviews-page .techvon-reviews-comparison-card .techvon-reviews-btn-primary {
  margin-top: auto !important;
  padding-top: 20px !important;
}

@media (max-width: 640px) {
  .techvon-reviews-page .techvon-reviews-card-body,
  .techvon-reviews-page .card-body {
    padding: 22px !important;
  }
}

/* 3. Fix Newsletter Form Alignment */
.techvon-reviews-page .techvon-reviews-newsletter-form {
  width: min(100%, 760px) !important;
  margin: 32px auto 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
}

.techvon-reviews-page .techvon-reviews-newsletter-form input[type="email"],
.techvon-reviews-page .techvon-reviews-newsletter-form .newsletter-input {
  height: 56px !important;
  min-height: 56px !important;
  flex: 1 !important;
  min-width: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(119, 117, 135, 0.22) !important;
  background: #ffffff !important;
  color: #0f172a !important;
  padding: 0 24px !important;
  font-size: 16px !important;
  line-height: 56px !important;
  outline: none !important;
  box-shadow: none !important;
}

.techvon-reviews-page .techvon-reviews-newsletter-form input[type="email"]::placeholder,
.techvon-reviews-page .techvon-reviews-newsletter-form .newsletter-input::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.techvon-reviews-page .techvon-reviews-newsletter-form button[type="submit"],
.techvon-reviews-page .techvon-reviews-newsletter-form .newsletter-submit-btn {
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 36px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #3525cd !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.techvon-reviews-page .techvon-reviews-newsletter-form button[type="submit"]:hover,
.techvon-reviews-page .techvon-reviews-newsletter-form .newsletter-submit-btn:hover {
  background: #2f21b8 !important;
}

@media (max-width: 640px) {
  .techvon-reviews-page .techvon-reviews-newsletter-form {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .techvon-reviews-page .techvon-reviews-newsletter-form input[type="email"],
  .techvon-reviews-page .techvon-reviews-newsletter-form .newsletter-input,
  .techvon-reviews-page .techvon-reviews-newsletter-form button[type="submit"],
  .techvon-reviews-page .techvon-reviews-newsletter-form .newsletter-submit-btn {
    width: 100% !important;
  }

  .techvon-reviews-page .techvon-reviews-newsletter-form button[type="submit"],
  .techvon-reviews-page .techvon-reviews-newsletter-form .newsletter-submit-btn {
    border-radius: 999px !important;
  }
}

/* 4. Center Mobile Hero Content */
@media (max-width: 768px) {
  .techvon-reviews-page .techvon-reviews-hero {
    text-align: center !important;
  }

  .techvon-reviews-page .techvon-reviews-breadcrumb,
  .techvon-reviews-page .techvon-review-breadcrumb {
    justify-content: center !important;
    text-align: center !important;
  }

  .techvon-reviews-page .techvon-reviews-hero-badge,
  .techvon-reviews-page .techvon-reviews-badge {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .techvon-reviews-page .techvon-reviews-title,
  .techvon-reviews-page .techvon-reviews-hero-title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .techvon-reviews-page .techvon-reviews-description,
  .techvon-reviews-page .techvon-reviews-hero-desc {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 340px !important;
  }

  .techvon-reviews-page .techvon-reviews-hero-actions {
    width: 100% !important;
    max-width: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .techvon-reviews-page .techvon-reviews-hero-actions a,
  .techvon-reviews-page .techvon-reviews-hero-actions .techvon-button {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* 5. Center Filter Card Content */
.techvon-reviews-page .techvon-reviews-filter-card {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.techvon-reviews-page .techvon-reviews-filter-card .material-symbols-outlined,
.techvon-reviews-page .techvon-reviews-filter-icon,
.techvon-reviews-page .techvon-reviews-filter-card .card-icon {
  margin-left: auto !important;
  margin-right: auto !important;
}

.techvon-reviews-page .techvon-reviews-filter-card p,
.techvon-reviews-page .techvon-reviews-filter-card div {
  text-align: center !important;
}

/* ==========================================================================
   TechVon Comparison Post Template CSS (Scoped)
   ========================================================================== */
.techvon-comparison-page {
  max-width: 1280px;
  margin: 0 auto;
  padding: 64px 32px 64px 32px;
  background-color: #fcf8ff;
  color: #1b1b24;
  font-family: 'Inter', sans-serif;
  box-sizing: border-box;
}

.techvon-comparison-page * {
  box-sizing: border-box;
}

/* Breadcrumb Styling */
.techvon-comparison-page .techvon-comparison-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #464555;
  margin-bottom: 40px;
}

.techvon-comparison-page .techvon-comparison-breadcrumb a {
  color: #464555;
  text-decoration: none;
  transition: color 0.2s ease;
}

.techvon-comparison-page .techvon-comparison-breadcrumb a:hover {
  color: #3525cd;
}

.techvon-comparison-page .techvon-comparison-breadcrumb-separator {
  color: #777587;
  user-select: none;
}

.techvon-comparison-page .techvon-comparison-breadcrumb span:last-child {
  color: #1b1b24;
  font-weight: 600;
}

/* Hero Section */
.techvon-comparison-page .techvon-comparison-hero {
  margin-bottom: 64px;
}

.techvon-comparison-page .techvon-comparison-hero-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  align-items: center;
}

@media (min-width: 992px) {
  .techvon-comparison-page .techvon-comparison-hero-inner {
    grid-template-columns: repeat(12, 1fr);
    gap: 48px;
  }

  .techvon-comparison-page .techvon-comparison-hero-left {
    grid-column: span 7;
  }

  .techvon-comparison-page .techvon-comparison-hero-right {
    grid-column: span 5;
    min-height: 380px;
  }
}

.techvon-comparison-page .techvon-comparison-hero-left {
  /* Mobile-first base settings flow naturally */
}

.techvon-comparison-page .techvon-comparison-hero-right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Badge & Headings */
.techvon-comparison-page .techvon-comparison-badge {
  display: inline-block;
  background-color: #4f46e5;
  color: #ffffff;
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 24px;
}

.techvon-comparison-page .techvon-comparison-title {
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.15;
  color: #1b1b24;
  margin: 0 0 24px 0;
  letter-spacing: -0.02em;
}

.techvon-comparison-page .techvon-comparison-description {
  font-size: clamp(16px, 1.8vw, 18px);
  line-height: 1.65;
  color: #464555;
  margin: 0 0 32px 0;
}

/* CTA Buttons */
.techvon-comparison-page .techvon-comparison-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 32px;
}

.techvon-comparison-page .techvon-comparison-btn-primary,
.techvon-comparison-page .techvon-comparison-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  border: 0;
}

.techvon-comparison-page .techvon-comparison-btn-primary {
  background-color: #3525cd;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(53, 37, 205, 0.2);
}

.techvon-comparison-page .techvon-comparison-btn-primary:hover {
  background-color: #2a1da6;
  transform: translateY(-2px);
}

.techvon-comparison-page .techvon-comparison-btn-secondary {
  background-color: #f0ecf9;
  color: #1b1b24 !important;
  border: 1px solid #c7c4d8;
}

.techvon-comparison-page .techvon-comparison-btn-secondary:hover {
  background-color: #eae6f4;
  transform: translateY(-2px);
}

/* Meta Data Row */
.techvon-comparison-page .techvon-comparison-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  font-size: 13px;
  color: #777587;
  border-top: 1px solid rgba(199, 196, 216, 0.5);
  padding-top: 24px;
}

.techvon-comparison-page .techvon-comparison-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.techvon-comparison-page .techvon-comparison-meta-item span {
  font-size: 18px;
}

/* Hero Right: Product Visuals */
.techvon-comparison-page .techvon-comparison-vs-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.techvon-comparison-page .techvon-comparison-vs-img {
  width: 192px;
  height: 192px;
  filter: drop-shadow(0 12px 24px rgba(15, 23, 42, 0.15));
  animation: float 6s ease-in-out infinite;
}

.techvon-comparison-page .techvon-comparison-vs-fallback {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3525cd 0%, #00687a 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 24px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.2);
  border: 4px solid #ffffff;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
  100% { transform: translateY(0px); }
}

.techvon-comparison-page .techvon-comparison-product-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  width: 100%;
}

.techvon-comparison-page .techvon-comparison-product-card {
  background-color: #ffffff;
  border: 1px solid rgba(199, 196, 216, 0.5);
  border-radius: 24px;
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.techvon-comparison-page .techvon-comparison-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0px 16px 40px rgba(15, 23, 42, 0.1);
}

.techvon-comparison-page .techvon-comparison-logo-wrapper {
  margin-bottom: 16px;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.techvon-comparison-page .techvon-comparison-product-logo {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  object-fit: cover;
}

.techvon-comparison-page .techvon-comparison-logo-fallback {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.techvon-comparison-page .techvon-chatgpt-logo {
  background: linear-gradient(135deg, #10a37f 0%, #15803d 100%);
}

.techvon-comparison-page .techvon-claude-logo {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
}

.techvon-comparison-page .techvon-comparison-logo-fallback span {
  font-size: 32px;
  color: #ffffff;
}

.techvon-comparison-page .techvon-comparison-rating-stars {
  display: flex;
  gap: 2px;
  color: #eab308;
  margin-bottom: 8px;
}

.techvon-comparison-page .techvon-comparison-rating-stars span {
  font-size: 18px;
  font-variation-settings: 'FILL' 1;
}

.techvon-comparison-page .techvon-comparison-rating-stars span.star-half {
  font-variation-settings: 'FILL' 0.7;
}

.techvon-comparison-page .techvon-comparison-rating-label {
  font-size: 13px;
  font-weight: 700;
  color: #1b1b24;
  margin-bottom: 6px;
}

.techvon-comparison-page .techvon-comparison-product-name {
  font-size: 14px;
  color: #464555;
  margin: 0;
  font-weight: 500;
}

/* Grid Layout */
.techvon-comparison-page .techvon-comparison-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

@media (min-width: 992px) {
  .techvon-comparison-page .techvon-comparison-layout {
    grid-template-columns: repeat(12, 1fr);
  }

  .techvon-comparison-page .techvon-comparison-main {
    grid-column: span 9;
  }

  .techvon-comparison-page .techvon-comparison-sidebar-wrapper {
    grid-column: span 3;
  }

  .techvon-comparison-page .techvon-comparison-sidebar-content {
    position: sticky;
    top: 100px;
  }
}

/* Sections Core Styling */
.techvon-comparison-page .techvon-comparison-section {
  margin-bottom: 64px;
}

.techvon-comparison-page .techvon-comparison-section-title {
  font-size: 28px;
  font-weight: 750;
  color: #1b1b24;
  margin: 0 0 32px 0;
  line-height: 1.25;
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: -0.01em;
}

.techvon-comparison-page .techvon-comparison-section-title span.icon-left {
  font-size: 32px;
  color: #3525cd;
}

.techvon-comparison-page .techvon-comparison-card-title {
  font-size: 20px;
  font-weight: 700;
  color: #1b1b24;
  margin: 0 0 12px 0;
  line-height: 1.3;
}

.techvon-comparison-page .techvon-comparison-widget-title {
  font-size: 18px;
  font-weight: 750;
  color: #1b1b24;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 2px solid #eae6f4;
  padding-bottom: 12px;
}

.techvon-comparison-page .techvon-comparison-newsletter-title {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 16px 0;
  line-height: 1.2;
}

/* Section: Quick Verdict */
.techvon-comparison-page .techvon-comparison-verdict-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .techvon-comparison-page .techvon-comparison-verdict-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-comparison-page .techvon-comparison-verdict-card {
  background-color: #ffffff;
  border: 1px solid rgba(199, 196, 216, 0.5);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.04);
}

.techvon-comparison-page .techvon-comparison-verdict-card.border-claude {
  border-top: 4px solid #00687a;
}

.techvon-comparison-page .techvon-comparison-verdict-card.border-chatgpt {
  border-top: 4px solid #3525cd;
}

.techvon-comparison-page .techvon-comparison-verdict-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 16px;
}

.techvon-comparison-page .techvon-comparison-verdict-card-header span {
  font-size: 18px;
}

.techvon-comparison-page .text-claude {
  color: #00687a !important;
}

.techvon-comparison-page .text-chatgpt {
  color: #3525cd !important;
}

.techvon-comparison-page .text-error {
  color: #ba1a1a !important;
}

.techvon-comparison-page .techvon-comparison-card-text {
  font-size: 14px;
  line-height: 1.6;
  color: #464555;
  margin: 0;
}

.techvon-comparison-page .techvon-comparison-summary {
  background-color: #3525cd;
  color: #ffffff;
  padding: 32px;
  border-radius: 24px;
  box-shadow: 0 12px 32px rgba(53, 37, 205, 0.15);
}

.techvon-comparison-page .techvon-comparison-summary-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.techvon-comparison-page .techvon-comparison-summary-header span {
  font-size: 32px;
}

.techvon-comparison-page .techvon-comparison-summary .techvon-comparison-card-title {
  color: #ffffff;
  margin: 0;
  font-size: 22px;
}

.techvon-comparison-page .techvon-comparison-summary-text {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  opacity: 0.95;
}

/* Section: Score Breakdown */
.techvon-comparison-page .techvon-score-breakdown-section {
  background-color: #f5f2ff;
  padding: 32px;
  border-radius: 24px;
  border: 1px solid rgba(199, 196, 216, 0.4);
}

.techvon-comparison-page .techvon-comparison-score-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.techvon-comparison-page .techvon-comparison-score-row {
  display: flex;
  flex-direction: column;
}

.techvon-comparison-page .techvon-comparison-score-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  flex-wrap: wrap;
  gap: 8px;
}

.techvon-comparison-page .techvon-comparison-score-label {
  font-size: 15px;
  font-weight: 600;
  color: #1b1b24;
}

.techvon-comparison-page .techvon-comparison-score-values {
  display: flex;
  gap: 16px;
  font-weight: 700;
  font-size: 14px;
}

.techvon-comparison-page .score-chatgpt {
  color: #3525cd;
}

.techvon-comparison-page .score-claude {
  color: #00687a;
}

.techvon-comparison-page .techvon-comparison-progress-bar-wrapper {
  width: 100%;
  height: 10px;
  background-color: #e4e1ee;
  border-radius: 999px;
  overflow: hidden;
}

.techvon-comparison-page .techvon-comparison-progress-bar {
  height: 100%;
  border-radius: 999px;
}

.techvon-comparison-page .techvon-comparison-progress-bar.bg-chatgpt {
  background-color: #3525cd;
}

.techvon-comparison-page .techvon-comparison-progress-bar.bg-claude {
  background-color: #00687a;
}

.techvon-comparison-page .mt-half {
  margin-top: 6px;
}

/* Section: Comparison Table */
.techvon-comparison-page .techvon-comparison-table-container {
  border: 1px solid rgba(199, 196, 216, 0.5);
  border-radius: 24px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.03);
}

.techvon-comparison-page .techvon-comparison-table-header {
  padding: 24px 32px;
  border-bottom: 1px solid rgba(199, 196, 216, 0.5);
  background-color: #f0ecf9;
}

.techvon-comparison-page .techvon-comparison-table-header .techvon-comparison-section-title {
  margin: 0;
  font-size: 22px;
}

.techvon-comparison-page .techvon-comparison-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.techvon-comparison-page .techvon-comparison-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

@media (max-width: 767px) {
  .techvon-comparison-page .techvon-comparison-table {
    min-width: 600px;
  }
}

.techvon-comparison-page .techvon-comparison-table th,
.techvon-comparison-page .techvon-comparison-table td {
  padding: 18px 24px;
  font-size: 15px;
  vertical-align: middle;
}

.techvon-comparison-page .techvon-comparison-table th {
  background-color: #f5f2ff;
  font-weight: 700;
  color: #1b1b24;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  border-bottom: 2px solid rgba(199, 196, 216, 0.5);
}

.techvon-comparison-page .techvon-comparison-table th.th-chatgpt {
  color: #3525cd;
}

.techvon-comparison-page .techvon-comparison-table th.th-claude {
  color: #00687a;
}

.techvon-comparison-page .techvon-comparison-table td {
  border-bottom: 1px solid rgba(199, 196, 216, 0.3);
  color: #464555;
  font-weight: 500;
}

.techvon-comparison-page .techvon-comparison-table tr:last-child td {
  border-bottom: 0;
}

.techvon-comparison-page .techvon-comparison-table td.font-bold {
  font-weight: 750;
  color: #1b1b24;
}

.techvon-comparison-page .techvon-comparison-table tr.bg-alt {
  background-color: #fcf8ff;
}

.techvon-comparison-page .techvon-table-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

.techvon-comparison-page .techvon-table-badge span {
  font-size: 14px;
}

.techvon-comparison-page .techvon-table-badge.badge-chatgpt {
  background-color: rgba(53, 37, 205, 0.1);
  color: #3525cd;
}

.techvon-comparison-page .techvon-table-badge.badge-claude {
  background-color: rgba(0, 104, 122, 0.1);
  color: #00687a;
}

.techvon-comparison-page .techvon-comparison-table-footer {
  padding: 20px 32px;
  background-color: #f5f2ff;
  border-top: 1px solid rgba(199, 196, 216, 0.5);
}

.techvon-comparison-page .techvon-comparison-table-note {
  font-size: 13px;
  color: #777587;
  font-style: italic;
  margin: 0;
}

/* Section: Product Analysis */
.techvon-comparison-page .techvon-comparison-analysis-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 768px) {
  .techvon-comparison-page .techvon-comparison-analysis-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.techvon-comparison-page .techvon-comparison-analysis-card {
  background-color: #ffffff;
  border: 1px solid rgba(199, 196, 216, 0.5);
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.04);
}

.techvon-comparison-page .techvon-comparison-analysis-card.border-chatgpt {
  border-top: 4px solid #3525cd;
}

.techvon-comparison-page .techvon-comparison-analysis-card.border-claude {
  border-top: 4px solid #00687a;
}

.techvon-comparison-page .techvon-comparison-analysis-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.techvon-comparison-page .techvon-comparison-analysis-logo-wrapper {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.techvon-comparison-page .techvon-comparison-analysis-logo {
  width: 48px;
  height: 48px;
  object-fit: cover;
}

.techvon-comparison-page .techvon-comparison-analysis-card-header .techvon-comparison-card-title {
  margin: 0;
  font-size: 22px;
  font-weight: 750;
}

.techvon-comparison-page .techvon-comparison-analysis-body {
  flex-grow: 1;
}

.techvon-comparison-page .techvon-comparison-analysis-pros,
.techvon-comparison-page .techvon-comparison-analysis-cons {
  margin-bottom: 24px;
}

.techvon-comparison-page .techvon-comparison-analysis-subtitle {
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px 0;
}

.techvon-comparison-page .techvon-comparison-analysis-subtitle span {
  font-size: 20px;
}

.techvon-comparison-page .techvon-comparison-analysis-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.techvon-comparison-page .techvon-comparison-analysis-list li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  color: #464555;
  line-height: 1.5;
}

.techvon-comparison-page .techvon-comparison-analysis-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #777587;
  font-size: 16px;
}

.techvon-comparison-page .techvon-comparison-analysis-best-for {
  background-color: #f5f2ff;
  padding: 16px 20px;
  border-radius: 16px;
  margin-bottom: 24px;
}

.techvon-comparison-page .best-for-label {
  font-size: 13px;
  font-weight: 700;
  color: #1b1b24;
  margin: 0 0 4px 0;
}

.techvon-comparison-page .best-for-text {
  font-size: 14px;
  color: #464555;
  margin: 0;
  line-height: 1.4;
}

.techvon-comparison-page .techvon-comparison-analysis-footer {
  margin-top: auto;
}

/* Section: Use Cases */
.techvon-comparison-page .techvon-comparison-use-cases-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.techvon-comparison-page .techvon-comparison-use-case-card {
  background-color: #ffffff;
  border: 1px solid rgba(199, 196, 216, 0.5);
  border-radius: 24px;
  padding: 32px;
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.04);
}

.techvon-comparison-page .techvon-comparison-use-case-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.techvon-comparison-page .techvon-comparison-use-case-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.techvon-comparison-page .text-chatgpt.techvon-comparison-use-case-icon {
  background-color: rgba(53, 37, 205, 0.08);
}

.techvon-comparison-page .text-claude.techvon-comparison-use-case-icon {
  background-color: rgba(0, 104, 122, 0.08);
}

.techvon-comparison-page .techvon-comparison-use-case-icon span {
  font-size: 28px;
}

.techvon-comparison-page .techvon-comparison-use-case-card-header .techvon-comparison-card-title {
  margin: 0;
  font-size: 22px;
  font-weight: 750;
}

.techvon-comparison-page .techvon-comparison-use-case-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

@media (min-width: 768px) {
  .techvon-comparison-page .techvon-comparison-use-case-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}

.techvon-comparison-page .use-case-col {
  padding-left: 20px;
}

.techvon-comparison-page .use-case-col.border-left-chatgpt {
  border-left: 4px solid #3525cd;
}

.techvon-comparison-page .use-case-col.border-left-claude {
  border-left: 4px solid #00687a;
}

.techvon-comparison-page .use-case-product-label {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 6px 0;
}

.techvon-comparison-page .use-case-product-text {
  font-size: 14px;
  line-height: 1.6;
  color: #464555;
  margin: 0;
}

/* Section: Final Verdict */
.techvon-comparison-page .techvon-comparison-final-container {
  background-color: #eae6f4;
  border-radius: 24px;
  padding: 48px 32px;
}

@media (min-width: 768px) {
  .techvon-comparison-page .techvon-comparison-final-container {
    padding: 56px;
  }
}

.techvon-comparison-page .techvon-comparison-final-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .techvon-comparison-page .techvon-comparison-final-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.techvon-comparison-page .techvon-comparison-final-card {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 32px;
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.05);
  height: 100%;
}

.techvon-comparison-page .techvon-comparison-final-card.border-left-chatgpt {
  border-top: 4px solid #3525cd;
}

.techvon-comparison-page .techvon-comparison-final-card.border-left-claude {
  border-top: 4px solid #00687a;
}

.techvon-comparison-page .techvon-comparison-final-card .techvon-comparison-card-title {
  font-size: 22px;
  font-weight: 750;
  margin-bottom: 24px;
}

.techvon-comparison-page .techvon-comparison-final-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.techvon-comparison-page .techvon-comparison-final-list li {
  display: flex;
  gap: 12px;
  align-items: start;
}

.techvon-comparison-page .techvon-comparison-final-list li span.material-symbols-outlined {
  font-size: 20px;
  margin-top: 2px;
}

.techvon-comparison-page .techvon-comparison-final-list .list-text {
  font-size: 15px;
  line-height: 1.55;
  color: #464555;
}

.techvon-comparison-page .techvon-comparison-final-disclosure {
  font-size: 13px;
  line-height: 1.6;
  color: #777587;
  font-style: italic;
  max-width: 720px;
  margin: 0 auto;
}

/* Section: Related Comparisons */
.techvon-comparison-page .techvon-comparison-related-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 768px) {
  .techvon-comparison-page .techvon-comparison-related-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.techvon-comparison-page .techvon-comparison-related-card {
  background-color: #ffffff;
  border: 1px solid rgba(199, 196, 216, 0.5);
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.04);
  transition: all 0.3s ease;
}

.techvon-comparison-page .techvon-comparison-related-card:hover {
  transform: translateY(-4px);
  box-shadow: 0px 16px 40px rgba(15, 23, 42, 0.08);
}

.techvon-comparison-page .card-icon-wrapper-related {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.techvon-comparison-page .card-icon-wrapper-related span {
  font-size: 24px;
}

.techvon-comparison-page .card-icon-wrapper-related.bg-primary-light {
  background-color: rgba(53, 37, 205, 0.08);
}

.techvon-comparison-page .card-icon-wrapper-related.bg-secondary-light {
  background-color: rgba(0, 104, 122, 0.08);
}

.techvon-comparison-page .card-icon-wrapper-related.bg-tertiary-light {
  background-color: rgba(126, 48, 0, 0.08);
}

.techvon-comparison-page .techvon-comparison-related-card .techvon-comparison-card-title {
  font-size: 18px;
  margin-bottom: 12px;
}

.techvon-comparison-page .card-desc-related {
  font-size: 14px;
  line-height: 1.6;
  color: #464555;
  margin-bottom: 24px;
  flex-grow: 1;
}

.techvon-comparison-page .card-link-related {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 700;
  color: #3525cd !important;
  text-decoration: none;
  transition: gap 0.2s ease;
}

.techvon-comparison-page .card-link-related:hover {
  text-decoration: underline;
  gap: 8px;
}

.techvon-comparison-page .card-link-related span {
  font-size: 16px;
}

/* Section: FAQ Accordion */
.techvon-comparison-page .techvon-comparison-faq-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.techvon-comparison-page .techvon-comparison-faq-item {
  background-color: #ffffff;
  border: 1px solid rgba(199, 196, 216, 0.5);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.02);
}

.techvon-comparison-page .techvon-comparison-faq-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 28px;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  color: #1b1b24;
  user-select: none;
  list-style: none;
}

.techvon-comparison-page .techvon-comparison-faq-summary::-webkit-details-marker {
  display: none;
}

.techvon-comparison-page .techvon-comparison-faq-summary:hover {
  background-color: #f5f2ff;
}

.techvon-comparison-page .techvon-comparison-faq-summary .expand-icon {
  font-size: 24px;
  color: #777587;
  transition: transform 0.2s ease;
}

.techvon-comparison-page .techvon-comparison-faq-item[open] .techvon-comparison-faq-summary .expand-icon {
  transform: rotate(180deg);
}

.techvon-comparison-page .techvon-comparison-faq-content {
  padding: 8px 28px 24px 28px;
  font-size: 14px;
  line-height: 1.65;
  color: #464555;
  border-top: 1px solid rgba(199, 196, 216, 0.2);
}

/* Section: Newsletter */
.techvon-comparison-page .techvon-comparison-newsletter-container {
  background: linear-gradient(135deg, #3525cd 0%, #00687a 100%);
  border-radius: 24px;
  padding: 48px 32px;
  text-align: center;
  color: #ffffff;
  box-shadow: 0 12px 32px rgba(53, 37, 205, 0.15);
}

@media (min-width: 768px) {
  .techvon-comparison-page .techvon-comparison-newsletter-container {
    padding: 56px;
  }
}

.techvon-comparison-page .techvon-comparison-newsletter-desc {
  font-size: 16px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  max-width: 640px;
  margin: 0 auto 32px auto;
}

.techvon-comparison-page .techvon-comparison-newsletter-form {
  width: min(100%, 860px);
  margin: 34px auto 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 576px) {
  .techvon-comparison-page .techvon-comparison-newsletter-form {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}

.techvon-comparison-page .techvon-comparison-newsletter-form input[type="email"],
.techvon-comparison-page .techvon-comparison-newsletter-form input[type="text"],
.techvon-comparison-page .techvon-comparison-newsletter-form .newsletter-input {
  height: 58px;
  min-height: 58px;
  flex: 1 1 auto;
  min-width: 0;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  background: #ffffff;
  color: #0f172a;
  padding: 0 26px;
  font-size: 16px;
  line-height: 58px;
  outline: none;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.08);
  width: 100%;
}

.techvon-comparison-page .techvon-comparison-newsletter-form input::placeholder,
.techvon-comparison-page .techvon-comparison-newsletter-form .newsletter-input::placeholder {
  color: #64748b;
  opacity: 1;
}

.techvon-comparison-page .techvon-comparison-newsletter-form button,
.techvon-comparison-page .techvon-comparison-newsletter-form button[type="submit"],
.techvon-comparison-page .techvon-comparison-newsletter-form input[type="submit"],
.techvon-comparison-page .techvon-comparison-newsletter-form .newsletter-submit-btn {
  height: 58px;
  min-height: 58px;
  flex: 0 0 auto;
  min-width: 180px;
  padding: 0 34px;
  border: 0;
  border-radius: 999px;
  background: #ffffff;
  color: #3525cd;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
  cursor: pointer;
  width: auto;
}

.techvon-comparison-page .techvon-comparison-newsletter-form button:hover,
.techvon-comparison-page .techvon-comparison-newsletter-form input[type="submit"]:hover,
.techvon-comparison-page .techvon-comparison-newsletter-form .newsletter-submit-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.2);
}

/* Shortcode Form Styling Wrapper */
.techvon-comparison-page .techvon-comparison-newsletter-shortcode form {
  width: min(100%, 860px);
  margin: 34px auto 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 576px) {
  .techvon-comparison-page .techvon-comparison-newsletter-shortcode form {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}

.techvon-comparison-page .techvon-comparison-newsletter-shortcode input[type="email"],
.techvon-comparison-page .techvon-comparison-newsletter-shortcode input[type="text"] {
  height: 58px;
  min-height: 58px;
  flex: 1 1 auto;
  min-width: 0;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  background: #ffffff;
  color: #0f172a;
  padding: 0 26px;
  font-size: 16px;
  line-height: 58px;
  outline: none;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.08);
  width: 100%;
}

.techvon-comparison-page .techvon-comparison-newsletter-shortcode input[type="submit"],
.techvon-comparison-page .techvon-comparison-newsletter-shortcode button {
  height: 58px;
  min-height: 58px;
  flex: 0 0 auto;
  min-width: 180px;
  padding: 0 34px;
  border: 0;
  border-radius: 999px;
  background: #ffffff;
  color: #3525cd;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
  cursor: pointer;
  width: auto;
}

.techvon-comparison-page .techvon-comparison-newsletter-shortcode input[type="submit"]:hover,
.techvon-comparison-page .techvon-comparison-newsletter-shortcode button:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.2);
}

@media (max-width: 640px) {
  .techvon-comparison-page .techvon-comparison-newsletter-shortcode form {
    width: 100%;
    flex-direction: column;
    gap: 12px;
  }

  .techvon-comparison-page .techvon-comparison-newsletter-shortcode input[type="email"],
  .techvon-comparison-page .techvon-comparison-newsletter-shortcode input[type="text"],
  .techvon-comparison-page .techvon-comparison-newsletter-shortcode input[type="submit"],
  .techvon-comparison-page .techvon-comparison-newsletter-shortcode button {
    width: 100%;
    min-width: 0;
  }

  .techvon-comparison-page .techvon-comparison-newsletter-shortcode input[type="submit"],
  .techvon-comparison-page .techvon-comparison-newsletter-shortcode button {
    height: 56px;
    min-height: 56px;
  }
}

.techvon-comparison-page .newsletter-submit-btn:hover {
  background-color: #000000;
  transform: translateY(-1px);
}

/* Sidebar Widgets */
.techvon-comparison-page .techvon-comparison-sidebar-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.techvon-comparison-page .techvon-comparison-widget {
  background-color: #ffffff;
  border: 1px solid rgba(199, 196, 216, 0.5);
  border-radius: 24px;
  padding: 32px;
  box-shadow: 0px 12px 32px rgba(15, 23, 42, 0.03);
}

.techvon-comparison-page .techvon-quick-select-widget {
  background-color: #ffffff;
}

.techvon-comparison-page .techvon-related-links-widget {
  background-color: #f0ecf9;
}

.techvon-comparison-page .techvon-comparison-quick-select-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.techvon-comparison-page .techvon-quick-select-widget .techvon-comparison-quick-select-list {
  margin-bottom: 24px;
}

.techvon-comparison-page .techvon-sidebar-cta-btn {
  display: flex;
  width: 100%;
  margin-top: 24px;
  justify-content: center;
}

.techvon-comparison-page .quick-select-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.techvon-comparison-page .quick-select-item .item-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.techvon-comparison-page .quick-select-item .item-icon span {
  font-size: 20px;
}

.techvon-comparison-page .quick-select-item .item-text {
  display: flex;
  flex-direction: column;
}

.techvon-comparison-page .quick-select-item .item-label {
  font-size: 13px;
  font-weight: 500;
  color: #777587;
}

.techvon-comparison-page .quick-select-item .item-choice {
  font-size: 15px;
  font-weight: 700;
}

.techvon-comparison-page .techvon-comparison-related-links-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.techvon-comparison-page .techvon-comparison-related-links-list li {
  line-height: 1.4;
}

.techvon-comparison-page .techvon-comparison-related-links-list a {
  font-size: 14px;
  color: #1b1b24;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
  display: block;
}

.techvon-comparison-page .techvon-comparison-related-links-list a:hover {
  color: #3525cd;
}

/* Mobile Stacking and Layout Fixes */
@media (max-width: 991px) {
  .techvon-comparison-page {
    padding: 48px 16px 48px 16px;
  }

  .techvon-comparison-page .techvon-comparison-breadcrumb {
    justify-content: center;
    margin-bottom: 24px;
  }

  .techvon-comparison-page .techvon-comparison-hero-left {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .techvon-comparison-page .techvon-comparison-actions {
    justify-content: center;
    width: 100%;
  }

  .techvon-comparison-page .techvon-comparison-actions a,
  .techvon-comparison-page .techvon-comparison-actions button {
    width: 100%;
    max-width: 280px;
  }

  .techvon-comparison-page .techvon-comparison-meta {
    justify-content: center;
    gap: 12px 20px;
  }

  .techvon-comparison-page .techvon-comparison-hero-right {
    min-height: auto;
    margin-top: 32px;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .techvon-comparison-page .techvon-comparison-product-card {
    padding: 24px 12px;
  }

  .techvon-comparison-page .techvon-comparison-widget {
    padding: 24px;
    border-radius: 20px;
  }

  .techvon-comparison-page .techvon-comparison-main,
  .techvon-comparison-page .techvon-comparison-sidebar-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .techvon-comparison-page .techvon-comparison-section {
    margin-bottom: 48px;
  }

  .techvon-comparison-page .techvon-comparison-section-title {
    font-size: 22px;
    margin-bottom: 24px;
  }

  .techvon-comparison-page .techvon-comparison-summary {
    padding: 24px;
  }

  .techvon-comparison-page .techvon-score-breakdown-section {
    padding: 24px;
  }

  .techvon-comparison-page .techvon-comparison-analysis-card {
    padding: 24px;
  }

  .techvon-comparison-page .techvon-comparison-use-case-card {
    padding: 24px;
  }

  .techvon-comparison-page .techvon-comparison-final-container {
    padding: 32px 20px;
  }

  .techvon-comparison-page .techvon-comparison-final-card {
    padding: 24px;
  }

  .techvon-comparison-page .techvon-comparison-related-card {
    padding: 24px;
  }

  .techvon-comparison-page .techvon-comparison-faq-summary {
    padding: 16px 20px;
    font-size: 15px;
  }

  .techvon-comparison-page .techvon-comparison-faq-content {
    padding: 8px 20px 20px 20px;
  }

  .techvon-comparison-page .techvon-comparison-newsletter-container {
    padding: 36px 20px;
  }
}

@media (max-width: 575px) {
  .techvon-comparison-page .techvon-comparison-product-cards {
    gap: 8px;
  }
  .techvon-comparison-page .techvon-comparison-product-card {
    padding: 16px 8px;
    border-radius: 16px;
  }
  .techvon-comparison-page .techvon-comparison-logo-wrapper {
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
  }
  .techvon-comparison-page .techvon-comparison-product-logo,
  .techvon-comparison-page .techvon-comparison-logo-fallback {
    width: 48px;
    height: 48px;
    border-radius: 12px;
  }
  .techvon-comparison-page .techvon-comparison-logo-fallback span {
    font-size: 24px;
  }
  .techvon-comparison-page .techvon-comparison-rating-stars span {
    font-size: 14px;
  }
  .techvon-comparison-page .techvon-comparison-rating-label {
    font-size: 11px;
  }
  .techvon-comparison-page .techvon-comparison-product-name {
    font-size: 12px;
  }
  .techvon-comparison-page .techvon-comparison-vs-fallback {
    width: 48px;
    height: 48px;
    font-size: 16px;
    border-width: 3px;
  }
}

/* ==========================================================================
   3. MOBILE HORIZONTAL OVERFLOW & CONTAINER SAFETY RULES
   ========================================================================== */

/* 1. Global Overflow Guard */
.techvon-comparison-page {
  overflow-x: clip;
}

@supports not (overflow: clip) {
  .techvon-comparison-page {
    overflow-x: hidden;
  }
}

.techvon-comparison-page *,
.techvon-comparison-page *::before,
.techvon-comparison-page *::after {
  box-sizing: border-box;
}

/* 2. Mobile Container Width Safety */
.techvon-comparison-page .techvon-comparison-container,
.techvon-comparison-page .techvon-comparison-hero,
.techvon-comparison-page .techvon-comparison-layout,
.techvon-comparison-page .techvon-comparison-main,
.techvon-comparison-page .techvon-comparison-sidebar-wrapper,
.techvon-comparison-page .techvon-comparison-sidebar,
.techvon-comparison-page .techvon-comparison-section {
  max-width: 100%;
}

@media (max-width: 768px) {
  .techvon-comparison-page .techvon-comparison-container,
  .techvon-comparison-page .techvon-comparison-hero,
  .techvon-comparison-page .techvon-comparison-layout,
  .techvon-comparison-page .techvon-comparison-main,
  .techvon-comparison-page .techvon-comparison-sidebar-wrapper,
  .techvon-comparison-page .techvon-comparison-sidebar,
  .techvon-comparison-page .techvon-comparison-section {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

/* 3. Hero Mobile Fix */
@media (max-width: 768px) {
  .techvon-comparison-page .techvon-comparison-hero {
    padding-top: 32px;
    text-align: center;
  }

  .techvon-comparison-page .techvon-comparison-breadcrumb {
    justify-content: center;
    overflow-x: auto;
    max-width: 100%;
    white-space: nowrap;
  }

  .techvon-comparison-page .techvon-comparison-title,
  .techvon-comparison-page .techvon-comparison-description {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .techvon-comparison-page .techvon-comparison-actions {
    width: 100%;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }

  .techvon-comparison-page .techvon-comparison-actions a,
  .techvon-comparison-page .techvon-comparison-actions .techvon-button {
    width: 100%;
    justify-content: center;
  }

  .techvon-comparison-page .techvon-comparison-visual,
  .techvon-comparison-page .techvon-comparison-product-cards {
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    min-width: 0;
  }

  .techvon-comparison-page .techvon-comparison-product-cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
    position: relative;
  }

  .techvon-comparison-page .techvon-comparison-product-card {
    min-width: 0;
    width: 100%;
    padding: 18px 12px;
  }

  .techvon-comparison-page .techvon-comparison-vs,
  .techvon-comparison-page .techvon-comparison-vs-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    z-index: 3;
  }

  .techvon-comparison-page .techvon-comparison-vs-container .techvon-comparison-vs-fallback,
  .techvon-comparison-page .techvon-comparison-vs-container img {
    width: 100%;
    height: 100%;
    font-size: 18px;
  }
}

@media (max-width: 380px) {
  .techvon-comparison-page .techvon-comparison-product-cards {
    gap: 10px;
  }

  .techvon-comparison-page .techvon-comparison-vs,
  .techvon-comparison-page .techvon-comparison-vs-container {
    width: 48px;
    height: 48px;
  }
}

/* 4. Grid/Flex Min-width Fix */
.techvon-comparison-page .techvon-comparison-layout,
.techvon-comparison-page .techvon-comparison-main,
.techvon-comparison-page .techvon-comparison-sidebar-wrapper,
.techvon-comparison-page .techvon-comparison-sidebar,
.techvon-comparison-page .techvon-comparison-analysis-grid,
.techvon-comparison-page .techvon-comparison-verdict-grid,
.techvon-comparison-page .techvon-comparison-related-grid,
.techvon-comparison-page .techvon-comparison-use-case,
.techvon-comparison-page .techvon-comparison-use-case-card,
.techvon-comparison-page .techvon-comparison-use-case-grid {
  min-width: 0;
}

.techvon-comparison-page .techvon-comparison-layout > *,
.techvon-comparison-page .techvon-comparison-main > *,
.techvon-comparison-page .techvon-comparison-sidebar-wrapper > *,
.techvon-comparison-page .techvon-comparison-sidebar > * {
  min-width: 0;
}

@media (max-width: 768px) {
  .techvon-comparison-page .techvon-comparison-layout,
  .techvon-comparison-page .techvon-comparison-analysis-grid,
  .techvon-comparison-page .techvon-comparison-verdict-grid,
  .techvon-comparison-page .techvon-comparison-related-grid,
  .techvon-comparison-page .techvon-comparison-use-case-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 5. Table Scroll Fix */
.techvon-comparison-page .techvon-comparison-table-wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.techvon-comparison-page .techvon-comparison-table {
  min-width: 720px;
  width: 100%;
}

@media (max-width: 768px) {
  .techvon-comparison-page .techvon-comparison-table-wrapper {
    border-radius: 18px;
  }

  .techvon-comparison-page .techvon-comparison-table {
    min-width: 680px;
  }
}

/* 6. Score Bar / Progress Fix */
.techvon-comparison-page .techvon-comparison-score-box,
.techvon-comparison-page .techvon-comparison-score-row,
.techvon-comparison-page .techvon-comparison-progress,
.techvon-comparison-page .techvon-comparison-progress-bar-wrapper,
.techvon-comparison-page .techvon-comparison-progress-bar,
.techvon-comparison-page .techvon-comparison-progress-track {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.techvon-comparison-page .techvon-comparison-progress-track,
.techvon-comparison-page .techvon-comparison-progress-bar-wrapper {
  overflow: hidden;
}

/* 7. Sidebar Mobile Fix */
@media (max-width: 992px) {
  .techvon-comparison-page .techvon-comparison-sidebar-wrapper,
  .techvon-comparison-page .techvon-comparison-sidebar {
    position: static;
    width: 100%;
    max-width: 100%;
    order: 2;
  }

  .techvon-comparison-page .techvon-comparison-sidebar-inner,
  .techvon-comparison-page .techvon-comparison-sidebar-content,
  .techvon-comparison-page .techvon-comparison-widget {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

/* 8. Newsletter Mobile Fix */
.techvon-comparison-page .techvon-comparison-newsletter-form {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.techvon-comparison-page .techvon-comparison-newsletter-form input,
.techvon-comparison-page .techvon-comparison-newsletter-form button,
.techvon-comparison-page .newsletter-input,
.techvon-comparison-page .newsletter-submit-btn {
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 640px) {
  .techvon-comparison-page .techvon-comparison-newsletter-form {
    flex-direction: column;
  }

  .techvon-comparison-page .techvon-comparison-newsletter-form input,
  .techvon-comparison-page .techvon-comparison-newsletter-form button,
  .techvon-comparison-page .newsletter-input,
  .techvon-comparison-page .newsletter-submit-btn {
    width: 100%;
  }
}

/* ==========================================================================
   4. MOBILE BREADCRUMB SPACING & TRUNCATION
   ========================================================================== */
@media (max-width: 768px) {
  .techvon-comparison-page {
    padding-top: 64px;
  }

  .techvon-comparison-page .techvon-comparison-breadcrumb {
    margin-top: 18px;
    margin-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    overflow: hidden;
    white-space: nowrap;
  }

  .techvon-comparison-page .techvon-comparison-breadcrumb a,
  .techvon-comparison-page .techvon-comparison-breadcrumb span {
    flex: 0 0 auto;
    max-width: max-content;
  }

  .techvon-comparison-page .techvon-comparison-breadcrumb .current,
  .techvon-comparison-page .techvon-comparison-breadcrumb-current {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .techvon-comparison-page .techvon-comparison-hero {
    padding-top: 18px;
  }
}

/* ====================================================
   SILO ACCENT COLOR MAPPING
   ==================================================== */
.techvon-silo-page .techvon-accent-purple {
  --silo-accent: #3525cd;
  --silo-accent-rgb: 53, 37, 205;
  --silo-accent-soft: #eeeaff;
}

.techvon-silo-page .techvon-accent-cyan {
  --silo-accent: #00a5c8;
  --silo-accent-rgb: 0, 165, 200;
  --silo-accent-soft: #e8f9ff;
}

.techvon-silo-page .techvon-accent-orange {
  --silo-accent: #c45100;
  --silo-accent-rgb: 196, 81, 0;
  --silo-accent-soft: #fff1e8;
}

.techvon-silo-page .techvon-accent-green {
  --silo-accent: #178a52;
  --silo-accent-rgb: 23, 138, 82;
  --silo-accent-soft: #e9f8f0;
}

.techvon-silo-page .techvon-accent-blue {
  --silo-accent: #2563eb;
  --silo-accent-rgb: 37, 99, 235;
  --silo-accent-soft: #eaf1ff;
}

/* Consume variables in Start Section card elements */
.techvon-silo-page .techvon-silo-start-card.techvon-accent-purple .techvon-silo-start-icon,
.techvon-silo-page .techvon-silo-start-card.techvon-accent-cyan .techvon-silo-start-icon,
.techvon-silo-page .techvon-silo-start-card.techvon-accent-orange .techvon-silo-start-icon,
.techvon-silo-page .techvon-silo-start-card.techvon-accent-green .techvon-silo-start-icon,
.techvon-silo-page .techvon-silo-start-card.techvon-accent-blue .techvon-silo-start-icon {
  background: var(--silo-accent-soft) !important;
  color: var(--silo-accent) !important;
}

.techvon-silo-page .techvon-silo-start-card.techvon-accent-purple .techvon-silo-start-card-link,
.techvon-silo-page .techvon-silo-start-card.techvon-accent-cyan .techvon-silo-start-card-link,
.techvon-silo-page .techvon-silo-start-card.techvon-accent-orange .techvon-silo-start-card-link,
.techvon-silo-page .techvon-silo-start-card.techvon-accent-green .techvon-silo-start-card-link,
.techvon-silo-page .techvon-silo-start-card.techvon-accent-blue .techvon-silo-start-card-link {
  color: var(--silo-accent) !important;
}

/* Consume variables in Topics Section icons */
.techvon-silo-page .techvon-silo-topic-card.techvon-accent-purple .material-symbols-outlined,
.techvon-silo-page .techvon-silo-topic-card.techvon-accent-cyan .material-symbols-outlined,
.techvon-silo-page .techvon-silo-topic-card.techvon-accent-orange .material-symbols-outlined,
.techvon-silo-page .techvon-silo-topic-card.techvon-accent-green .material-symbols-outlined,
.techvon-silo-page .techvon-silo-topic-card.techvon-accent-blue .material-symbols-outlined {
  color: var(--silo-accent) !important;
}

/* Consume variables in Reviews Section card elements */
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-purple .techvon-silo-reviews-icon,
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-cyan .techvon-silo-reviews-icon,
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-orange .techvon-silo-reviews-icon,
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-green .techvon-silo-reviews-icon,
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-blue .techvon-silo-reviews-icon {
  background: var(--silo-accent-soft) !important;
  color: var(--silo-accent) !important;
}

.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-purple .techvon-silo-reviews-btn,
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-cyan .techvon-silo-reviews-btn,
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-orange .techvon-silo-reviews-btn,
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-green .techvon-silo-reviews-btn,
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-blue .techvon-silo-reviews-btn {
  background: var(--silo-accent-soft) !important;
  color: var(--silo-accent) !important;
}

.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-purple .techvon-silo-reviews-btn:hover,
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-cyan .techvon-silo-reviews-btn:hover,
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-orange .techvon-silo-reviews-btn:hover,
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-green .techvon-silo-reviews-btn:hover,
.techvon-silo-page .techvon-silo-reviews-card.techvon-accent-blue .techvon-silo-reviews-btn:hover {
  background: var(--silo-accent) !important;
  color: #ffffff !important;
}

/* ====================================================
   GLOBAL SCOPED CF7 NEWSLETTER STYLE FOR NEW MARKUP
   ==================================================== */
.techvon-newsletter-shortcode,
.techvon-newsletter-shortcode .wpcf7,
.techvon-newsletter-shortcode .wpcf7 form,
.techvon-newsletter-shortcode .wpcf7-form {
  width: 100%;
  max-width: 100%;
}

.techvon-newsletter-shortcode .tv-newsletter-row {
  width: min(100%, 760px);
  max-width: 100%;
  margin: 28px auto 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}

.techvon-newsletter-shortcode .tv-newsletter-input,
.techvon-newsletter-shortcode .tv-newsletter-action,
.techvon-newsletter-shortcode .wpcf7-form-control-wrap {
  min-width: 0;
  max-width: 100%;
}

.techvon-newsletter-shortcode .wpcf7-form p {
  margin: 0 !important;
}

.techvon-newsletter-shortcode .wpcf7-form br {
  display: none !important;
}

.techvon-newsletter-shortcode .wpcf7-form-control-wrap {
  display: block !important;
  width: 100% !important;
}

.techvon-newsletter-shortcode input[type="email"],
.techvon-newsletter-shortcode input[type="text"],
.techvon-newsletter-shortcode .wpcf7-email,
.techvon-newsletter-shortcode .wpcf7-text {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  background: #ffffff !important;
  color: #07122f !important;
  padding: 0 22px !important;
  font-size: 15px !important;
  line-height: 56px !important;
  outline: none !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12) !important;
}

.techvon-newsletter-shortcode input[type="email"]::placeholder,
.techvon-newsletter-shortcode input[type="text"]::placeholder,
.techvon-newsletter-shortcode .wpcf7-email::placeholder,
.techvon-newsletter-shortcode .wpcf7-text::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}

.techvon-newsletter-shortcode input[type="submit"],
.techvon-newsletter-shortcode button[type="submit"],
.techvon-newsletter-shortcode .wpcf7-submit {
  width: auto !important;
  min-width: 190px !important;
  max-width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 30px !important;
  background: #ffffff !important;
  color: #3525cd !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.16) !important;
  transition: transform 180ms ease, box-shadow 180ms ease !important;
}

.techvon-newsletter-shortcode input[type="submit"]:hover,
.techvon-newsletter-shortcode button[type="submit"]:hover,
.techvon-newsletter-shortcode .wpcf7-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.22) !important;
}

.techvon-newsletter-shortcode .wpcf7-spinner {
  display: none !important;
}

.techvon-newsletter-shortcode .wpcf7-not-valid-tip {
  color: #ffffff !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

.techvon-newsletter-shortcode .wpcf7-response-output {
  margin: 14px auto 0 !important;
  width: min(100%, 760px);
  padding: 10px 14px !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  text-align: center !important;
  font-size: 14px !important;
}

/* Optional fallback for old CF7 markup. */
.techvon-newsletter-shortcode .wpcf7-form > p:not(:has(.tv-newsletter-row)) {
  width: min(100%, 760px);
  max-width: 100%;
  margin: 28px auto 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
}

@media (max-width: 767px) {
  .techvon-newsletter-shortcode .tv-newsletter-row,
  .techvon-newsletter-shortcode .wpcf7-form > p:not(:has(.tv-newsletter-row)) {
    width: 100%;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .techvon-newsletter-shortcode .tv-newsletter-input,
  .techvon-newsletter-shortcode .tv-newsletter-action,
  .techvon-newsletter-shortcode .wpcf7-form-control-wrap,
  .techvon-newsletter-shortcode input[type="email"],
  .techvon-newsletter-shortcode input[type="text"],
  .techvon-newsletter-shortcode input[type="submit"],
  .techvon-newsletter-shortcode button[type="submit"],
  .techvon-newsletter-shortcode .wpcf7-submit {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ====================================================
   FOOTER NATIVE NEWSLETTER FORM FIX
   ==================================================== */
.techvon-site-footer,
.techvon-site-footer * {
  box-sizing: border-box;
}

.techvon-site-footer {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.techvon-footer-container,
.techvon-footer-grid,
.techvon-footer-col,
.techvon-footer-col-newsletter {
  min-width: 0;
  max-width: 100%;
}

.techvon-footer-newsletter-shortcode,
.techvon-footer-newsletter-form {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.techvon-footer-newsletter-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
}

.techvon-footer-newsletter-input,
.techvon-footer-newsletter-btn {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.techvon-footer-newsletter-input {
  height: 54px;
  border-radius: 999px;
  border: 0;
  background: #ffffff;
  color: #07122f;
  padding: 0 22px;
  font-size: 15px;
  outline: none;
}

.techvon-footer-newsletter-input::placeholder {
  color: #64748b;
  opacity: 1;
}

.techvon-footer-newsletter-btn {
  height: 56px;
  border-radius: 999px;
  border: 0;
  background: linear-gradient(135deg, #5b4bff 0%, #3525cd 100%) !important;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(53, 37, 205, 0.28);
}

.techvon-footer-newsletter-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(53, 37, 205, 0.34);
}

@media (max-width: 849px) {
  .techvon-site-footer {
    overflow-x: hidden !important;
  }

  .techvon-footer-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    overflow-x: hidden !important;
  }

  .techvon-footer-grid,
  .techvon-footer-col,
  .techvon-footer-col-newsletter {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .techvon-footer-newsletter-shortcode,
  .techvon-footer-newsletter-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .techvon-footer-newsletter-form {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    max-width: calc(100vw - 44px) !important;
  }

  .techvon-footer-newsletter-input,
  .techvon-footer-newsletter-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .techvon-footer-newsletter-input {
    height: 54px !important;
    border-radius: 999px !important;
  }

  .techvon-footer-newsletter-btn {
    height: 56px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #5b4bff 0%, #3525cd 100%) !important;
    color: #ffffff !important;
  }
}

/* Footer-specific Contact Form 7 styles */
.techvon-site-footer .techvon-footer-newsletter-shortcode {
  width: 100%;
  max-width: 380px;
  margin-top: 18px;
}

.techvon-site-footer .techvon-newsletter-shortcode .tv-newsletter-row {
  width: 100% !important;
  max-width: 380px !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.techvon-site-footer .techvon-newsletter-shortcode .tv-newsletter-input,
.techvon-site-footer .techvon-newsletter-shortcode .tv-newsletter-action,
.techvon-site-footer .techvon-newsletter-shortcode .wpcf7-form-control-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.techvon-site-footer .techvon-newsletter-shortcode input[type="email"],
.techvon-site-footer .techvon-newsletter-shortcode input[type="text"],
.techvon-site-footer .techvon-newsletter-shortcode .wpcf7-email,
.techvon-site-footer .techvon-newsletter-shortcode .wpcf7-text {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 50px !important;
  min-height: 50px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #07122f !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

.techvon-site-footer .techvon-newsletter-shortcode input[type="email"]::placeholder,
.techvon-site-footer .techvon-newsletter-shortcode input[type="text"]::placeholder,
.techvon-site-footer .techvon-newsletter-shortcode .wpcf7-email::placeholder,
.techvon-site-footer .techvon-newsletter-shortcode .wpcf7-text::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}

.techvon-site-footer .techvon-newsletter-shortcode input[type="submit"],
.techvon-site-footer .techvon-newsletter-shortcode button[type="submit"],
.techvon-site-footer .techvon-newsletter-shortcode .wpcf7-submit {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  background: linear-gradient(135deg, #5b4bff 0%, #3525cd 100%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  box-shadow: 0 14px 34px rgba(53, 37, 205, 0.28) !important;
}

.techvon-site-footer .techvon-newsletter-shortcode input[type="submit"]:hover,
.techvon-site-footer .techvon-newsletter-shortcode button[type="submit"]:hover,
.techvon-site-footer .techvon-newsletter-shortcode .wpcf7-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(53, 37, 205, 0.34) !important;
}

.techvon-site-footer .techvon-newsletter-shortcode .wpcf7-spinner {
  display: none !important;
}

.techvon-site-footer .techvon-newsletter-shortcode .wpcf7-not-valid-tip {
  color: #fca5a5 !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

.techvon-site-footer .techvon-newsletter-shortcode .wpcf7-response-output {
  width: 100% !important;
  max-width: 380px !important;
  margin: 12px 0 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  font-size: 13px !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

@media (max-width: 849px) {
  .techvon-site-footer .techvon-footer-col-newsletter {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .techvon-site-footer .techvon-footer-newsletter-shortcode {
    width: 100% !important;
    max-width: 340px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .techvon-site-footer .techvon-newsletter-shortcode .tv-newsletter-row {
    width: 100% !important;
    max-width: 340px !important;
  }

  .techvon-site-footer .techvon-newsletter-shortcode input[type="email"],
  .techvon-site-footer .techvon-newsletter-shortcode input[type="text"],
  .techvon-site-footer .techvon-newsletter-shortcode .wpcf7-email,
  .techvon-site-footer .techvon-newsletter-shortcode .wpcf7-text,
  .techvon-site-footer .techvon-newsletter-shortcode input[type="submit"],
  .techvon-site-footer .techvon-newsletter-shortcode button[type="submit"],
  .techvon-site-footer .techvon-newsletter-shortcode .wpcf7-submit {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}



/* ====================================================
   SINGLE POST NEWSLETTER CF7 — section-specific polish
   Placed after the global .techvon-newsletter-shortcode block
   so these overrides win by source order. Inherits global
   layout; only adjusts wrapper spacing + gradient button.
   ==================================================== */
.techvon-post-newsletter .techvon-newsletter-shortcode,
.techvon-post-newsletter-shortcode {
  width: 100%;
  max-width: 760px;
  margin: 28px auto 0;
}

.techvon-post-newsletter .techvon-newsletter-shortcode .tv-newsletter-row,
.techvon-post-newsletter-shortcode .tv-newsletter-row {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
}

.techvon-post-newsletter .tv-newsletter-input,
.techvon-post-newsletter .tv-newsletter-action,
.techvon-post-newsletter .wpcf7-form-control-wrap,
.techvon-post-newsletter-shortcode .tv-newsletter-input,
.techvon-post-newsletter-shortcode .tv-newsletter-action,
.techvon-post-newsletter-shortcode .wpcf7-form-control-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.techvon-post-newsletter input[type="email"],
.techvon-post-newsletter input[type="text"],
.techvon-post-newsletter .wpcf7-email,
.techvon-post-newsletter-shortcode input[type="email"],
.techvon-post-newsletter-shortcode input[type="text"],
.techvon-post-newsletter-shortcode .wpcf7-email {
  width: 100% !important;
  max-width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: #ffffff !important;
  color: #07122f !important;
  padding: 0 22px !important;
  font-size: 15px !important;
  box-sizing: border-box !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14) !important;
}

.techvon-post-newsletter input[type="submit"],
.techvon-post-newsletter button[type="submit"],
.techvon-post-newsletter .wpcf7-submit,
.techvon-post-newsletter-shortcode input[type="submit"],
.techvon-post-newsletter-shortcode button[type="submit"],
.techvon-post-newsletter-shortcode .wpcf7-submit {
  width: auto !important;
  min-width: 190px !important;
  height: 56px !important;
  min-height: 56px !important;
  border-radius: 999px !important;
  border: 0 !important;
  padding: 0 30px !important;
  background: linear-gradient(135deg, #5b4bff 0%, #3525cd 100%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  box-shadow: 0 16px 38px rgba(53, 37, 205, 0.28) !important;
  cursor: pointer !important;
}

.techvon-post-newsletter .wpcf7-spinner,
.techvon-post-newsletter-shortcode .wpcf7-spinner {
  display: none !important;
}

.techvon-post-newsletter .wpcf7-not-valid-tip,
.techvon-post-newsletter-shortcode .wpcf7-not-valid-tip {
  color: #ffffff !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

.techvon-post-newsletter .wpcf7-response-output,
.techvon-post-newsletter-shortcode .wpcf7-response-output {
  width: min(100%, 760px) !important;
  margin: 14px auto 0 !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.36) !important;
  text-align: center !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  .techvon-post-newsletter .techvon-newsletter-shortcode .tv-newsletter-row,
  .techvon-post-newsletter-shortcode .tv-newsletter-row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .techvon-post-newsletter input[type="email"],
  .techvon-post-newsletter input[type="text"],
  .techvon-post-newsletter input[type="submit"],
  .techvon-post-newsletter button[type="submit"],
  .techvon-post-newsletter .wpcf7-submit,
  .techvon-post-newsletter-shortcode input[type="email"],
  .techvon-post-newsletter-shortcode input[type="text"],
  .techvon-post-newsletter-shortcode input[type="submit"],
  .techvon-post-newsletter-shortcode button[type="submit"],
  .techvon-post-newsletter-shortcode .wpcf7-submit {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* =========================================
   SINGLE POST CONTENT OVERFLOW GUARD (P0)
   Scoped to single-post article body. The 2-col grid already
   handles min-width:0 + 1-col collapse; this guards the
   Gutenberg content (media, tables, code, long words, wide blocks).
   Real wrappers: .techvon-single-post-page / .techvon-post-layout /
   .techvon-post-main / .techvon-prose-article / .techvon-post-content
   Generics (.entry-content, article) kept as safety.
   ========================================= */
.techvon-single-post-page,
.techvon-single-post-page .techvon-post-layout,
.techvon-single-post-page .techvon-post-main,
.techvon-single-post-page .techvon-prose-article,
.techvon-single-post-page .techvon-post-content,
.single-post .techvon-post-content,
.single-post .entry-content,
.single-post article {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.techvon-single-post-page .techvon-post-content *,
.single-post .techvon-post-content *,
.single-post .entry-content * {
  box-sizing: border-box;
}

.techvon-single-post-page .techvon-post-content p,
.techvon-single-post-page .techvon-post-content li,
.techvon-single-post-page .techvon-post-content h1,
.techvon-single-post-page .techvon-post-content h2,
.techvon-single-post-page .techvon-post-content h3,
.techvon-single-post-page .techvon-post-content h4,
.techvon-single-post-page .techvon-post-content h5,
.techvon-single-post-page .techvon-post-content h6,
.single-post .entry-content p,
.single-post .entry-content li,
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}

.techvon-single-post-page .techvon-post-content img,
.techvon-single-post-page .techvon-post-content picture,
.techvon-single-post-page .techvon-post-content video,
.techvon-single-post-page .techvon-post-content iframe,
.single-post .entry-content img,
.single-post .entry-content picture,
.single-post .entry-content video,
.single-post .entry-content iframe {
  max-width: 100% !important;
  height: auto;
}

.techvon-single-post-page .techvon-post-content figure,
.techvon-single-post-page .techvon-post-content .wp-caption,
.techvon-single-post-page .techvon-post-content .wp-block-image,
.techvon-single-post-page .techvon-post-content .wp-block-gallery,
.single-post .entry-content figure,
.single-post .entry-content .wp-caption,
.single-post .entry-content .wp-block-image,
.single-post .entry-content .wp-block-gallery {
  max-width: 100% !important;
  width: auto !important;
  overflow: hidden;
}

.techvon-single-post-page .techvon-post-content figure img,
.techvon-single-post-page .techvon-post-content .wp-caption img,
.single-post .entry-content figure img,
.single-post .entry-content .wp-caption img {
  display: block;
  max-width: 100% !important;
  width: auto;
  height: auto;
}

.techvon-single-post-page .techvon-post-content figcaption,
.techvon-single-post-page .techvon-post-content .wp-caption-text,
.single-post .entry-content figcaption,
.single-post .entry-content .wp-caption-text {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.techvon-single-post-page .techvon-post-content table,
.single-post .entry-content table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

.techvon-single-post-page .techvon-post-content .wp-block-table,
.techvon-single-post-page .techvon-post-content pre,
.techvon-single-post-page .techvon-post-content code,
.single-post .entry-content .wp-block-table,
.single-post .entry-content pre,
.single-post .entry-content code {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

.techvon-single-post-page .techvon-post-content .alignwide,
.techvon-single-post-page .techvon-post-content .alignfull,
.single-post .entry-content .alignwide,
.single-post .entry-content .alignfull {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 767px) {
  .techvon-single-post-page .techvon-post-layout,
  .techvon-single-post-page .techvon-post-main,
  .techvon-single-post-page .techvon-prose-article,
  .techvon-single-post-page .techvon-post-content,
  .single-post .entry-content,
  .single-post article {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .techvon-single-post-page .techvon-post-content,
  .single-post .entry-content {
    overflow-x: hidden;
  }

  .techvon-single-post-page .techvon-post-content img,
  .single-post .entry-content img {
    max-width: 100% !important;
    width: auto !important;
  }

  .techvon-single-post-page .techvon-post-content figure,
  .single-post .entry-content figure {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Override inline width attributes on captions/images/figures. */
  .single-post .wp-caption[style],
  .single-post figure[style],
  .single-post .wp-block-image[style],
  .techvon-single-post-page .techvon-post-content [style*="width"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* =========================================
   SINGLE POST LAYOUT RECENTER PATCH
   Placed AFTER the overflow guard so it wins by source order.
   Root cause fixed: the guard's max-width:100% on .techvon-post-layout
   overrode the original max-width:1180px, leaving the non-fr grid
   tracks packed to the left. Re-center the whole article+sidebar group
   without reintroducing horizontal overflow. Text stays left-aligned.
   ========================================= */
.single-post .techvon-post-layout,
.techvon-single-post-page .techvon-post-layout {
  width: min(100%, 1120px);
  max-width: 1120px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

@media (min-width: 1025px) {
  .single-post .techvon-post-layout,
  .techvon-single-post-page .techvon-post-layout {
    display: grid;
    grid-template-columns: minmax(0, 720px) 280px;
    gap: 48px;
    align-items: start;
    justify-content: center;
  }

  .single-post .techvon-post-main,
  .techvon-single-post-page .techvon-post-main {
    width: 100%;
    max-width: 720px;
    min-width: 0;
  }

  .single-post .techvon-post-sidebar,
  .techvon-single-post-page .techvon-post-sidebar {
    width: 100%;
    max-width: 280px;
    min-width: 0;
  }
}

.single-post .techvon-prose-article,
.techvon-single-post-page .techvon-prose-article,
.single-post .techvon-post-content,
.techvon-single-post-page .techvon-post-content {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 1024px) {
  .single-post .techvon-post-layout,
  .techvon-single-post-page .techvon-post-layout {
    width: min(100%, 760px);
    max-width: 760px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
  }

  .single-post .techvon-post-main,
  .single-post .techvon-post-sidebar,
  .techvon-single-post-page .techvon-post-main,
  .techvon-single-post-page .techvon-post-sidebar {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .single-post .techvon-post-layout,
  .techvon-single-post-page .techvon-post-layout {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* =========================================
   SINGLE POST TOC — mobile inline vs desktop sidebar
   Desktop (>=1025px): sidebar TOC only; inline mobile TOC hidden.
   Mobile/tablet (<=1024px): sidebar TOC hidden; inline TOC shown
   below the featured image and above the article content.
   Matches the existing 1024px sidebar-collapse breakpoint.
   ========================================= */
.techvon-post-toc-mobile {
  display: none;
}

@media (max-width: 1024px) {
  /* Hide the desktop sidebar TOC widget on mobile/tablet (no duplicate TOC). */
  .techvon-single-post-page .techvon-post-sidebar .techvon-post-toc-widget,
  .techvon-single-post-page .techvon-post-sidebar #techvon-post-toc-widget {
    display: none !important;
  }

  .techvon-post-toc-mobile {
    display: block !important;
    width: 100%;
    max-width: 100%;
    margin: 24px 0 30px;
    box-sizing: border-box;
  }

  .techvon-post-toc-mobile .techvon-sidebar-toc {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(199, 196, 216, 0.42);
    box-shadow: 0 18px 46px rgba(15, 23, 42, 0.06);
    padding: 24px;
  }

  .techvon-post-toc-mobile .techvon-post-toc-list-mobile {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
  }

  .techvon-post-toc-mobile .techvon-toc-link {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .techvon-post-toc-mobile a {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 767px) {
  .techvon-post-toc-mobile {
    margin: 22px 0 28px;
  }

  .techvon-post-toc-mobile .techvon-sidebar-toc {
    padding: 22px;
    border-radius: 22px;
  }
}

/* =========================================
   MOBILE POLISH PATCH
   1) Single-post breadcrumb single-line (no "Ứng Dụng AI" wrapping)
   2) Tighter gap between mobile TOC and first heading
   3) Premium mobile menu drawer
   Desktop is untouched (all rules are inside mobile media queries).
   ========================================= */

/* --- 1. Mobile breadcrumb: one clean horizontal line --- */
@media (max-width: 767px) {
  .single-post .techvon-post-breadcrumb,
  .techvon-single-post-page .techvon-post-breadcrumb {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 18px;
  }

  .single-post .techvon-post-breadcrumb nav,
  .techvon-single-post-page .techvon-post-breadcrumb nav {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap !important;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    box-sizing: border-box;
  }

  .single-post .techvon-post-breadcrumb nav::-webkit-scrollbar,
  .techvon-single-post-page .techvon-post-breadcrumb nav::-webkit-scrollbar {
    display: none;
  }

  .single-post .techvon-post-breadcrumb nav > a,
  .single-post .techvon-post-breadcrumb nav > span,
  .techvon-single-post-page .techvon-post-breadcrumb nav > a,
  .techvon-single-post-page .techvon-post-breadcrumb nav > span {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    white-space: nowrap !important;
    word-break: keep-all !important;
    line-height: 1.2;
  }

  /* Current post title (last child) truncates with ellipsis. */
  .single-post .techvon-post-breadcrumb nav > span:last-child,
  .techvon-single-post-page .techvon-post-breadcrumb nav > span:last-child {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
  }
}

/* --- 2. Reduce gap between mobile TOC and article content --- */
@media (max-width: 1024px) {
  .single-post .techvon-post-toc-mobile,
  .techvon-single-post-page .techvon-post-toc-mobile {
    margin-bottom: 16px !important;
  }

  /* Whatever follows the TOC (quick-summary box or the article) loses its top gap. */
  .single-post .techvon-post-toc-mobile + *,
  .techvon-single-post-page .techvon-post-toc-mobile + * {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .single-post .techvon-post-toc-mobile,
  .techvon-single-post-page .techvon-post-toc-mobile {
    margin-top: 22px !important;
    margin-bottom: 14px !important;
  }

  .single-post .techvon-post-content > :first-child,
  .single-post .techvon-prose-article > :first-child,
  .single-post .entry-content > :first-child,
  .techvon-single-post-page .techvon-post-content > :first-child,
  .techvon-single-post-page .techvon-prose-article > :first-child {
    margin-top: 0 !important;
  }
}

/* --- 3. Premium mobile menu drawer --- */
@media (max-width: 849px) {
  #techvon-mobile-menu .techvon-mobile-menu-content {
    background:
      radial-gradient(circle at top left, rgba(53, 37, 205, 0.08), transparent 34%),
      linear-gradient(180deg, #ffffff 0%, #fbfaff 100%) !important;
    display: flex;
    flex-direction: column;
  }

  #techvon-mobile-menu .techvon-mobile-menu-header {
    min-height: 76px;
    padding: 0 22px;
    border-bottom: 1px solid rgba(7, 18, 47, 0.08);
  }

  #techvon-mobile-menu .techvon-mobile-menu-intro {
    padding: 22px 22px 0;
  }

  #techvon-mobile-menu .techvon-mobile-menu-intro span {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(76, 215, 246, 0.16);
    color: #3525cd;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  #techvon-mobile-menu .techvon-mobile-menu-intro p {
    margin: 12px 0 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.55;
  }

  #techvon-mobile-menu .techvon-mobile-nav {
    padding: 20px 22px 16px;
    display: flex !important;
    flex-direction: column;
    gap: 12px;
  }

  #techvon-mobile-menu .techvon-mobile-nav-link {
    min-height: 58px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 14px 16px;
    border-radius: 18px;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    background: rgba(53, 37, 205, 0.045);
    border: 1px solid rgba(53, 37, 205, 0.08);
    color: #07122f !important;
    font-size: 16px;
    font-weight: 850;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.035);
    transition: transform 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
  }

  #techvon-mobile-menu .techvon-mobile-nav-link .material-symbols-outlined {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(53, 37, 205, 0.10);
    color: #3525cd;
    font-size: 20px;
    line-height: 1;
  }

  #techvon-mobile-menu .techvon-mobile-nav-link:hover,
  #techvon-mobile-menu .techvon-mobile-nav-link:active,
  #techvon-mobile-menu .techvon-mobile-nav-link.is-active {
    background: rgba(53, 37, 205, 0.10);
    color: #3525cd !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(53, 37, 205, 0.10);
  }

  #techvon-mobile-menu .techvon-mobile-menu-footer {
    margin-top: auto;
    padding: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 28%);
  }

  #techvon-mobile-menu .techvon-mobile-menu-footer .techvon-btn {
    width: 100%;
    min-height: 56px;
    border-radius: 999px;
    background: linear-gradient(135deg, #5b4bff 0%, #3525cd 100%) !important;
    color: #ffffff !important;
    font-weight: 900;
    box-shadow: 0 18px 44px rgba(53, 37, 205, 0.26);
  }
}