.legacy-faq-list { display:grid; gap:.75rem; margin-top:.75rem; }
.legacy-faq-item { overflow:hidden; padding:0 1.75rem; background:rgba(255,255,255,.025); }
.legacy-faq-item[open] { border-color:rgba(41,121,255,.38); }
.legacy-faq-item summary { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px; color:#fff; cursor:pointer; list-style:none; font-size:1rem; font-weight:600; transition:color .2s ease; }
.legacy-faq-item summary::-webkit-details-marker { display:none; }
.legacy-faq-item summary:hover { color:#5e9bff; }
.legacy-faq-item summary span { flex:0 0 auto; color:#4b8cff; font-size:28px; font-weight:300; transition:transform .2s ease; }
.legacy-faq-item[open] summary span { transform:rotate(45deg); }
.legacy-faq-item p { margin:0; padding:0 0 24px; color:rgba(255,255,255,.58); font-size:.875rem; line-height:1.9; }

/* Keep the legacy homepage brand and its first navigation item comfortably separated. */
@media (min-width:768px) {
  header > div > a[href="/"] + nav { margin-left:clamp(1.75rem, 3vw, 3rem); }
}

/* Preserve that breathing room on compact desktop/tablet widths without wrapping. */
@media (min-width:768px) and (max-width:1023px) {
  header > div > a[href="/"] + nav { gap:1rem; }
  header > div > a[href="/"] + nav > div { gap:.75rem; }
}

.legacy-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.legacy-blog-card { min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:1.25rem; background:rgba(255,255,255,.025); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.legacy-blog-card:hover { transform:translateY(-4px); border-color:rgba(76,139,255,.42); box-shadow:0 22px 60px rgba(0,0,0,.28); }
.legacy-blog-card--featured { grid-column:span 2; }
.legacy-blog-card a { height:100%; display:flex; flex-direction:column; color:inherit; text-decoration:none; }
.legacy-blog-image { aspect-ratio:16/9; overflow:hidden; background:#101622; }
.legacy-blog-image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .45s ease; }
.legacy-blog-card:hover img { transform:scale(1.025); }
.legacy-blog-body { min-height:240px; padding:1.5rem; display:flex; flex-direction:column; }
.legacy-blog-body span { color:#5f96ff; font-size:.7rem; font-weight:700; letter-spacing:.08em; }
.legacy-blog-body h3 { margin:.85rem 0 .7rem; color:#fff; font-size:1.1rem; line-height:1.5; }
.legacy-blog-card--featured h3 { font-size:clamp(1.2rem,2vw,1.55rem); }
.legacy-blog-body p { margin:0; color:rgba(255,255,255,.48); font-size:.85rem; line-height:1.8; }
.legacy-blog-body b { margin-top:auto; padding-top:1.25rem; color:#73a2ff; font-size:.8rem; }

/* Keep each process illustration beside its step number and give it more visual weight. */
.legacy-process-card-head { align-items:center !important; gap:1rem; }
.legacy-process-card-icon {
  width:4.25rem;
  height:4.25rem;
  margin:0 0 0 .15rem !important;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 4.25rem;
}
.legacy-process-card-icon svg { width:4rem !important; height:4rem !important; }
.legacy-process-card-head > :last-child { margin-left:auto; }

/* Use the supplied award artwork intact behind each metric. */
.legacy-metric-number {
  position:relative;
  display:flex !important;
  align-items:center;
  justify-content:center;
  font-size:clamp(2.4rem,3.65vw,3.25rem) !important;
  line-height:1 !important;
  min-height:5.7rem;
  padding:0 0 1rem;
  isolation:isolate;
}
.legacy-metric-laurel-image {
  position:absolute;
  z-index:-1;
  left:50%;
  bottom:-.45rem;
  width:10.5rem;
  height:7rem;
  max-width:none;
  object-fit:fill;
  transform:translateX(-50%);
  opacity:.98;
  pointer-events:none;
}

/* High-visibility value summary below the final consultation CTA. */
.legacy-why-us-card {
  position:relative;
  max-width:43rem;
  margin-top:1.5rem;
  padding:1.35rem 1.5rem;
  overflow:hidden;
  border:1px solid rgba(61,139,255,.9);
  border-radius:1.25rem;
  background:linear-gradient(135deg,rgba(39,105,255,.16),rgba(11,17,29,.94) 58%,rgba(34,103,255,.08));
  box-shadow:0 0 0 1px rgba(66,145,255,.15),0 0 22px rgba(41,121,255,.3),inset 0 0 25px rgba(41,121,255,.06);
  animation:legacy-why-us-pulse 1.8s ease-in-out infinite;
}
.legacy-why-us-card::before {
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:linear-gradient(110deg,transparent 20%,rgba(132,190,255,.55) 50%,transparent 80%);
  transform:translateX(-100%);
  animation:legacy-why-us-sweep 2.8s ease-in-out infinite;
  pointer-events:none;
}
.legacy-why-us-card > * { position:relative; z-index:1; }
.legacy-why-us-card h3 { margin:0 0 .85rem; color:#fff; font-size:1.25rem; font-weight:800; letter-spacing:.02em; }
.legacy-why-us-card ul { display:grid; gap:.58rem; margin:0; padding:0; list-style:none; }
.legacy-why-us-card li { display:flex; align-items:flex-start; gap:.65rem; color:rgba(255,255,255,.86); font-size:.96rem; line-height:1.55; }
.legacy-why-us-card li span { color:#5da0ff; font-weight:900; }
.legacy-why-us-contact {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:1rem;
  padding:.72rem 1.2rem;
  border-radius:999px;
  background:#2f7cff;
  color:#fff !important;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 8px 22px rgba(41,121,255,.34);
  transition:transform .2s ease,background .2s ease;
}
.legacy-why-us-contact:hover { background:#4b8dff; transform:translateY(-2px); }
@keyframes legacy-why-us-pulse {
  0%,100% { border-color:rgba(61,139,255,.62); box-shadow:0 0 0 1px rgba(66,145,255,.1),0 0 14px rgba(41,121,255,.2),inset 0 0 20px rgba(41,121,255,.04); }
  50% { border-color:#8bc1ff; box-shadow:0 0 0 2px rgba(91,166,255,.22),0 0 34px rgba(41,121,255,.48),inset 0 0 28px rgba(41,121,255,.1); }
}
@keyframes legacy-why-us-sweep { 0%,45% { transform:translateX(-110%); } 75%,100% { transform:translateX(110%); } }
@media (prefers-reduced-motion:reduce) {
  .legacy-why-us-card,.legacy-why-us-card::before { animation:none; }
}

@media (max-width:900px) {
  .legacy-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .legacy-blog-card--featured { grid-column:span 2; }
}

@media (max-width:640px) {
  .legacy-blog-grid { grid-template-columns:1fr; }
  .legacy-blog-card--featured { grid-column:auto; }
  .legacy-blog-body { min-height:220px; padding:1.25rem; }
  .legacy-faq-item { padding:0 1.25rem; }
  .legacy-faq-item summary { min-height:68px; font-size:.95rem; }
  .legacy-faq-item p { font-size:.82rem; }
  .legacy-process-card-head { gap:.75rem; }
  .legacy-process-card-icon { width:3.75rem; height:3.75rem; flex-basis:3.75rem; }
  .legacy-process-card-icon svg { width:3.5rem !important; height:3.5rem !important; }

  /* Keep the traditional/AI website comparison visible side by side on phones. */
  .legacy-comparison-container { padding-left:.75rem !important; padding-right:.75rem !important; }
  .legacy-comparison-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:.5rem !important; }
  .legacy-comparison-card { padding:.75rem !important; border-radius:1rem !important; }
  .legacy-comparison-card > div:last-child > div:first-child {
    gap:.35rem !important;
    padding:.3rem .45rem !important;
    margin-bottom:.8rem !important;
  }
  .legacy-comparison-card > div:last-child > div:first-child > span:first-child {
    width:.4rem !important;
    height:.4rem !important;
  }
  .legacy-comparison-card > div:last-child > div:first-child > span:last-child { font-size:.62rem !important; }
  .legacy-comparison-card h3 { margin-bottom:.85rem !important; font-size:.95rem !important; line-height:1.35 !important; }
  .legacy-comparison-card ul { display:grid; gap:.6rem !important; }
  .legacy-comparison-card li { gap:.4rem !important; }
  .legacy-comparison-card li > span:first-child {
    width:1rem !important;
    height:1rem !important;
    flex-basis:1rem !important;
  }
  .legacy-comparison-card li > span:last-child { font-size:.7rem !important; line-height:1.45 !important; }

  .legacy-metric-number {
    min-height:4.35rem;
    padding-bottom:.7rem;
    font-size:clamp(1.7rem,8vw,2.25rem) !important;
  }
  .legacy-metric-laurel-image {
    bottom:-.15rem;
    width:7.7rem;
    height:5.15rem;
  }
  .legacy-why-us-card { margin-top:1.25rem; padding:1.1rem; border-radius:1rem; }
  .legacy-why-us-card h3 { font-size:1.1rem; }
  .legacy-why-us-card li { font-size:.86rem; }
  .legacy-why-us-contact { width:100%; }
}