/* Multitechwave custom styles extracted from Blade templates. */

.tcw-theme-reveal {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition:
    opacity 0.72s ease,
    transform 0.72s cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: opacity, transform;
}

.tcw-theme-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.tcw-theme-reveal.is-reveal-left {
  transform: translate3d(-28px, 0, 0);
}

.tcw-theme-reveal.is-reveal-right {
  transform: translate3d(28px, 0, 0);
}

.tcw-theme-reveal.is-reveal-zoom {
  transform: translate3d(0, 18px, 0) scale(0.98);
}

.tcw-theme-reveal.is-visible.is-reveal-left,
.tcw-theme-reveal.is-visible.is-reveal-right,
.tcw-theme-reveal.is-visible.is-reveal-zoom {
  transform: translate3d(0, 0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .tcw-theme-reveal {
    opacity: 1;
    transform: none !important;
    transition: none;
  }
}

.tcw-support-chat {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 100000;
  font-family: 'Archivo', sans-serif;
}

.tcw-blog-detail-page {
  background: #f8fafc;
}

.tcw-blog-detail-hero {
  padding: clamp(118px, 12vw, 158px) 0 34px;
}

.tcw-blog-detail-shell {
  max-width: 1040px;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(203, 213, 225, 0.85);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(56, 189, 248, 0.08), rgba(255, 255, 255, 0) 38%),
    #fff;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
}

.tcw-blog-detail-shell,
.tcw-blog-article .tcw-blog-body,
.tcw-blog-author-card,
.tcw-blog-related-card {
  will-change: transform, opacity;
}

.tcw-blog-detail-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.tcw-blog-detail-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 7px 12px;
  border: 1px solid rgba(56, 189, 248, 0.16);
  border-radius: 999px;
  color: #2563eb;
  background: rgba(56, 189, 248, 0.1);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.tcw-blog-detail-shell h1 {
  max-width: 860px;
  margin: 0 auto 16px;
  color: #020617;
  font-size: clamp(2.3rem, 5vw, 4.5rem);
  line-height: 1.05;
  text-align: center;
}

.tcw-blog-detail-excerpt {
  max-width: 760px;
  margin: 0 auto 32px;
  color: #475569;
  font-size: 17px;
  line-height: 1.75;
  text-align: center;
}

.tcw-blog-detail-image {
  max-width: 860px;
  margin: 34px auto 0;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #e2e8f0;
  box-shadow: 0 24px 56px rgba(15, 23, 42, 0.1);
}

.tcw-blog-detail-image a {
  display: block;
  color: inherit;
  cursor: zoom-in;
}

.tcw-blog-detail-image img {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform 0.8s ease;
}

.tcw-blog-detail-image:hover img {
  transform: scale(1.04);
}

.tcw-blog-image-zoom {
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(8px);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.22s ease, transform 0.22s ease, background 0.22s ease;
}

.tcw-blog-detail-image:hover .tcw-blog-image-zoom {
  opacity: 1;
  transform: translateY(0);
}

.tcw-blog-image-zoom:hover {
  background: var(--cs-accent, #38BDF8);
}

.tcw-blog-detail-content {
  padding: 26px 0 78px;
}

.tcw-blog-detail-grid {
  max-width: 980px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 34px;
  margin: 0 auto;
}

.tcw-blog-share {
  position: sticky;
  top: 104px;
  display: grid;
  gap: 10px;
  align-self: start;
}

.tcw-blog-share a {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(56, 189, 248, 0.16);
  border-radius: 50%;
  color: #0284c7;
  background: #e0f2fe;
  text-decoration: none;
  transition: transform 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.tcw-blog-share a:hover {
  color: #fff;
  background: var(--cs-accent, #38BDF8);
  transform: translateY(-2px);
}

.tcw-blog-article {
  min-width: 0;
}

.tcw-blog-article .tcw-blog-body {
  padding: clamp(26px, 4vw, 46px);
  border: 1px solid rgba(203, 213, 225, 0.78);
  border-radius: 22px;
  color: #334155;
  background: #fff;
  box-shadow: 0 20px 52px rgba(15, 23, 42, 0.06);
  font-size: 17px;
  line-height: 1.9;
  white-space: normal;
}

.tcw-blog-author-card {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  margin-top: 28px;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid rgba(56, 189, 248, 0.18);
  border-radius: 20px;
  background: #e0f2fe;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tcw-blog-author-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 48px rgba(2, 132, 199, 0.14);
}

.tcw-blog-author-card img,
.tcw-blog-author-avatar {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  object-fit: cover;
}

.tcw-blog-author-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(135deg, var(--cs-accent, #38BDF8), #2563eb);
  font-size: 30px;
  font-weight: 900;
}

.tcw-blog-author-card span {
  display: block;
  margin-bottom: 5px;
  color: #0284c7;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tcw-blog-author-card h2 {
  margin: 0 0 8px;
  color: #020617;
  font-size: 22px;
}

.tcw-blog-author-card p {
  margin: 0;
  color: #475569;
  font-size: 15px;
  line-height: 1.7;
}

.tcw-blog-related-section {
  padding: 76px 0 100px;
  border-top: 1px solid rgba(203, 213, 225, 0.85);
  background: #fff;
}

.tcw-blog-related-head {
  max-width: 780px;
  margin-bottom: 34px;
}

.tcw-blog-related-head span {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--cs-accent, #38BDF8);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.tcw-blog-related-head h2 {
  margin: 0;
  color: #020617;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.08;
}

.tcw-blog-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.tcw-blog-related-card {
  min-width: 0;
  display: block;
  padding: 12px 12px 22px;
  border: 1px solid rgba(203, 213, 225, 0.78);
  border-radius: 18px;
  color: inherit;
  background: #fff;
  text-decoration: none;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tcw-blog-related-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.1);
}

.tcw-blog-related-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  border-radius: 12px;
  background: #e2e8f0;
}

.tcw-blog-related-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 16px 2px 10px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.tcw-blog-related-meta span:first-child {
  color: #0284c7;
}

.tcw-blog-related-card h3 {
  margin: 0 2px;
  color: #020617;
  font-size: 20px;
  line-height: 1.32;
}

.tcw-blog-related-card p {
  margin: 10px 2px 0;
  color: #64748b;
  font-size: 14px;
  line-height: 1.65;
}

.tcw-blog-related-empty {
  grid-column: 1 / -1;
  padding: 28px;
  border-radius: 16px;
  color: #64748b;
  background: #f8fafc;
  text-align: center;
}

@media (max-width: 991px) {
  .tcw-blog-detail-grid {
    grid-template-columns: 1fr;
  }

  .tcw-blog-share {
    position: static;
    display: flex;
    justify-content: center;
  }

  .tcw-blog-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .tcw-blog-detail-hero {
    padding-top: 106px;
  }

  .tcw-blog-detail-shell {
    border-radius: 18px;
  }

  .tcw-blog-author-card {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .tcw-blog-author-card img,
  .tcw-blog-author-avatar {
    margin: 0 auto;
  }

  .tcw-blog-related-grid {
    grid-template-columns: 1fr;
  }
}

/* Text review slider */
.tcw-reviews-section.client-reviews {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.tcw-reviews-section .client-review-card,
.tcw-reviews-section .client-review-card.is-featured {
  position: relative;
  min-height: 360px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 26px;
  padding: clamp(26px, 3vw, 38px);
  border: 1px solid rgba(203, 213, 225, 0.78);
  border-radius: 22px;
  color: #020617;
  background: linear-gradient(145deg, rgba(56, 189, 248, 0.1), transparent 42%), #fff;
  box-shadow: 0 22px 56px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.tcw-reviews-section .client-review-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.12);
}

.tcw-reviews-section .client-review-card::after {
  content: "";
  position: absolute;
  inset: auto 24px 0;
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: var(--cs-accent, #38BDF8);
}

.tcw-reviews-section .client-review-card.is-featured {
  border-color: rgba(56, 189, 248, 0.5);
  background: linear-gradient(145deg, rgba(56, 189, 248, 0.16), rgba(255, 255, 255, 0) 48%), #fff;
}

.tcw-reviews-section .client-review-quote {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  color: #fff;
  background: var(--cs-accent, #38BDF8);
  font-size: 52px;
  font-family: Georgia, serif;
  line-height: 1;
}

.tcw-reviews-section .client-review-initial {
  font-family: inherit;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
}

.tcw-reviews-section .client-review-copy span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin-bottom: 16px;
  padding: 6px 12px;
  border-radius: 999px;
  color: var(--cs-accent, #38BDF8);
  background: rgba(56, 189, 248, 0.12);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.tcw-reviews-section .client-review-rating {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 14px;
  color: #cbd5e1;
  font-size: 18px;
  line-height: 1;
}

.tcw-reviews-section .client-review-rating span {
  display: inline-flex;
  margin: 0;
  padding: 0;
  min-height: auto;
  background: transparent;
  color: inherit;
  font-size: inherit;
  font-weight: 900;
  line-height: 1;
}

.tcw-reviews-section .client-review-rating .is-filled {
  color: #f59e0b;
}

.tcw-reviews-section .client-review-copy p {
  margin: 0;
  color: #334155;
  font-size: clamp(1rem, 1.4vw, 1.15rem);
  line-height: 1.8;
}

.tcw-reviews-section .client-review-author {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

.tcw-reviews-section .client-review-avatar {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, var(--cs-accent, #38BDF8), #0284C7);
  font-size: 20px;
  font-weight: 900;
}

.tcw-reviews-section .client-review-author h3 {
  margin: 0;
  color: #020617;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.25;
}

.tcw-reviews-section .client-review-role {
  margin-top: 4px;
  color: #64748b;
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .tcw-reviews-section .client-review-card,
  .tcw-reviews-section .client-review-card.is-featured {
    min-height: 320px;
    border-radius: 18px;
  }
}

.tcw-support-chat__toggle {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.28);
  outline: 0;
  border-radius: 22px;
  color: #fff;
  background-color: #1768ff;
  box-shadow: 0 20px 48px rgba(37, 99, 235, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.24);
  cursor: pointer;
  font-size: 24px;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.tcw-support-chat__toggle::before {
  background: rgba(23, 104, 255, 0.3);
  border-radius: inherit;
  content: "";
  inset: -8px;
  opacity: 0;
  position: absolute;
  transform: scale(0.82);
  transition: opacity 0.22s ease, transform 0.22s ease;
  z-index: -1;
}

.tcw-support-chat__toggle::after {
  background: #22c55e;
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.16);
  content: "";
  height: 15px;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 15px;
}

.tcw-support-chat__toggle:focus,
.tcw-support-chat__toggle:active {
  background-color: #1768ff;
  outline: 0;
}

.tcw-support-chat__toggle:hover {
  transform: translateY(-2px);
  box-shadow: 0 28px 62px rgba(37, 99, 235, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.tcw-support-chat__toggle:hover::before {
  opacity: 1;
  transform: scale(1);
}

.tcw-support-chat__panel {
  position: absolute;
  right: 0;
  bottom: 82px;
  width: min(420px, calc(100vw - 28px));
  overflow: hidden;
  border: 1px solid rgba(125, 211, 252, 0.42);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(238, 246, 255, 0.88)) padding-box,
    linear-gradient(145deg, rgba(56, 189, 248, 0.82), rgba(37, 99, 235, 0.35), rgba(34, 197, 94, 0.58)) border-box;
  box-shadow: 0 38px 92px rgba(15, 23, 42, 0.32), 0 12px 0 rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(22px);
  transform: perspective(900px) rotateX(0deg) rotateY(0deg);
}

.tcw-support-chat__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 92px;
  padding: 18px 20px;
  color: #fff;
  background:
    radial-gradient(circle at 86% 18%, rgba(56, 189, 248, 0.42), transparent 32%),
    radial-gradient(circle at 14% 0%, rgba(34, 197, 94, 0.18), transparent 28%),
    linear-gradient(135deg, #020617 0%, #0f172a 48%, #164e63 100%);
  position: relative;
}

.tcw-support-chat__header::after {
  background: linear-gradient(90deg, #38BDF8, #2563EB, #22C55E);
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
}

.tcw-support-chat__brand {
  align-items: center;
  display: flex;
  gap: 13px;
  min-width: 0;
}

.tcw-support-chat__avatar {
  align-items: center;
  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.42), transparent 28%),
    linear-gradient(145deg, #38BDF8, #2563EB);
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 18px;
  box-shadow: 0 18px 34px rgba(37, 99, 235, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.32);
  color: #ffffff;
  display: inline-flex;
  flex: 0 0 48px;
  font-size: 18px;
  height: 48px;
  justify-content: center;
  position: relative;
  transform: rotateX(10deg) rotateY(-12deg);
  width: 48px;
}

.tcw-support-chat__avatar::after {
  background: #22c55e;
  border: 3px solid #0f172a;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.14);
  content: "";
  height: 13px;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 13px;
}

.tcw-support-chat__header strong {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
}

.tcw-support-chat__header small {
  color: rgba(226, 232, 240, 0.76);
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  margin-top: 4px;
}

.tcw-support-chat__header button {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.tcw-support-chat__header button:hover {
  background: rgba(255, 255, 255, 0.16);
  transform: rotate(6deg);
}

.tcw-support-chat__messages {
  height: 360px;
  overflow-y: auto;
  padding: 20px;
  background:
    radial-gradient(circle at 12% 8%, rgba(56, 189, 248, 0.14), transparent 28%),
    radial-gradient(circle at 88% 24%, rgba(37, 99, 235, 0.08), transparent 30%),
    linear-gradient(180deg, #f8fafc 0%, #eef6ff 100%);
  position: relative;
  scrollbar-width: thin;
}

.tcw-support-chat__messages::before {
  background:
    linear-gradient(90deg, rgba(56, 189, 248, 0.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(56, 189, 248, 0.08) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  inset: 0;
  opacity: 0.28;
  pointer-events: none;
  position: absolute;
}

.tcw-support-chat__message {
  position: relative;
  width: fit-content;
  max-width: 88%;
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(226, 232, 240, 0.88);
  border-radius: 20px;
  color: #0f172a;
  background: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  line-height: 1.62;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.78);
  overflow-wrap: anywhere;
  z-index: 1;
}

.tcw-support-chat__message--user {
  margin-left: auto;
  border-color: rgba(37, 99, 235, 0.16);
  border-bottom-right-radius: 6px;
  color: #fff;
  background: linear-gradient(135deg, #38BDF8, #2563EB);
}

.tcw-support-chat__message--assistant {
  border-bottom-left-radius: 6px;
  transform: translateZ(24px);
}

.tcw-support-chat__message--status {
  color: #64748b;
  background: transparent;
  box-shadow: none;
  font-size: 13px;
}

.tcw-support-chat__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  gap: 12px;
  padding: 16px;
  border-top: 1px solid rgba(203, 213, 225, 0.74);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.98));
}

.tcw-support-chat__form textarea {
  width: 100%;
  max-height: 120px;
  min-height: 48px;
  resize: none;
  padding: 13px 15px;
  border: 1px solid rgba(148, 163, 184, 0.42);
  border-radius: 16px;
  color: #020617;
  background: #ffffff;
  box-shadow: inset 0 2px 6px rgba(15, 23, 42, 0.04);
  font-size: 14px;
  line-height: 1.4;
}

.tcw-support-chat__form textarea:focus {
  outline: none;
  border-color: var(--cs-accent, #38BDF8);
  box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.13);
}

.tcw-support-chat__form button {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: end;
  border: 0;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #38BDF8, #2563EB);
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.26);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tcw-support-chat__form button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(37, 99, 235, 0.32);
}

.tcw-support-chat__form button:disabled,
.tcw-support-chat__form textarea:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

@media (max-width: 575px) {
  .tcw-support-chat {
    right: 14px;
    bottom: 14px;
  }

  .tcw-support-chat__toggle {
    border-radius: 18px;
    width: 56px;
    height: 56px;
  }

  .tcw-support-chat__panel {
    border-radius: 22px;
    bottom: 70px;
    width: calc(100vw - 24px);
  }

  .tcw-support-chat__messages {
    height: min(350px, calc(100vh - 260px));
  }
}

.tcw-home-hero-bg {
  background-size: cover;
  background-position: center;
}

.tcw-alert-list {
  margin: 0;
  padding-left: 18px;
}

.tcw-section-soft {
  background: #F1F5F9;
}

.tcw-section-white {
  background: #fff;
}

.tcw-company-page {
  padding: clamp(118px, 12vw, 158px) 0 78px;
  background: #f8fafc;
}

.tcw-company-page__hero {
  max-width: 830px;
  margin: 0 auto 34px;
  text-align: center;
}

.tcw-company-page__hero span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  margin-bottom: 14px;
  padding: 7px 14px;
  border: 1px solid rgba(56, 189, 248, 0.24);
  border-radius: 999px;
  color: var(--cs-accent, #38BDF8);
  background: rgba(56, 189, 248, 0.1);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.tcw-company-page__hero h1 {
  margin: 0 0 14px;
  color: #020617;
  font-size: clamp(2.25rem, 5vw, 4rem);
  line-height: 1.04;
}

.tcw-company-page__hero p {
  max-width: 680px;
  margin: 0 auto;
  color: #64748b;
  font-size: 17px;
  line-height: 1.7;
}

.tcw-company-page__content {
  max-width: 920px;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.07);
}

.tcw-company-page__content h2 {
  margin: 0 0 10px;
  color: #020617;
  font-size: clamp(1.25rem, 2.2vw, 1.55rem);
  line-height: 1.25;
}

.tcw-company-page__content h2:not(:first-child) {
  margin-top: 30px;
}

.tcw-company-page__content p,
.tcw-company-page__content li {
  color: #475569;
  font-size: 16px;
  line-height: 1.75;
}

.tcw-company-page__content p {
  margin: 0;
}

.tcw-company-page__content ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 20px;
}

.tcw-company-page__content a {
  color: var(--cs-accent, #38BDF8) !important;
  font-weight: 800;
}

.tcw-sitemap-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.tcw-sitemap-grid a {
  min-height: 54px;
  display: flex;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 12px;
  color: #0f172a !important;
  background: #f8fafc;
  font-weight: 800;
  line-height: 1.25;
  transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.tcw-sitemap-grid a:hover {
  border-color: rgba(56, 189, 248, 0.55);
  color: var(--cs-accent, #38BDF8) !important;
  transform: translateY(-2px);
}

.tcw-empty-state {
  max-width: 620px;
  margin: 0 auto;
}

.tcw-empty-title {
  font-size: 2rem;
  color: #020617;
  margin-bottom: 14px;
}

.tcw-empty-text {
  color: #475569;
  line-height: 1.8;
}

.tcw-full-height {
  height: 100%;
}

.tcw-icon-img-46,
.tcw-icon-img-48 {
  object-fit: contain;
}

.tcw-icon-img-46 {
  width: 46px;
  height: 46px;
}

.tcw-icon-img-48 {
  width: 48px;
  height: 48px;
}

.tcw-icon-fallback-white {
  font-size: 28px;
  color: #fff;
}

.tcw-icon-fallback-white-lg {
  font-size: 34px;
  color: #fff;
}

.tcw-icon-fallback-accent {
  font-size: 1.6rem;
  color: #38BDF8;
}

.tcw-blog-body {
  line-height: 1.9;
  color: #475569;
  white-space: pre-line;
}

.tcw-floating-contact {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18px;
  visibility: hidden;
  opacity: 0;
  transform: translate(12px, -50%);
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

.tcw-floating-contact.is-visible {
  visibility: visible;
  opacity: 1;
  transform: translate(0, -50%);
}

.tcw-floating-contact__icons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-right: 10px;
  pointer-events: auto;
}

.tcw-floating-contact__icon {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(56, 189, 248, 0.32);
  border-radius: 50%;
  color: #fff;
  background: #020617;
  font-size: 15px;
  box-shadow: 0 12px 32px rgba(2, 6, 23, 0.18);
}

.tcw-floating-contact__icon:hover {
  color: #fff;
  border-color: #38BDF8;
  background: #38BDF8;
}

.tcw-floating-contact__quote {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  min-height: 136px;
  padding: 18px 10px;
  border-radius: 18px 0 0 18px;
  color: #fff;
  background: linear-gradient(180deg, #38BDF8 0%, #22C55E 100%);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  box-shadow: 0 18px 38px rgba(56, 189, 248, 0.32);
  pointer-events: auto;
}

.tcw-floating-contact__quote span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}

.tcw-floating-contact__quote:hover {
  color: #fff;
  filter: brightness(1.08);
}

.tcw-floating-whatsapp {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 999;
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: #38BDF8;
  font-size: 24px;
  box-shadow: 0 16px 36px rgba(56, 189, 248, 0.36);
}

.tcw-floating-whatsapp:hover {
  color: #fff;
  background: #22C55E;
  transform: translateY(-2px);
}

@media (max-width: 767px) {
  .tcw-floating-contact {
    top: 50%;
    right: 0;
    bottom: auto;
    align-items: flex-end;
    gap: 14px;
    transform: translate(12px, -50%);
  }

  .tcw-floating-contact.is-visible {
    transform: translate(0, -50%);
  }

  .tcw-floating-contact__icons {
    gap: 10px;
    padding-right: 6px;
  }

  .tcw-floating-contact__icon {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }

  .tcw-floating-contact__quote {
    min-width: 40px;
    min-height: 104px;
    border-radius: 16px 0 0 16px;
    font-size: 12px;
  }

  .tcw-floating-whatsapp {
    right: 18px;
    bottom: 18px;
  }
}

/* Source: resources/views/website/home.blade.php */
.tcw-parallax-scene {
    position: relative;
    overflow: hidden;
  }

  .tcw-parallax-layer {
    will-change: transform;
    transform: translate3d(0, 0, 0);
    transition: transform 0.18s ease-out;
  }

  .tcw-parallax-soft {
    transform-origin: center center;
  }

  @media (prefers-reduced-motion: reduce) {
    .tcw-parallax-layer {
      transition: none;
      transform: none !important;
    }
  }

/* Source: resources/views/website/home.blade.php */
/* ── Review Slider Wrapper ── */
    .tcw-review-slider-wrap {
      position: relative;
      overflow: hidden;
      padding: 0 60px;
    }

    /* ── Slider track ── */
    .tcw-review-slider {
      display: flex;
      gap: 28px;
      transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      will-change: transform;
    }

    /* ── Single slide ── */
    .tcw-review-slide {
      flex: 0 0 calc((100% - 56px) / 3);   /* 3 visible on desktop */
      min-width: 0;
    }

    /* ── Arrow buttons ── */
    .tcw-review-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10;
      width: 46px;
      height: 46px;
      border-radius: 50%;
      border: 2px solid var(--cs-accent, #6cba48);
      background: #fff;
      color: var(--cs-accent, #6cba48);
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.25s, color 0.25s, box-shadow 0.25s;
      box-shadow: 0 4px 14px rgba(0,0,0,.08);
      outline: none;
    }
    .tcw-review-arrow:hover {
      background: var(--cs-accent, #6cba48);
      color: #fff;
      box-shadow: 0 6px 20px rgba(108,186,72,.25);
    }
    .tcw-review-prev { left: 0; }
    .tcw-review-next { right: 0; }
    .tcw-review-arrow:disabled {
      opacity: 0.35;
      cursor: default;
    }

    /* ── Dots ── */
    /* ── Responsive ── */
    @media (max-width: 991px) {
      .tcw-review-slide {
        flex: 0 0 calc((100% - 28px) / 2);  /* 2 per view on tablet */
      }
    }
    @media (max-width: 575px) {
      .tcw-review-slider-wrap { padding: 0 40px; }
      .tcw-review-slide {
        flex: 0 0 100%;                       /* 1 per view on mobile */
      }
    }

    .tcw-review-slider-wrap {
      padding: 0 72px 12px 0;
    }

    .tcw-review-stage {
      width: 100%;
      margin: 0 auto;
      padding: 0 24px;
    }

    .tcw-review-slider {
      gap: 20px;
    }

    .tcw-review-slide {
      flex: 0 0 calc((100% - 40px) / 3);
    }

    .tcw-reviews-section .client-video-card {
      height: 500px;
      padding: 28px;
      border: 0;
      border-radius: 16px;
      background: #fff;
      box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .tcw-reviews-section .client-video-card.is-featured {
      background: #000;
      color: #fff;
    }

    .tcw-reviews-section .client-video-copy {
      position: relative;
      z-index: 2;
    }

    .tcw-reviews-section .client-video-copy span {
      display: block;
      margin-bottom: 8px;
      color: #b45309;
      font-size: 12px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .tcw-reviews-section .client-video-card.is-featured .client-video-copy span {
      color: #38BDF8;
    }

    .tcw-reviews-section .client-video-copy h3 {
      margin: 0 0 8px;
      color: #020617;
      font-size: 29px;
      line-height: 1.08;
      font-weight: 800;
    }

    .tcw-reviews-section .client-video-card.is-featured .client-video-copy h3,
    .tcw-reviews-section .client-video-card.is-featured .client-video-copy p {
      color: #fff;
    }

    .tcw-reviews-section .client-video-copy p {
      max-width: 320px;
      margin: 0;
      color: #020617;
      font-size: 15px;
      line-height: 1.5;
    }

    .tcw-reviews-section .client-video-media {
      min-height: 280px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      margin: 24px -14px -28px;
    }

    .tcw-reviews-section .client-review-video,
    .tcw-reviews-section .client-video-media img {
      width: 100%;
      max-width: 330px;
      height: 280px;
      display: block;
      border-radius: 14px 14px 0 0;
      object-fit: cover;
      object-position: center;
      background: #111;
      box-shadow: none;
    }

    .tcw-reviews-section .client-video-card.is-featured .client-review-video {
      max-width: 360px;
      height: 300px;
      border-radius: 18px 18px 0 0;
    }

    .tcw-review-arrow {
      width: 56px;
      height: 56px;
      border: 0;
      background: rgba(229, 231, 235, 0.92);
      color: #5f6368;
      box-shadow: none;
      transition: background 0.25s, color 0.25s, box-shadow 0.25s, transform 0.25s;
    }

    .tcw-review-arrow:hover {
      background: #38BDF8;
      color: #fff;
      transform: translateY(-50%) scale(1.04);
      box-shadow: 0 14px 28px rgba(56, 189, 248, 0.22);
    }

    .tcw-review-prev {
      left: 12px;
    }

    .tcw-review-next {
      right: 8px;
    }

    .tcw-review-arrow:disabled {
      opacity: 0.45;
      cursor: default;
      pointer-events: none;
      box-shadow: none;
    }

    @media (max-width: 991px) {
      .tcw-review-slider-wrap {
        padding-right: 58px;
      }

      .tcw-review-stage {
        width: 100%;
        padding: 0 16px;
      }

      .tcw-review-slide {
        flex: 0 0 calc((100% - 20px) / 2);
      }

      .tcw-reviews-section .client-video-card {
        height: 450px;
      }
    }

    @media (max-width: 575px) {
      .tcw-review-slider-wrap {
        padding: 0 48px 10px 0;
      }

      .tcw-review-stage {
        width: 100%;
        padding: 0 10px;
      }

      .tcw-review-slide {
        flex: 0 0 100%;
      }

      .tcw-reviews-section .client-video-card {
        height: 420px;
        padding: 22px;
        border-radius: 14px;
      }

      .tcw-reviews-section .client-video-copy h3 {
        font-size: 24px;
      }

      .tcw-reviews-section .client-video-media {
        min-height: 240px;
        margin-bottom: -22px;
      }

      .tcw-reviews-section .client-review-video,
      .tcw-reviews-section .client-video-media img,
      .tcw-reviews-section .client-video-card.is-featured .client-review-video {
        height: 240px;
      }

      .tcw-review-arrow {
        width: 48px;
        height: 48px;
      }
    }

    .tcw-reviews-section .tcw-review-slider-wrap {
      padding: 0 64px 12px 0;
    }

    .tcw-reviews-section .tcw-review-slider {
      gap: 16px;
      align-items: stretch;
    }

    .tcw-reviews-section .tcw-review-slide {
      flex: 0 0 calc((100% - 48px) / 4);
    }

    .tcw-reviews-section .client-video-card,
    .tcw-reviews-section .client-video-card.is-featured {
      position: relative;
      height: auto;
      aspect-ratio: 9 / 16;
      min-height: 420px;
      padding: 0;
      border: 0;
      border-radius: 24px;
      background: #020617;
      color: #fff;
      overflow: hidden;
      box-shadow: 0 20px 44px rgba(15, 23, 42, 0.16);
    }

    .tcw-reviews-section .client-video-card::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 34%),
        linear-gradient(0deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0.08) 62%);
    }

    .tcw-reviews-section .client-video-media {
      position: absolute;
      inset: 0;
      min-height: 0;
      margin: 0;
      display: block;
    }

    .tcw-reviews-section .client-review-video,
    .tcw-reviews-section .client-video-card.is-featured .client-review-video,
    .tcw-reviews-section .client-video-media img {
      width: 100%;
      max-width: none;
      height: 100%;
      border-radius: 0;
      object-fit: cover;
      object-position: center;
      background: #000;
    }

    .tcw-reviews-section .client-video-copy {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      padding: 24px 20px;
      color: #fff;
    }

    .tcw-reviews-section .client-video-copy span,
    .tcw-reviews-section .client-video-card.is-featured .client-video-copy span {
      display: inline-flex;
      width: fit-content;
      margin-bottom: 10px;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.18);
      color: #fff;
      backdrop-filter: blur(10px);
      font-size: 11px;
      letter-spacing: 0.08em;
    }

    .tcw-reviews-section .client-video-copy h3,
    .tcw-reviews-section .client-video-card.is-featured .client-video-copy h3 {
      margin: 0 0 4px;
      color: #fff;
      font-size: 22px;
      line-height: 1.1;
      font-weight: 800;
    }

    .tcw-reviews-section .client-review-role {
      margin-bottom: 8px;
      color: rgba(255, 255, 255, 0.78);
      font-size: 13px;
      font-weight: 700;
    }

    .tcw-reviews-section .client-video-copy p,
    .tcw-reviews-section .client-video-card.is-featured .client-video-copy p {
      display: -webkit-box;
      max-width: none;
      margin: 0;
      color: rgba(255, 255, 255, 0.9);
      font-size: 14px;
      line-height: 1.45;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    @media (max-width: 1199px) {
      .tcw-reviews-section .tcw-review-slide {
        flex: 0 0 calc((100% - 32px) / 3);
      }
    }

    @media (max-width: 991px) {
      .tcw-reviews-section .tcw-review-slide {
        flex: 0 0 calc((100% - 16px) / 2);
      }

      .tcw-reviews-section .client-video-card,
      .tcw-reviews-section .client-video-card.is-featured {
        min-height: 400px;
      }
    }

    @media (max-width: 575px) {
      .tcw-reviews-section .tcw-review-slider-wrap {
        padding: 0 48px 10px 0;
      }

      .tcw-reviews-section .tcw-review-slide {
        flex: 0 0 82%;
      }

      .tcw-reviews-section .client-video-card,
      .tcw-reviews-section .client-video-card.is-featured {
        min-height: 440px;
      }
    }

    .tcw-reviews-section .tcw-review-stage {
      width: min(1180px, calc(100% - 32px));
      margin-inline: auto;
      padding: 0;
    }

    .tcw-reviews-section .tcw-review-slider-wrap {
      position: relative;
      overflow: hidden;
      padding: 0 72px 12px;
    }

    .tcw-reviews-section .tcw-review-slider {
      gap: 24px;
    }

    .tcw-reviews-section .tcw-review-slide {
      flex: 0 0 calc((100% - 48px) / 3);
      min-width: 0;
    }

    .tcw-reviews-section .client-video-card,
    .tcw-reviews-section .client-video-card.is-featured {
      aspect-ratio: auto !important;
      height: 500px !important;
      min-height: 0 !important;
      max-height: 500px !important;
      border-radius: 22px;
      box-shadow: 0 20px 44px rgba(15, 23, 42, 0.16);
    }

    .tcw-reviews-section .client-video-copy {
      top: 0;
      bottom: auto;
      padding: 24px 20px 72px;
    }

    .tcw-reviews-section .client-video-copy h3,
    .tcw-reviews-section .client-video-card.is-featured .client-video-copy h3 {
      font-size: clamp(20px, 2vw, 24px);
    }

    .tcw-reviews-section .tcw-review-prev {
      left: 0;
    }

    .tcw-reviews-section .tcw-review-next {
      right: 0;
    }

    @media (max-width: 1199px) {
      .tcw-reviews-section .tcw-review-stage {
        width: min(980px, calc(100% - 28px));
      }

      .tcw-reviews-section .tcw-review-slider {
        gap: 16px;
      }

      .tcw-reviews-section .tcw-review-slide {
        flex-basis: calc((100% - 32px) / 3);
      }

      .tcw-reviews-section .client-video-card,
      .tcw-reviews-section .client-video-card.is-featured {
        height: 500px !important;
        max-height: 500px !important;
      }
    }

    @media (max-width: 991px) {
      .tcw-reviews-section .tcw-review-stage {
        width: min(720px, calc(100% - 24px));
      }

      .tcw-reviews-section .tcw-review-slider-wrap {
        padding: 0 58px 12px;
      }

      .tcw-reviews-section .tcw-review-slide {
        flex-basis: calc((100% - 16px) / 2);
      }

      .tcw-reviews-section .client-video-card,
      .tcw-reviews-section .client-video-card.is-featured {
        height: 500px !important;
        max-height: 500px !important;
      }
    }

    @media (max-width: 575px) {
      .tcw-reviews-section .tcw-review-stage {
        width: min(390px, calc(100% - 20px));
      }

      .tcw-reviews-section .tcw-review-slider-wrap {
        padding: 0 44px 12px;
      }

      .tcw-reviews-section .tcw-review-slider {
        gap: 16px;
      }

      .tcw-reviews-section .tcw-review-slide {
        flex-basis: 100%;
      }

      .tcw-reviews-section .client-video-card,
      .tcw-reviews-section .client-video-card.is-featured {
        height: 500px !important;
        max-height: 500px !important;
        border-radius: 20px;
      }

      .tcw-reviews-section .client-video-copy {
        padding: 22px 18px 68px;
      }

      .tcw-reviews-section .tcw-review-arrow {
        width: 40px;
        height: 40px;
      }
    }

    .tcw-reviews-section .tcw-review-stage {
      width: 100%;
      max-width: none;
      padding-left: 0;
      padding-right: 0;
    }

    .tcw-reviews-section .tcw-review-slider-wrap {
      --tcw-review-edge: max(20px, calc((100vw - 1180px) / 2));
      overflow: hidden;
      padding: 10px var(--tcw-review-edge) 28px;
    }

    .tcw-reviews-section .tcw-review-slider {
      gap: 22px;
      align-items: stretch;
    }

    .tcw-reviews-section .tcw-review-slide {
      flex: 0 0 clamp(270px, 27vw, 360px);
      min-width: 0;
    }

    .tcw-reviews-section .client-video-card,
    .tcw-reviews-section .client-video-card.is-featured {
      height: 520px !important;
      max-height: 520px !important;
      border-radius: 30px;
      background: #f5f5f7;
      box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14);
      transition: transform 0.28s ease, box-shadow 0.28s ease;
    }

    .tcw-reviews-section .client-video-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 28px 60px rgba(15, 23, 42, 0.18);
    }

    .tcw-reviews-section .client-video-card::after {
      display: none;
    }

    .tcw-reviews-section .client-video-copy {
      display: none;
    }

    .tcw-reviews-section .client-video-media {
      position: absolute;
      inset: 0;
      display: block;
      margin: 0;
      min-height: 0;
    }

    .tcw-reviews-section .client-review-video {
      width: 100%;
      height: 100%;
      max-width: none;
      border-radius: 30px;
      object-fit: cover;
      object-position: center;
      background: #000;
      display: block;
    }

    .tcw-reviews-section .tcw-review-arrow {
      width: 52px;
      height: 52px;
      border: 0;
      background: rgba(232, 232, 237, 0.94);
      color: #475569;
      box-shadow: none;
    }

    .tcw-reviews-section .tcw-review-arrow:hover {
      background: #d2d2d7;
      color: #020617;
      transform: translateY(-50%) scale(1.04);
      box-shadow: none;
    }

    .tcw-reviews-section .tcw-review-arrow[hidden] {
      display: none;
    }

    .tcw-reviews-section .tcw-review-prev {
      left: 16px;
    }

    .tcw-reviews-section .tcw-review-next {
      right: 20px;
    }

    .tcw-review-empty {
      width: min(560px, calc(100vw - 40px));
      padding: 32px;
      border-radius: 26px;
      background: #f5f5f7;
      color: #475569;
      font-weight: 700;
      text-align: center;
    }

    @media (max-width: 991px) {
      .tcw-reviews-section .tcw-review-stage {
        padding-left: 0;
      }

      .tcw-reviews-section .tcw-review-slider-wrap {
        --tcw-review-edge: 18px;
      }

      .tcw-reviews-section .tcw-review-slide {
        flex-basis: clamp(250px, 42vw, 330px);
      }

      .tcw-reviews-section .client-video-card,
      .tcw-reviews-section .client-video-card.is-featured {
        height: 480px !important;
        max-height: 480px !important;
      }
    }

    @media (max-width: 575px) {
      .tcw-reviews-section .tcw-review-stage {
        padding-left: 0;
      }

      .tcw-reviews-section .tcw-review-slider-wrap {
        --tcw-review-edge: 0px;
      }

      .tcw-reviews-section .tcw-review-slide {
        flex-basis: min(86vw, 330px);
      }

      .tcw-reviews-section .tcw-review-slider {
        padding-left: max(7vw, calc((100vw - 330px) / 2));
      }

      .tcw-reviews-section .client-video-card,
      .tcw-reviews-section .client-video-card.is-featured {
        height: 430px !important;
        max-height: 430px !important;
        border-radius: 26px;
      }

      .tcw-reviews-section .client-review-video {
        border-radius: 26px;
      }

      .tcw-reviews-section .tcw-review-arrow {
        width: 42px;
        height: 42px;
      }
    }

/* Source: resources/views/website/contact.blade.php */
.tcw-contact-form-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    overflow: hidden;
    border-radius: 28px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
  }

  .tcw-contact-form-shell .cs-contact_left,
  .tcw-contact-form-shell .cs-contact_right {
    width: 100%;
    min-height: 720px;
    height: 100%;
    box-sizing: border-box;
  }

  .tcw-contact-form-shell .cs-contact_left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
    height: auto;
    padding: 42px 38px;
    border-radius: 28px 0 0 28px;
  }

  .tcw-contact-form-shell .service-card {
    margin-top: 0;
    height: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0px 0px 24px;
    width: 100%;
    box-sizing: border-box;
  }

  .tcw-contact-form-shell .cs-contact_right {
    display: flex;
    align-items: stretch;
    background: #f9fafb !important;
    padding: 40px !important;
    border-radius: 0 28px 28px 0;
  }

  .tcw-contact-form-shell .cs-contact_info_wrap,
  .tcw-contact-form-shell .cs-social_btns_wrap {
    width: 100%;
  }

  .tcw-contact-form-shell .tcw-form_intro {
    margin-bottom: 1.4rem;
  }

  .tcw-contact-form-shell .tcw-form_badge {
    align-self: center;
    justify-content: center;
    min-width: 220px;
    padding: 12px 22px;
    margin: 0 auto 18px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(56, 189, 248, 0.18), rgba(56, 189, 248, 0.08));
    color: #2563EB;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-align: center;
  }

  .tcw-contact-form-shell .alert-success {
    text-align: left;
  }

  .tcw-contact-form-shell .alert-danger {
    margin-bottom: 20px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
  }

  .tcw-contact-form-shell .alert-danger ul {
    margin: 0;
    padding-left: 18px;
  }

  .tcw-contact-form-shell .is-invalid {
    border-color: #ef4444 !important;
    background-color: #fff !important;
  }

  .tcw-contact-form-shell .field-error {
    display: block;
    margin: -8px 0 14px;
    color: #dc2626;
    font-size: 0.86rem;
    line-height: 1.4;
  }

  @media (max-width: 991px) {
    .tcw-contact-form-shell {
      display: grid;
      grid-template-columns: 1fr;
      border-radius: 24px;
    }

    .tcw-contact-form-shell .cs-contact_left,
    .tcw-contact-form-shell .cs-contact_right {
      width: 100%;
      min-height: auto;
    }

    .tcw-contact-form-shell .cs-contact_left {
      padding: 28px 24px;
      border-radius: 24px 24px 0 0;
    }

    .tcw-contact-form-shell .cs-contact_right {
      /* border-radius: 0 0 24px 24px; */
      padding: 0 !important;
    }

    .tcw-contact-form-shell .service-card {
      width: 100%;
      border-radius: 0 0 24px 24px;
      box-shadow: none;
      margin-bottom:20px;
    }

    .tcw-contact-form-shell .tcw-form_badge {
      min-width: 0;
      width: 100%;
      max-width: 280px;
    }
  }

/* Source: resources/views/website/case-studies.blade.php */
.case-study-grid {
      row-gap: 12px;
    }

    .case-study-card {
      display: flex;
      flex-direction: column;
      height: 100%;
      min-height: 520px;
      border: 1px solid rgba(226, 232, 240, 0.9);
      border-radius: 24px;
      background: #ffffff;
      overflow: hidden;
      box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08);
      transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
    }

    .case-study-card:hover {
      transform: translateY(-6px);
      border-color: rgba(56, 189, 248, 0.32);
      box-shadow: 0 28px 60px rgba(15, 23, 42, 0.12);
    }

    .case-study-card_media {
      position: relative;
      height: 230px;
      background: #F8FAFC;
      overflow: hidden;
    }

    .case-study-card_media img,
    .case-study-card_placeholder {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      object-fit: cover;
    }

    .case-study-card_placeholder {
      background:
        linear-gradient(135deg, rgba(56, 189, 248, 0.9), rgba(15, 23, 42, 0.88)),
        #38BDF8;
      color: #ffffff;
      font-size: 54px;
    }

    .case-study-card_badge {
      position: absolute;
      left: 18px;
      top: 18px;
      display: inline-flex;
      max-width: calc(100% - 36px);
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.92);
      color: #0F172A;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .case-study-card_body {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 26px;
    }

    .case-study-card_result {
      width: fit-content;
      margin-bottom: 16px;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(56, 189, 248, 0.12);
      color: #2563EB;
      font-size: 13px;
      font-weight: 800;
    }

    .case-study-card_title {
      margin: 0 0 12px;
      color: #020617;
      font-size: 24px;
      line-height: 1.2;
      font-weight: 800;
    }

    .case-study-card_text {
      display: -webkit-box;
      margin: 0 0 22px;
      color: #475569;
      font-size: 15px;
      line-height: 1.7;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .case-study-card_link {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      width: fit-content;
      margin-top: auto;
      color: #2563EB;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .case-study-empty {
      padding: 34px;
      border: 1px solid rgba(226, 232, 240, 0.9);
      border-radius: 24px;
      background: #ffffff;
      color: #475569;
      text-align: center;
      font-weight: 700;
    }

    @media (max-width: 991px) {
      .case-study-card {
        min-height: 480px;
      }
    }

    @media (max-width: 575px) {
      .case-study-card {
        min-height: 0;
        border-radius: 20px;
      }

      .case-study-card_media {
        height: 200px;
      }

      .case-study-card_body {
        padding: 22px;
      }

      .case-study-card_title {
        font-size: 21px;
      }
    }

/* Source: resources/views/website/industries.blade.php */
.industry-card_media {
      background:
        linear-gradient(135deg, rgba(56, 189, 248, 0.9), rgba(15, 23, 42, 0.88)),
        #38BDF8;
    }

    .industry-card_icon {
      background: transparent;
    }

    .industry-card_icon img {
      width: 96px;
      height: 96px;
      object-fit: contain;
      filter: drop-shadow(0 18px 28px rgba(15, 23, 42, 0.24));
    }

    @media (max-width: 575px) {
      .industry-card_icon img {
        width: 82px;
        height: 82px;
      }
    }

/* Source: resources/views/website/portfolio-details.blade.php */
.tcw-portfolio-detail-hero-img,
.tcw-portfolio-detail-img {
      width: 100%;
      display: block;
      object-fit: cover;
      object-position: center;
    }

    .tcw-portfolio-mobile-slider {
      display: none;
    }

    @media (max-width: 991px) {
      .tcw-portfolio-detail-page {
        width: min(720px, calc(100% - 24px));
        padding: 0;
      }

      .tcw-portfolio-detail-page > .cs-height_50,
      .tcw-portfolio-detail-page > .cs-height_lg_40 {
        height: 26px;
      }

      .tcw-portfolio-detail-hero-img {
        height: 340px;
        border-radius: 26px;
        box-shadow: 0 20px 44px rgba(15, 23, 42, 0.12);
      }

      .tcw-portfolio-detail-section {
        gap: 22px;
      }

      .tcw-portfolio-detail-img {
        height: 300px;
        border-radius: 24px;
        box-shadow: 0 18px 38px rgba(15, 23, 42, 0.1);
      }

      .tcw-portfolio-detail-copy,
      .tcw-portfolio-detail-meta .cs-vertical_middle_in {
        padding: 24px;
        border: 1px solid rgba(226, 232, 240, 0.9);
        border-radius: 24px;
        background: #fff;
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
      }

      .tcw-portfolio-detail-copy h2 {
        margin-bottom: 14px;
        color: #020617;
        font-size: 30px;
        line-height: 1.18;
      }

      .tcw-portfolio-detail-text {
        color: #475569;
        font-size: 16px;
        line-height: 1.8;
      }

      .tcw-portfolio-detail-meta .cs-details_list.cs-style1 li {
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
        gap: 12px;
        padding: 13px 0;
        border-bottom: 1px solid rgba(226, 232, 240, 0.85);
      }

      .tcw-portfolio-detail-meta .cs-details_list.cs-style1 li:last-child {
        border-bottom: 0;
      }

      .tcw-portfolio-detail-meta .cs-details_list.cs-style1 .cs-list_title {
        min-width: 0;
        margin-right: 0;
        padding-right: 0;
      }

      .tcw-portfolio-detail-meta .cs-details_list.cs-style1 .cs-list_title::after {
        display: none;
      }

      .tcw-portfolio-detail-meta .cs-list_text,
      .tcw-portfolio-detail-meta .cs-list_text a {
        min-width: 0;
        overflow-wrap: anywhere;
        color: #0F172A;
      }

      .tcw-portfolio-detail-meta .cs-btn {
        width: 100%;
        justify-content: center;
      }
    }

    @media (max-width: 575px) {
      .tcw-portfolio-detail-page {
        width: calc(100% - 24px);
      }

      .tcw-portfolio-detail-hero-img,
      .tcw-portfolio-detail-secondary-media {
        display: none;
      }

      .tcw-portfolio-mobile-slider {
        display: flex;
        gap: 14px;
        margin: 0 -12px;
        padding: 0 12px 10px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }

      .tcw-portfolio-mobile-slider::-webkit-scrollbar {
        display: none;
      }

      .tcw-portfolio-mobile-slide {
        flex: 0 0 100%;
        scroll-snap-align: center;
      }

      .tcw-portfolio-mobile-slide img {
        width: 100%;
        height: 240px;
        display: block;
        object-fit: cover;
        object-position: center;
        border-radius: 16px;
      }

      .tcw-portfolio-detail-page > .cs-height_50,
      .tcw-portfolio-detail-page > .cs-height_lg_40 {
        height: 22px;
      }

      .tcw-portfolio-detail-section {
        gap: 16px;
      }

      .tcw-portfolio-detail-hero-img {
        height: 240px;
        border-radius: 16px;
        box-shadow: none;
      }

      .tcw-portfolio-detail-img {
        height: 240px;
        border-radius: 16px;
        box-shadow: none;
      }

      .tcw-portfolio-detail-copy,
      .tcw-portfolio-detail-meta .cs-vertical_middle_in {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      .tcw-portfolio-detail-copy h2 {
        margin-bottom: 12px;
        font-size: 26px;
      }

      .tcw-portfolio-detail-copy h2 svg,
      .tcw-related-portfolio-grid svg {
        display: none;
      }

      .tcw-portfolio-detail-text {
        font-size: 15px;
        line-height: 1.75;
      }

      .tcw-portfolio-detail-meta .cs-details_list.cs-style1 li {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 10px;
        padding: 12px 0;
      }

      .tcw-portfolio-detail-meta .cs-details_list.cs-style1 .cs-list_title span {
        display: inline;
        padding: 0;
        border-radius: 0;
        background: transparent;
        font-size: 12px;
      }

      .tcw-related-portfolio-grid .cs-portfolio.cs-style3.cs-type1 {
        padding: 14px;
        border: 1px solid rgba(226, 232, 240, 0.9);
        border-radius: 22px;
        background: #fff;
        box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
      }

      .tcw-related-portfolio-grid .cs-portfolio_img img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        border-radius: 16px;
      }

      .tcw-related-portfolio-grid .cs-portfolio_title {
        position: static !important;
        margin: 14px 0 0;
        padding: 0;
        background: transparent;
        box-shadow: none;
        color: #020617;
        font-size: 20px;
        text-align: center;
      }
    }

/* Source: resources/views/partials/website/review-slider.blade.php */
.tcw-reviews-section .tcw-review-stage {
        width: 100%;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
      }

      .tcw-reviews-section .tcw-review-slider-wrap {
        --tcw-review-edge: max(20px, calc((100vw - 1180px) / 2));
        position: relative;
        overflow: hidden;
        padding: 10px var(--tcw-review-edge) 28px;
      }

      .tcw-reviews-section .tcw-review-slider {
        display: flex;
        gap: 22px;
        align-items: stretch;
        transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
        will-change: transform;
      }

      .tcw-reviews-section .tcw-review-slide {
        flex: 0 0 clamp(270px, 27vw, 360px);
        min-width: 0;
      }

      .tcw-reviews-section .client-video-card,
      .tcw-reviews-section .client-video-card.is-featured {
        position: relative;
        height: 520px !important;
        max-height: 520px !important;
        min-height: 0 !important;
        padding: 0;
        border: 0;
        border-radius: 30px;
        background: #f5f5f7;
        color: #fff;
        overflow: hidden;
        box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14);
        transition: transform 0.28s ease, box-shadow 0.28s ease;
      }

      .tcw-reviews-section .client-video-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 28px 60px rgba(15, 23, 42, 0.18);
      }

      .tcw-reviews-section .client-video-card::after,
      .tcw-reviews-section .client-video-copy {
        display: none;
      }

      .tcw-reviews-section .client-video-media {
        position: absolute;
        inset: 0;
        display: block;
        margin: 0;
        min-height: 0;
      }

      .tcw-reviews-section .client-review-video,
      .tcw-reviews-section .client-video-media img {
        width: 100%;
        height: 100%;
        max-width: none;
        border-radius: 30px;
        object-fit: cover;
        object-position: center;
        background: #000;
        display: block;
      }

      .tcw-reviews-section .tcw-review-arrow {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        border: 0;
        border-radius: 50%;
        background: rgba(232, 232, 237, 0.94);
        color: #475569;
        box-shadow: none;
        transform: translateY(-50%);
        transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
      }

      .tcw-reviews-section .tcw-review-arrow:hover {
        background: #d2d2d7;
        color: #020617;
        transform: translateY(-50%) scale(1.04);
      }

      .tcw-reviews-section .tcw-review-arrow[hidden] {
        display: none;
      }

      .tcw-reviews-section .tcw-review-prev {
        left: 16px;
      }

      .tcw-reviews-section .tcw-review-next {
        right: 20px;
      }

      .tcw-review-empty {
        width: min(560px, calc(100vw - 40px));
        padding: 32px;
        border-radius: 26px;
        background: #f5f5f7;
        color: #475569;
        font-weight: 700;
        text-align: center;
      }

      @media (max-width: 991px) {
        .tcw-reviews-section .tcw-review-slider-wrap {
          --tcw-review-edge: 18px;
        }

        .tcw-reviews-section .tcw-review-slide {
          flex-basis: clamp(250px, 42vw, 330px);
        }

        .tcw-reviews-section .client-video-card,
        .tcw-reviews-section .client-video-card.is-featured {
          height: 480px !important;
          max-height: 480px !important;
        }
      }

      @media (max-width: 575px) {
        .tcw-reviews-section .tcw-review-slider-wrap {
          --tcw-review-edge: 0px;
        }

        .tcw-reviews-section .tcw-review-slide {
          flex-basis: min(86vw, 330px);
        }

        .tcw-reviews-section .tcw-review-slider {
          padding-left: max(7vw, calc((100vw - 330px) / 2));
        }

        .tcw-reviews-section .client-video-card,
        .tcw-reviews-section .client-video-card.is-featured {
          height: 430px !important;
          max-height: 430px !important;
          border-radius: 26px;
        }

        .tcw-reviews-section .client-review-video {
          border-radius: 26px;
        }

        .tcw-reviews-section .tcw-review-arrow {
          width: 42px;
          height: 42px;
        }
      }

/* Source: resources/views/partials/website/blog-slider.blade.php */
.tcw-blog-rail {
        width: 100%;
        max-width: none;
      }

      .tcw-blog-rail_wrap {
        --tcw-blog-edge: max(20px, calc((100vw - 1180px) / 2));
        position: relative;
        overflow: hidden;
        padding: 10px var(--tcw-blog-edge) 28px;
      }

      .tcw-blog-rail_track {
        display: flex;
        gap: 22px;
        align-items: stretch;
        transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        will-change: transform;
      }

      .tcw-blog-rail_slide {
        flex: 0 0 clamp(270px, 27vw, 360px);
        min-width: 0;
      }

      .tcw-blog-card {
        position: relative;
        display: block;
        height: 520px;
        overflow: hidden;
        border-radius: 30px;
        background: #f5f5f7;
        box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14);
        transition: transform 0.28s ease, box-shadow 0.28s ease;
      }

      .tcw-blog-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 28px 60px rgba(15, 23, 42, 0.18);
      }

      .tcw-blog-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
      }

      .tcw-blog-card::after {
        display: none;
      }

      .tcw-blog-card_content {
        display: none;
      }

      .tcw-blog-rail_arrow {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        border: 0;
        border-radius: 50%;
        background: rgba(232, 232, 237, 0.94);
        color: #475569;
        cursor: pointer;
        transform: translateY(-50%);
        transition: background 0.25s, color 0.25s, transform 0.25s;
      }

      .tcw-blog-rail_arrow:hover {
        background: #d2d2d7;
        color: #020617;
        transform: translateY(-50%) scale(1.04);
      }

      .tcw-blog-rail_arrow[hidden] {
        display: none;
      }

      .tcw-blog-rail_prev {
        left: 16px;
      }

      .tcw-blog-rail_next {
        right: 20px;
      }

      .tcw-blog-rail_empty {
        width: min(560px, calc(100vw - 40px));
        padding: 32px;
        border-radius: 26px;
        background: #f5f5f7;
        color: #475569;
        font-weight: 700;
        text-align: center;
      }

      @media (max-width: 991px) {
        .tcw-blog-rail_wrap {
          --tcw-blog-edge: 18px;
        }

        .tcw-blog-rail_slide {
          flex-basis: clamp(250px, 42vw, 330px);
        }

        .tcw-blog-card {
          height: 480px;
        }
      }

      @media (max-width: 575px) {
        .tcw-blog-rail_wrap {
          --tcw-blog-edge: 0px;
        }

        .tcw-blog-rail_slide {
          flex-basis: min(86vw, 330px);
        }

        .tcw-blog-rail_track {
          padding-left: max(7vw, calc((100vw - 330px) / 2));
        }

        .tcw-blog-card {
          height: 430px;
          border-radius: 26px;
        }

      .tcw-blog-rail_arrow {
          width: 42px;
          height: 42px;
        }
      }

/* Client reviews rail: match the home blog rail sliding behavior */
.tcw-reviews-section .tcw-review-stage {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.tcw-reviews-section .tcw-review-slider-wrap {
  --tcw-review-edge: max(20px, calc((100vw - 1180px) / 2));
  position: relative;
  overflow: hidden;
  padding: 10px var(--tcw-review-edge) 28px;
}

.tcw-reviews-section .tcw-review-slider {
  display: flex;
  gap: 22px;
  align-items: stretch;
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

.tcw-reviews-section .tcw-review-slide {
  flex: 0 0 clamp(270px, 27vw, 360px);
  min-width: 0;
}

.tcw-reviews-section .client-review-card,
.tcw-reviews-section .client-review-card.is-featured {
  height: 100%;
  min-height: 360px;
  border-radius: 30px;
}

.tcw-reviews-section .tcw-review-arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 50%;
  background: rgba(232, 232, 237, 0.94);
  color: #475569;
  cursor: pointer;
  box-shadow: none;
  transform: translateY(-50%);
  transition: background 0.25s, color 0.25s, transform 0.25s;
}

.tcw-reviews-section .tcw-review-arrow:hover {
  background: #d2d2d7;
  color: #020617;
  transform: translateY(-50%) scale(1.04);
  box-shadow: none;
}

.tcw-reviews-section .tcw-review-arrow[hidden] {
  display: none;
}

.tcw-reviews-section .tcw-review-prev {
  left: 16px;
}

.tcw-reviews-section .tcw-review-next {
  right: 20px;
}

@media (max-width: 991px) {
  .tcw-reviews-section .tcw-review-slider-wrap {
    --tcw-review-edge: 18px;
  }

  .tcw-reviews-section .tcw-review-slide {
    flex-basis: clamp(250px, 42vw, 330px);
  }

  .tcw-reviews-section .client-review-card,
  .tcw-reviews-section .client-review-card.is-featured {
    min-height: 340px;
  }
}

@media (max-width: 575px) {
  .tcw-reviews-section .tcw-review-slider-wrap {
    --tcw-review-edge: 0px;
  }

  .tcw-reviews-section .tcw-review-slide {
    flex-basis: min(86vw, 330px);
  }

  .tcw-reviews-section .tcw-review-slider {
    padding-left: max(7vw, calc((100vw - 330px) / 2));
  }

  .tcw-reviews-section .client-review-card,
  .tcw-reviews-section .client-review-card.is-featured {
    min-height: 320px;
    border-radius: 26px;
  }

  .tcw-reviews-section .tcw-review-arrow {
    width: 42px;
    height: 42px;
  }
}

/* Source: resources/views/layouts/website.blade.php */
:root {
    --tcw-header-surface: rgba(255, 255, 255, 0.76);
    --tcw-header-border: rgba(148, 163, 184, 0.28);
    --tcw-header-shadow: 0 24px 60px rgba(15, 23, 42, 0.14);
    --tcw-brand: #020617;
    --tcw-text: #0F172A;
    --tcw-muted: #475569;
    --tcw-accent: #38BDF8;
    --tcw-accent-dark: #38BDF8;
    --tcw-accent-soft: rgba(56, 189, 248, 0.12);
  }

  a:hover,
  .cs-accent_color,
  .cs-accent_color_hover:hover,
  .cs-site_header.cs-style1 .current-menu-item > a,
  .cs-accordians.cs-style2 .cs-accordian_head:hover .cs-accordian_title,
  .cs-site_header.cs-style2 .cs-nav .cs-nav_list .current-menu-item > a,
  .comment-list .reply a,
  .cs-tab_links.cs-style2 .active a,
  .cs-accent_color_2,
  .cs-accent_color_2_hover:hover,
  .cs-icon_box.cs-style2:hover .cs-add_btn,
  .cs-site_header.cs-style3 .cs-nav .cs-nav_list > li > a:hover,
  .cs-site_header.cs-style3 .cs-nav .cs-nav_list .current-menu-item > a,
  .cs-site_header.cs-style3 .cs-nav .cs-nav_list ul a:hover {
    color: #38BDF8;
  }

  .cs-accent_bg,
  .cs-accent_bg_hover:hover,
  .cs-pricing_table.cs-style2:hover .cs-pricing_btn,
  .cs-site_header.cs-style2 .cs-hamburger.active,
  .cs-tab_links.cs-style5 .active a,
  .cs-accent_bg_2,
  .cs-accent_bg_2_hover:hover,
  .cs-site_header.cs-style2.cs-sticky-active,
  .cs-team_member.cs-style4 .cs-member_social_toggle.active {
    background-color: #38BDF8;
  }

  .cs-accent_border,
  .cs-accent_border_hover:hover,
  .cs-nav .cs-nav_list ul,
  .cs-slider_nav .slick-current .cs-slider_mini_thumb,
  .cs-slider_nav_1 .slick-current .cs-slider_mini_thumb,
  .ui-slider .ui-state-active,
  .cs-accent_border_2,
  .cs-accent_border_2_hover:hover,
  .cs-team_member.cs-style8:hover .cs-member_image img,
  .ui-state-default,
  .ui-widget-content .ui-state-default {
    border-color: #38BDF8;
  }

  .cs-accent_10_bg,
  .cs-accent_10_bg_hover:hover,
  .cs-accent_10_bg_2,
  .cs-accent_10_bg_2_hover:hover,
  .cs-tab_links.cs-style1,
  .cs-nav .cs-nav_list ul a:hover,
  .cs-post_pagination.cs-style1 .page-numbers .page-number:hover,
  .cs-post_pagination.cs-style2 .page-numbers a.next {
    background-color: rgba(56, 189, 248, 0.1);
  }

  .cs-accent_10_border,
  .cs-accent_10_border_hover:hover,
  .comment-list .children,
  .comment-list .children .comment:not(:first-child),
  .cs-accent_10_border_2,
  .cs-accent_10_border_2_hover:hover {
    border-color: rgba(56, 189, 248, 0.1);
  }

  .cs-btn.cs-style6.cs-accent_bg .cs-btn_icon,
  .cs-btn.cs-style6.cs-accent_bg:hover .cs-btn_icon,
  .cs-btn.cs-style6.cs-accent_color .cs-btn_icon,
  .cs-btn.cs-style6.cs-accent_bg_2 .cs-btn_icon,
  .cs-btn.cs-style6.cs-accent_bg_2:hover .cs-btn_icon,
  .cs-btn.cs-style6.cs-accent_color_2 .cs-btn_icon,
  .cs-post_pagination.cs-style1 .page-numbers .page-number.current,
  .cs-post_pagination.cs-style2 .page-numbers a.next:hover,
  .cs-sidebar_widget_title::after,
  .ui-widget-header,
  .cs-checkbox label:after,
  .cs-radio label:after,
  .searchform:after,
  .tagcloud a:hover {
    background-color: #38BDF8;
  }

  .cs-post_pagination.cs-style1 .page-numbers .page-number.next,
  .cs-post_pagination.cs-style2 .page-numbers a.page-number:hover,
  .cs-post_pagination.cs-style2 .page-numbers .current,
  .cs-icon_box.cs-style7:hover .cs-icon_box_title,
  .cs-post_pagination.cs-style1 .page-numbers .page-number:hover,
  .ui-slider .ui-state-active {
    color: #38BDF8;
  }

  .cs-checkbox input:checked + label:before,
  .cs-radio input:checked + label:before {
    border-color: #38BDF8;
  }

  .cs-portfolio.cs-style2 .cs-portfolio_info,
  [class*="cs-gradient_overlay_"]::after,
  .cs-team_member.cs-style3 .cs-member_info:after,
  .cs-team_member.cs-style3 .cs-member_btn,
  .cs-counter.cs-style3 .cs-counter_icon:after {
    background: linear-gradient(45deg, #38BDF8 0%, #38BDF8 100%);
  }

 

  .cs-icon_box.cs-style6:hover {
    box-shadow: 0 18px 40px rgba(56, 189, 248, 0.25);
  }



  .tcw-site-header {
    padding-top: 18px;
    background: transparent !important;
    box-shadow: none !important;
  }

  .tcw-site-header .cs-main_header {
    padding: 0 16px;
  }

  .tcw-site-header .cs-main_header_in {
    position: relative;
    z-index: 5;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 24px;
    width: min(1320px, 100%);
    min-height: 90px;
    margin: 0 auto;
    padding: 16px 24px !important;
    border: 1px solid var(--tcw-header-border);
    border-radius: 28px;
    background: var(--tcw-header-surface);
    backdrop-filter: blur(18px);
    box-shadow: var(--tcw-header-shadow);
    overflow: visible;
  }

  .tcw-site-header.cs-sticky-active {
    background: transparent !important;
    box-shadow: none !important;
  }

  .tcw-site-header.cs-sticky-active .cs-main_header_in {
    min-height: 82px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.12);
  }

  .tcw-site-header .cs-main_header_left,
  .tcw-site-header .cs-main_header_center,
  .tcw-site-header .cs-main_header_right {
    position: static !important;
    transform: none !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
  }

  .tcw-site-header .cs-main_header_left,
  .tcw-site-header .cs-main_header_right {
    flex: 0 0 auto !important;
  }

  .tcw-site-header .cs-main_header_center {
    flex: 1 1 auto !important;
    justify-content: center !important;
    min-width: 0;
  }

  .tcw-site-header .cs-main_header_right {
    gap: 14px;
  }

  .tcw-brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: var(--tcw-brand);
  }

  .tcw-brand img {
    width: 190px;
    height: 88px;
    object-fit: contain;
    flex: 0 0 auto;
  }

  .tcw-brand_copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
  }

  .tcw-brand_title {
    color: var(--tcw-brand);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.01em;
  }

  .tcw-brand_tag {
    color: var(--tcw-muted);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .tcw-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--tcw-accent-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .tcw-eyebrow::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--tcw-accent), var(--tcw-accent-dark));
    box-shadow: 0 0 0 6px rgba(56, 189, 248, 0.12);
  }

  .tcw-nav {
    width: 100%;
  }

  .tcw-nav_list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .tcw-nav_item {
    position: relative;
  }

  .tcw-nav_item > a,
  .tcw-dropdown_link_group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 14px;
    color: var(--tcw-text);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
  }

  .tcw-dropdown_link_group {
    padding-right: 8px;
  }

  .tcw-dropdown_link_group > a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    line-height: inherit;
  }

  .tcw-dropdown_toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font-size: 0.62rem;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
  }

  .tcw-dropdown_toggle:hover,
  .tcw-dropdown_toggle:focus-visible {
    background: rgba(255, 255, 255, 0.22);
    outline: none;
  }

  .tcw-has_dropdown.is-open .tcw-dropdown_toggle {
    transform: rotate(180deg);
  }

  .tcw-nav_item:hover > a,
  .tcw-nav_item:hover > .tcw-dropdown_link_group,
  .tcw-nav_item:focus-within > a,
  .tcw-nav_item:focus-within > .tcw-dropdown_link_group,
  .tcw-nav_item.is-active > a,
  .tcw-nav_item.is-active > .tcw-dropdown_link_group,
  .tcw-nav_item.is-open > .tcw-dropdown_link_group {
    color: #ffffff;
    background: linear-gradient(135deg, var(--tcw-accent) 0%, var(--tcw-accent-dark) 100%);
    box-shadow: 0 16px 28px rgba(56, 189, 248, 0.18);
  }

  .tcw-mega_panel {
    position: absolute;
    top: calc(100% + 18px);
    left: 50%;
    width: min(760px, calc(100vw - 36px));
    padding: 24px;
    max-height: min(72vh, 620px);
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.16);
    transform: translate(-50%, 14px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
  }

  .tcw-has_dropdown.is-open .tcw-mega_panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
  }

  .tcw-mega_intro h3 {
    margin: 12px 0 10px;
    color: var(--tcw-brand);
    font-size: 1.55rem;
    line-height: 1.2;
  }

  .tcw-services_menu {
    display: grid;
    grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.4fr);
    gap: 22px;
    align-items: start;
  }

  .tcw-services_intro {
    padding: 10px 6px 10px 0;
  }

  .tcw-services_intro_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
  }

  .tcw-services_primary_link,
  .tcw-services_secondary_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 18px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .tcw-services_primary_link {
    background: linear-gradient(135deg, var(--tcw-accent) 0%, var(--tcw-accent-dark) 100%);
    color: #ffffff;
    box-shadow: 0 16px 30px rgba(56, 189, 248, 0.2);
  }

  .tcw-services_secondary_link {
    border: 1px solid rgba(148, 163, 184, 0.3);
    background: rgba(248, 250, 252, 0.9);
    color: var(--tcw-brand);
  }

  .tcw-services_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    max-height: calc(min(72vh, 620px) - 48px);
    padding-right: 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(56, 189, 248, 0.55) rgba(148, 163, 184, 0.16);
  }

  .tcw-services_list::-webkit-scrollbar {
    width: 8px;
  }

  .tcw-services_list::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.14);
  }

  .tcw-services_list::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(56, 189, 248, 0.9), rgba(56, 189, 248, 0.55));
  }

  .tcw-services_list::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(56, 189, 248, 1), rgba(56, 189, 248, 0.68));
  }

  .tcw-service_item {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    align-items: start;
    min-height: 100%;
    padding: 18px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #F1F5F9 100%);
    color: var(--tcw-text);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
  }

  .tcw-service_item:hover {
    transform: translateY(-3px);
    border-color: rgba(56, 189, 248, 0.35);
    background: linear-gradient(180deg, rgba(56, 189, 248, 0.08) 0%, rgba(56, 189, 248, 0.02) 100%);
    box-shadow: 0 18px 34px rgba(56, 189, 248, 0.12);
  }

  .tcw-service_icon,
  .tcw-mobile_sublink_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: rgba(56, 189, 248, 0.12);
    color: var(--tcw-accent-dark);
    font-size: 1rem;
    flex: 0 0 auto;
  }

  .tcw-service_icon img,
  .tcw-mobile_sublink_icon img {
    width: 26px;
    height: 26px;
    object-fit: contain;
  }

  .tcw-service_content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
  }

  .tcw-service_label {
    color: var(--tcw-accent-dark);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .tcw-service_title {
    color: var(--tcw-brand);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
  }

  .tcw-service_text {
    color: var(--tcw-muted);
    font-size: 0.9rem;
    line-height: 1.65;
  }

  .tcw-service_arrow {
    color: var(--tcw-accent-dark);
    font-size: 0.95rem;
    padding-top: 4px;
  }

  .tcw-mega_intro p,
  .tcw-mega_footer span,
  .tcw-mobile_cta_wrap p {
    margin: 0;
    color: var(--tcw-muted);
    font-size: 0.95rem;
    line-height: 1.6;
  }

  .tcw-mega_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 20px;
  }

  .tcw-mega_card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 180px;
    padding: 20px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #F1F5F9 100%);
    color: var(--tcw-text);
  }

  .tcw-mega_card:hover {
    transform: translateY(-3px);
    border-color: rgba(56, 189, 248, 0.3);
    box-shadow: 0 18px 34px rgba(56, 189, 248, 0.12);
  }

  .tcw-mega_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: var(--tcw-accent-soft);
    color: var(--tcw-accent-dark);
    font-size: 1.1rem;
  }

  .tcw-mega_title,
  .tcw-mobile_sublink_title {
    color: var(--tcw-brand);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
  }

  .tcw-mega_text,
  .tcw-mobile_sublink_text {
    color: var(--tcw-muted);
    font-size: 0.9rem;
    line-height: 1.65;
  }

  .tcw-mega_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(226, 232, 240, 0.95);
  }

  .tcw-mega_footer a,
  .tcw-header_pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--tcw-accent-dark);
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  .tcw-header_actions {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .tcw-header_pill {
    padding: 12px 16px;
    border-radius: 999px;
    background: var(--tcw-accent-soft);
    white-space: nowrap;
  }

  .tcw-header_cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 24px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--tcw-accent) 0%, var(--tcw-accent-dark) 100%);
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 18px 34px rgba(56, 189, 248, 0.22);
  }

  .tcw-header_cta_secondary {
    border: 1px solid rgba(56, 189, 248, 0.3);
    background: rgba(255, 255, 255, 0.82);
    color: var(--tcw-accent-dark);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
  }

  .cs-btn.cs-style6.cs-accent_bg,
  .tcw-header_cta,
  .service-card button,
  .view-all {
    transition:
      transform 0.22s ease,
      box-shadow 0.22s ease,
      background-color 0.22s ease,
      border-color 0.22s ease,
      color 0.22s ease;
    will-change: transform;
  }

  .cs-btn.cs-style6.cs-accent_bg:hover,
  .tcw-header_cta:hover,
  .service-card button:hover,
  .view-all:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 38px rgba(56, 189, 248, 0.28);
  }

  .tcw-header_cta:hover,
  .service-card button:hover {
    background: transparent;
    color: #38BDF8;
    border-color: #38BDF8;
  }

  .tcw-header_cta_secondary:hover {
    background: transparent;
    color: #38BDF8;
    border-color: #38BDF8;
    box-shadow: 0 18px 30px rgba(56, 189, 248, 0.14);
  }

  .tcw-menu_toggle {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--tcw-accent-soft) 0%, rgba(56, 189, 248, 0.18) 100%);
    color: var(--tcw-brand);
  }

  .tcw-menu_toggle span {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform 0.25s ease, opacity 0.25s ease;
  }

  .tcw-menu_toggle.is-open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .tcw-menu_toggle.is-open span:nth-child(2) {
    opacity: 0;
  }

  .tcw-menu_toggle.is-open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .tcw-mobile_panel {
    display: none;
  }

  @media (max-width: 1279px) {
    .tcw-site-header .cs-main_header_in {
      gap: 18px;
      padding: 14px 18px !important;
    }

    .tcw-nav_item > a {
      padding: 11px 13px;
      font-size: 0.76rem;
    }

    .tcw-header_pill {
      display: none;
    }

    .tcw-services_menu {
      grid-template-columns: 1fr;
    }

    .tcw-services_intro {
      padding-right: 0;
    }

    .tcw-services_list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 1099px) {
    .tcw-brand_tag {
      display: none;
    }

    .tcw-nav_item > a {
      padding: 10px 11px;
      font-size: 0.72rem;
    }
  }

  @media (max-width: 991px) {
    .tcw-site-header {
      padding-top: 12px;
    }

    .tcw-site-header .cs-main_header {
      padding: 0 10px;
    }

    .tcw-site-header .cs-main_header_in {
      gap: 12px;
      min-height: 78px;
      padding: 12px 14px !important;
      border-radius: 22px;
    }

    .tcw-site-header .cs-main_header_center,
    .tcw-header_actions {
      display: none !important;
    }

    .tcw-brand img {
      height: 46px;
    }

    .tcw-mega_panel,
    .tcw-services_list {
      max-height: none;
      overflow: visible;
    }

    .tcw-brand_title {
      font-size: 0.92rem;
    }

    .tcw-menu_toggle,
    .tcw-mobile_panel {
      display: flex;
    }

    .tcw-mobile_panel {
      width: min(1320px, calc(100% - 20px));
      margin: 12px auto 0;
      padding: 10px;
      max-height: calc(100vh - 110px);
      border: 1px solid rgba(148, 163, 184, 0.2);
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 20px 48px rgba(15, 23, 42, 0.14);
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }

    .tcw-mobile_panel[hidden] {
      display: none;
    }

    .tcw-mobile_panel_inner {
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding: 8px;
    }

    .tcw-mobile_link,
    .tcw-mobile_group_toggle,
    .tcw-mobile_sublink {
      display: block;
      width: 100%;
      padding: 14px 16px;
      border: 0;
      border-radius: 18px;
      background: transparent;
      color: var(--tcw-text);
      text-align: left;
    }

    .tcw-mobile_link,
    .tcw-mobile_group_toggle {
      font-size: 0.95rem;
      font-weight: 800;
      letter-spacing: 0.03em;
      text-transform: uppercase;
    }

    .tcw-mobile_link.is-active,
    .tcw-mobile_group.is-open .tcw-mobile_group_toggle {
      background: var(--tcw-accent-soft);
      color: var(--tcw-accent-dark);
    }

    .tcw-mobile_group_toggle {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .tcw-mobile_group_toggle i {
      transition: transform 0.25s ease;
    }

    .tcw-mobile_group.is-open .tcw-mobile_group_toggle i {
      transform: rotate(45deg);
    }

    .tcw-mobile_group_body {
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding: 8px 0 0;
    }

    .tcw-mobile_group_body[hidden] {
      display: none;
    }

    .tcw-mobile_sublink {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 12px;
      align-items: start;
      border: 1px solid rgba(226, 232, 240, 0.95);
      background: #f8fafc;
    }

    .tcw-mobile_sublink_icon {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      font-size: 0.95rem;
    }

    .tcw-mobile_sublink_content {
      display: flex;
      flex-direction: column;
      gap: 4px;
      min-width: 0;
    }

    .tcw-mobile_sublink_title {
      display: block;
      margin-bottom: 4px;
    }

    .tcw-mobile_cta_wrap {
      margin-top: 6px;
      padding: 16px;
      border-radius: 20px;
      background: linear-gradient(180deg, rgba(56, 189, 248, 0.12) 0%, rgba(56, 189, 248, 0.04) 100%);
    }

    .tcw-header_cta_full {
      width: 100%;
      margin-top: 14px;
    }

    .service-card {
      margin-top: 50px;
    }
  }

  @media (max-width: 575px) {
    .tcw-site-header .cs-main_header {
      padding: 0 8px;
    }

    .tcw-site-header .cs-main_header_in {
      min-height: 68px;
      padding: 12px !important;
    }

    .tcw-site-header .cs-main_header_left {
      min-width: 0;
    }

    .tcw-brand {
      max-width: calc(100vw - 116px);
      min-width: 0;
      overflow: hidden;
    }

    .tcw-brand img {
      width: clamp(140px, 48vw, 176px);
      height: 54px;
      max-width: 100%;
      display: block;
      object-fit: contain;
      object-position: left center;
    }

    .tcw-brand_copy {
      gap: 2px;
    }

    .tcw-brand_tag {
      display: none;
    }

    .tcw-mega_footer {
      flex-direction: column;
      align-items: flex-start;
    }

    .tcw-services_list {
      grid-template-columns: 1fr;
    }

    .tcw-services_intro_actions {
      flex-direction: column;
    }

    .tcw-services_primary_link,
    .tcw-services_secondary_link {
      width: 100%;
    }
  }

  .tcw-landing-hero {
    position: relative;
    overflow: hidden;
    padding-top: 160px !important;
    padding-bottom: 120px !important;
    background-color: #E2E8F0;
  }

  .tcw-landing-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.7), transparent 34%),
      linear-gradient(115deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 247, 0.84) 45%, rgba(232, 244, 204, 0.7) 100%);
  }

  .tcw-landing-hero::after {
    content: "";
    position: absolute;
    right: -120px;
    top: 60px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.18) 0%, rgba(56, 189, 248, 0) 72%);
    pointer-events: none;
  }

  .tcw-landing-hero .container,
  .tcw-logo-strip,
  .tcw-service-band .container,
  .tcw-portfolio-section,
  .tcw-blog-section .container,
  .tcw-faq-section .container {
    position: relative;
    z-index: 1;
  }

  .tcw-hero_copy {
    max-width: 600px;
  }

  .tcw-hero_eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    margin-bottom: 22px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(255, 255, 255, 0.75);
    color: #2563EB;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
  }

  .tcw-hero_text_lead {
    max-width: 560px;
    margin: 24px 0 0;
    color: #475569;
    font-size: 18px;
    line-height: 1.8;
  }

  .tcw-hero_metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
    margin-bottom:10px;
  }

  .tcw-hero_metric {
    padding: 18px 18px 16px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06);
    backdrop-filter: blur(12px);
  }

  .tcw-hero_metric strong {
    display: block;
    margin-bottom: 6px;
    color: #020617;
    font-size: 28px;
    line-height: 1;
    font-weight: 800;
  }

  .tcw-hero_metric span {
    display: block;
    color: #475569;
    font-size: 13px;
    line-height: 1.5;
  }

  .tcw-hero_form_card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(18px);
  }

  .tcw-form_badge {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.12);
    color: #2563EB;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .tcw-form_intro {
    margin: -8px 0 22px;
    color: #475569;
    font-size: 15px;
    line-height: 1.7;
    text-align: center;
  }

  .tcw-logo-strip {
    margin-top: -54px !important;
    padding: 22px 24px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 25px 70px rgba(15, 23, 42, 0.08);
  }

  .cs-logo_carousel.cs-style1 img {
    width: 150px;
    height: 150px;
    object-fit: contain;
  }

  .tcw-service-band {
    position: relative;
    overflow: hidden;
    background:
      radial-gradient(circle at top left, rgba(56, 189, 248, 0.14), transparent 28%),
      radial-gradient(circle at bottom right, rgba(56, 189, 248, 0.1), transparent 24%),
      linear-gradient(135deg, #F1F5F9 0%, #E2E8F0 52%, #ffffff 100%);
  }

  /* .tcw-service-band::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.08) 100%),
      linear-gradient(90deg, rgba(56, 189, 248, 0.04) 0%, rgba(56, 189, 248, 0) 100%);
  }

  .tcw-service-band::after {
    content: "";
    position: absolute;
    inset: 24px;
    border: 1px solid rgba(56, 189, 248, 0.1);
    border-radius: 36px;
    pointer-events: none;
  } */

  .tcw-service-band .cs-section_title,
  .tcw-service-band .cs-section_subtitle {
    color: #020617;
  }

  .tcw-home-service-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    margin-bottom: 22px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.18), rgba(56, 189, 248, 0.05));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 18px 28px rgba(56, 189, 248, 0.12);
  }

  .tcw-home-service-icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
  }

  .tcw-home-services-grid {
    margin-left: -14px;
    margin-right: -14px;
    row-gap: 28px;
  }

  .tcw-home-services-grid > [class*="col-"] {
    padding-left: 14px;
    padding-right: 14px;
  }

  .tcw-service-band .tcw-feature-card {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(10px);
  }

  .tcw-service-band .tcw-feature-card .cs-icon_box_title {
    color: #020617;
    margin-bottom: 12px;
  }

  .tcw-service-band .tcw-feature-card .cs-icon_box_subtitle {
    color: #475569;
  }

  .tcw-why-section,
  .tcw-reviews-section,
  .tcw-blog-section,
  .tcw-faq-section {
    position: relative;
  }

  .tcw-why-section::before,
  .tcw-reviews-section::before,
  .tcw-blog-section::before,
  .tcw-faq-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 28%);
  }

  .tcw-feature-card {
    min-height: 100%;
    padding: 38px 34px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.18);
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.16);
    backdrop-filter: blur(12px);
    transform: translateY(0);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  }

  .tcw-feature-card:hover {
    transform: translateY(-8px);
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 28px 65px rgba(15, 23, 42, 0.18);
  }

  .tcw-feature-card .cs-icon_box_title {
    margin-bottom: 14px;
    font-size: 26px;
    line-height: 1.2;
  }

  .tcw-feature-card .cs-icon_box_subtitle {
    font-size: 16px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.9);
  }

  .tcw-home-services-grid .tcw-feature-card {
    height: 100%;
    padding: 34px 30px;
  }

  .tcw-feature-card-alt {
    background: #fff;
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
  }

  .tcw-feature-card-alt .cs-icon_box_title {
    color: #020617;
  }

  .tcw-feature-card-alt .cs-icon_box_subtitle {
    color: #475569;
  }

  .tcw-feature-card-alt .cs-icon_box_icon {
    width: 68px;
    height: 68px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.15), rgba(56, 189, 248, 0.03));
  }

  .tcw-portfolio-section {
    padding: 46px;
    border-radius: 34px;
    background: linear-gradient(135deg, #ffffff 0%, #F1F5F9 100%);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(226, 232, 240, 0.85);
    overflow: hidden;
  }

  .tcw-portfolio_copy .cs-section_text {
    max-width: 470px;
    color: #475569;
    line-height: 1.8;
  }

  .tcw-portfolio-section .cs-right_full_width {
    width: 100%;
    margin-left: 0;
  }

  .tcw-portfolio-action-mobile {
    display: none !important;
  }

  .service-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 28px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.14);
    border: 1px solid rgba(226, 232, 240, 0.9);
    position: relative;
    overflow: hidden;
  }

  .service-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 6px;
    background: linear-gradient(90deg, #38BDF8 0%, rgba(56, 189, 248, 0.2) 100%);
  }

  /* Mobile screen top margin */
  @media (max-width: 991px) {
    .service-card {
      margin-top: 50px;
    }
  }

  .form-title {
    text-align: center;
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 600;
    color: #020617;
    font-family: 'Archivo', sans-serif;
  }

  .service-card input,
  .service-card select {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    outline: none;
    font-size: 14px;
    transition: 0.3s;
    background-color: #f9fafb;
    font-family: 'Barlow', sans-serif;
  }

    .service-card input:focus,
    .service-card select:focus {
      border-color: #38BDF8;
      background-color: #fff;
    }

  .iti {
    width: 100%;
    margin-bottom: 15px;
    font-family: 'Barlow', sans-serif;
  }

  .phone-field-wrap {
    margin-bottom: 5px;
    position: relative;
    z-index: 5;
  }

  .phone-field-wrap:focus-within {
    z-index: 1000001;
  }

  .tcw-form-row {
    row-gap: 0;
  }

  .tcw-form-field {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 86px;
  }

  .tcw-form-field .phone-field-wrap {
    margin-bottom: 0;
  }

  .phone-field-wrap .iti,
  .phone-field-wrap .iti--allow-dropdown,
  .phone-field-wrap .iti--separate-dial-code {
    position: relative;
    width: 100%;
    z-index: inherit;
  }

  .phone-field-wrap .iti__country-list {
    z-index: 1000002 !important;
    max-height: 190px;
    border: 1px solid rgba(203, 213, 225, 0.95);
    border-radius: 12px;
    box-shadow: 0 20px 46px rgba(15, 23, 42, 0.18);
  }

  .phone-field-wrap .iti__country {
    line-height: 1.35;
    padding: 9px 12px;
  }

  .service-card:focus-within {
    overflow: visible;
  }

  .phone-field-wrap .iti__country-container,
  .phone-field-wrap .iti__flag-container {
    display: block;
    width: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    z-index: 3;
  }

  .phone-field-wrap .iti__selected-flag {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 45px;
  }

  .phone-field-wrap .iti__flag {
    display: block;
    flex: 0 0 auto;
  }

  .phone-field-wrap .iti input,
  .phone-field-wrap .iti input[type="tel"] {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .phone-field-wrap .iti--allow-dropdown input,
  .phone-field-wrap .iti--separate-dial-code input,
  .phone-field-wrap .iti--allow-dropdown input[type="tel"],
  .phone-field-wrap .iti--separate-dial-code input[type="tel"] {
    padding-left: 104px;
  }

  @media (max-width: 575px) {
    .phone-field-wrap .iti__flag-container {
      display: block !important;
      position: absolute;
      top: 0;
      bottom: 15px;
      left: 0;
      opacity: 1;
      visibility: visible;
    }

    .phone-field-wrap .iti__selected-flag {
      min-width: 92px;
      padding: 0 10px;
    }

    .phone-field-wrap .iti--allow-dropdown input,
    .phone-field-wrap .iti--separate-dial-code input,
    .phone-field-wrap .iti--allow-dropdown input[type="tel"],
    .phone-field-wrap .iti--separate-dial-code input[type="tel"] {
      padding-left: 104px !important;
    }
  }

  .service-card button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    padding: 14px;
    border: 1px solid #38BDF8;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--tcw-accent) 0%, var(--tcw-accent-dark) 100%);
    color: #fff;
    font-size: 0.84rem;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0.08em;
    font-family: 'Archivo', sans-serif;
    transition:
      transform 0.22s ease,
      box-shadow 0.22s ease,
      background-color 0.22s ease,
      border-color 0.22s ease,
      color 0.22s ease;
  }

  .service-card button:hover {
    background: transparent;
    color: #38BDF8;
    border-color: #38BDF8;
    transform: translateY(-2px);
    box-shadow: 0 22px 38px rgba(56, 189, 248, 0.28);
  }

  .alert-success {
    padding: 12px;
    margin-bottom: 20px;
    border-radius: 6px;
    background: #d1fae5;
    color: #065f46;
    font-size: 14px;
    text-align: center;
  }

  .alert-danger {
    padding: 14px 16px;
    margin-bottom: 20px;
    border-radius: 14px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 14px;
  }

  .is-invalid {
    border-color: #ef4444 !important;
    background-color: #fff !important;
  }

  .field-error {
    display: block;
    margin: 2px 0 10px;
    color: #dc2626;
    font-size: 0.86rem;
    line-height: 1.4;
  }

  .js-field-error {
    display: block;
    margin: 2px 0 10px;
    color: #dc2626;
    font-size: 0.86rem;
    line-height: 1.4;
  }

  .js-form-error-summary {
    margin-bottom: 20px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 14px;
    line-height: 1.5;
  }

/* SECTION */
.faq-section {
  /* max-width: 800px; */
  margin: 50px auto;
  padding: 20px;
}

/* HEADER */
.faq-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.faq-header h2 {
  font-size: 28px;
  margin: 0;
}

.view-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 10px 18px;
  border: 1px solid #38BDF8;
  background: linear-gradient(135deg, var(--tcw-accent) 0%, var(--tcw-accent-dark) 100%);
  color: #fff;
  border-radius: 999px;
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 18px 34px rgba(56, 189, 248, 0.22);
  min-height: 44px;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease;
}

.view-all:hover {
  background: transparent;
  color: #38BDF8;
  border-color: #38BDF8;
  transform: translateY(-2px);
  box-shadow: 0 22px 38px rgba(56, 189, 248, 0.28);
}

/* FAQ ITEM */
.faq-item {
  background: #fff;
  border-radius: 22px;
  margin-bottom: 15px;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.9);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

.faq-question {
  padding: 22px 24px;
  margin-bottom: 0;
  cursor: pointer;
  font-weight: bold;
  position: relative;
  color: #020617;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.9) 0%, rgba(255, 255, 255, 1) 100%);
}

.faq-question::after {
  content: "+";
  position: absolute;
  right: 20px;
  font-size: 20px;
  transition: 0.3s;
}

.faq-item.active .faq-question::after {
  content: "-";
}

/* ANSWER */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  transition: 0.4s ease;
}

.faq-answer-content,
.faq-answer p {
  margin: 0;
  color: #555;
  line-height: 1.65;
}

.faq-answer-content p {
  margin: 0 0 10px;
}

.faq-answer-content ul,
.faq-answer-content ol {
  margin: 10px 0 0;
  padding-left: 18px;
}

.faq-answer-content li {
  margin: 0 0 6px;
  padding-left: 2px;
}

.faq-answer-content li:last-child,
.faq-answer-content > *:last-child {
  margin-bottom: 0;
}

.faq-item.active .faq-answer {
  max-height: 500px;
  padding: 0px 20px 20px;
}

/* RESPONSIVE */
@media (max-width: 600px) {
  .faq-header h2 {
    font-size: 22px;
  }

  .view-all {
    font-size: 12px;
    padding: 6px 12px;
  }
}

    .service-section-bg {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }

    .client-video-reviews {
      background: #fff;
    }

    .client-video-card {
      height: 100%;
      padding: 22px;
      border: 1px solid rgba(15, 23, 42, 0.08);
      border-radius: 28px;
      background: #fff;
      box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
    }

    .client-review-video {
      width: 100%;
      display: block;
      border-radius: 14px;
      background: #000;
      aspect-ratio: 16 / 10;
      object-fit: cover;
    }

    .client-video-meta {
      padding-top: 18px;
    }

    .client-video-meta h3 {
      margin: 0 0 6px;
      font-size: 20px;
      color: #020617;
    }

  .client-video-meta p {
      margin: 0;
      color: #475569;
      font-size: 15px;
    }

    .tcw-footer {
      background: #fff;
      border-top: 1px solid rgba(148, 163, 184, 0.2);
    }

    .tcw-footer .cs-footer_bg {
      display: none;
    }

    .tcw-footer,
    .tcw-footer .cs-widget_title,
    .tcw-footer .menu a,
    .tcw-footer ul li,
    .tcw-footer .cs-social_btns a,
    .tcw-footer .cs-address_widgert,
    .tcw-footer .cs-address_widgert li {
      color: #020617;
    }

    .tcw-footer .menu a:hover,
    .tcw-footer .cs-social_btns a:hover {
      color: #38BDF8;
    }

    .tcw-footer .cs-footer_newsletter_input {
      background: #f8fafc;
      border: 1px solid rgba(148, 163, 184, 0.24);
      color: #020617;
    }

  .tcw-footer .cs-footer_newsletter_input::placeholder {
      color: #475569;
    }

    .tcw-newsletter-message,
    .tcw-newsletter-error {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      margin-top: 12px;
      padding: 10px 12px;
      border-radius: 12px;
      font-size: 13px;
      line-height: 1.4;
      font-weight: 700;
    }

    .tcw-newsletter-message {
      border: 1px solid rgba(56, 189, 248, 0.26);
      background: rgba(56, 189, 248, 0.11);
      color: #2563EB;
    }

    .tcw-newsletter-error {
      border: 1px solid rgba(220, 38, 38, 0.22);
      background: rgba(254, 242, 242, 0.92);
      color: #dc2626;
    }

    .home-portfolio-slider .cs-slide {
      height: auto;
      width: 100% !important;
    }

    .home-portfolio-slider {
      position: relative;
      padding-bottom: 0;
    }

    .home-portfolio-card {
      display: block;
      width: 100%;
      max-width: 100%;
      border-radius: 30px;
      overflow: hidden;
      background: #fff;
      border: 1px solid rgba(226, 232, 240, 0.88);
      box-shadow: none;
    }

    .home-portfolio-slider .cs-slider_container,
    .home-portfolio-slider .cs-slider_wrapper,
    .home-portfolio-slider .slick-list {
      overflow: hidden;
    }

    .home-portfolio-card .cs-portfolio_img {
      height: 420px;
      overflow: hidden;
      border-radius: 30px;
    }

    .home-portfolio-card .cs-portfolio_img img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: center;
    }

    .home-portfolio-card .cs-portfolio_title {
      left: 24px;
      right: 24px;
      bottom: 24px;
      width: auto;
      max-width: none;
      margin: 0;
      padding: 16px 22px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.96);
      font-size: 24px;
      box-shadow: none;
    }

    .home-portfolio-slider .cs-slider_arrows,
    .home-portfolio-slider .cs-pagination {
      display: none !important;
    }

    .home-portfolio-card .cs-link-icon,
    .home-portfolio-card .cs-player_btn,
    .home-portfolio-card .cs-video_open {
      display: none !important;
    }

    .cs-post.cs-style8 .cs-post_thumb {
      min-height: 420px;
      border-radius: 24px;
    }

    .cs-post.cs-style8,
    .cs-post.cs-style9 {
      padding: 18px;
      border-radius: 26px;
      background: #fff;
      border: 1px solid rgba(226, 232, 240, 0.88);
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
    }

    .cs-post.cs-style8 .cs-post_title,
    .cs-post.cs-style9 .cs-post_title {
      color: #020617;
    }

    .cs-post.cs-style9 .cs-post_thumb {
      flex: 0 0 140px;
      border-radius: 18px;
    }

    .cs-post.cs-style8 .cs-post_thumb .cs-post_thumb_in,
    .cs-post.cs-style9 .cs-post_thumb .cs-post_thumb_in {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    @media (max-width: 991px) {
      .tcw-landing-hero,
      .tcw-parallax-scene {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding-bottom: 42px !important;
      }

      .cs-hero.cs-style8.cs-type1 {
        height: 220px !important;
        min-height: 220px !important;
        padding-top: 58px !important;
        padding-bottom: 24px !important;
      }

      .cs-hero.cs-style8.cs-type1 .cs-hero_text {
        padding-top: 0 !important;
      }

      .cs-hero.cs-style8.cs-type1 .cs-down_btn {
        display: none;
      }

      .tcw-landing-hero .container,
      .tcw-landing-hero .row.align-items-center {
        height: auto;
      }

      .tcw-landing-hero .row.align-items-center {
        row-gap: 18px;
      }

      .tcw-logo-strip {
        margin-top: -30px !important;
        padding: 14px 16px;
        border-radius: 24px;
      }

      .service-section-bg {
        background-position: center top;
      }

      .service-section-bg .row.cs-gap_60 > div:not(:first-child),
      div[style*="background: #F1F5F9;"] .row.cs-gap_60 > div:not(:first-child),
      .client-video-reviews .row > div:not(:first-child) {
        margin-top: 24px;
      }

      .client-video-card {
        margin-bottom: 24px;
      }

      .home-portfolio-card .cs-portfolio_img {
        height: 320px;
      }

      .home-portfolio-slider {
        padding-bottom: 0;
      }

      .tcw-portfolio-section {
        padding: 24px;
        border-radius: 26px;
      }

      .home-portfolio-card {
        display: flex;
        flex-direction: column;
        width: min(100% - 28px, 420px);
        margin: 14px auto;
        padding: 16px;
        border: 1px solid rgba(226, 232, 240, 0.9);
        border-radius: 26px;
        background: #fff;
        box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
        overflow: visible;
      }

      .home-portfolio-card .cs-portfolio_img {
        height: 260px;
        border-radius: 20px;
      }

      .home-portfolio-card .cs-portfolio_title {
        position: static !important;
        width: 100%;
        margin: 16px 0 0;
        padding: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        color: #020617;
        text-align: center;
        font-size: 22px;
        line-height: 1.2;
      }

      .tcw-portfolio-action-desktop {
        display: none !important;
      }

      .tcw-portfolio-action-mobile {
        display: block !important;
        margin-top: 28px;
      }

      .cs-hero.cs-style8 {
        /* padding-top: 60px !important; */
        padding-bottom: 35px !important;
      }

      .cs-hero.cs-style8 .cs-hero_title {
        font-size: 40px;
        line-height: 1.15;
      }

      .tcw-hero_text_lead {
        font-size: 16px;
      }

      .tcw-hero_metrics {
        display: none;
      }

      .tcw-hero_copy .cs-hero_btns {
        display: none;
      }

      .cs-hero.cs-style8 .cs-hero_title br,
      .cs-section_title br,
      .cs-section_text br {
        display: none;
      }

      .service-card {
        padding: 24px 18px;
        margin-top: 24px;
      }

      .tcw-form-field {
        min-height: 0;
      }

      .tcw-feature-card {
        padding: 30px 24px;
      }

      .tcw-why-section .tcw-feature-card {
        margin: 14px 12px 14px 0;
      }

      .tcw-why-section .row.cs-gap_60 > [class*="col-"] {
        margin-top: 14px;
        margin-bottom: 14px;
      }

      .tcw-home-services-grid {
        margin-left: -10px;
        margin-right: -10px;
        row-gap: 20px;
      }

      .tcw-home-services-grid > [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
      }

      .cs-post_8_9_group {
        grid-template-columns: 1fr;
        gap: 24px;
      }

      .cs-post_8_9_group .cs-post.cs-style8 {
        grid-row: auto;
      }

      .faq-section {
        margin: 32px auto;
        padding: 0 0 12px;
      }

      .faq-section .row.align-items-center {
        row-gap: 16px;
      }

      .faq-section .row.align-items-center > div {
        width: 100%;
        text-align: left !important;
      }

      .tcw-footer .row > div:not(:last-child) {
        margin-bottom: 32px;
      }
    }

    @media (max-width: 575px) {
      .tcw-landing-hero {
        padding-top: 110px !important;
        padding-bottom: 34px !important;
      }

      .tcw-logo-strip {
        width: calc(100% - 28px);
        margin: 18px auto 32px !important;
        padding: 16px 12px;
        border-radius: 18px;
        overflow: hidden;
      }

      .tcw-logo-strip .cs-slider,
      .tcw-logo-strip .cs-slider_container,
      .tcw-logo-strip .slick-list {
        overflow: hidden;
      }

      .tcw-logo-strip .slick-track {
        display: flex;
        align-items: center;
      }

      .tcw-logo-strip .cs-slide,
      .tcw-logo-strip .slick-slide {
        min-height: 74px;
        display: flex !important;
        align-items: center;
        justify-content: center;
      }

      .tcw-logo-strip .cs-logo_carousel.cs-style1 {
        width: 100%;
        min-height: 74px;
      }

      .tcw-hero_eyebrow {
        font-size: 11px;
        letter-spacing: 0.12em;
      }

      .service-section-bg .row.cs-gap_60 > div:not(:first-child),
      div[style*="background: #F1F5F9;"] .row.cs-gap_60 > div:not(:first-child),
      .client-video-reviews .row > div:not(:first-child) {
        margin-top: 20px;
      }

      .cs-hero.cs-style8 .cs-hero_title {
        font-size: 32px;
      }

      .cs-hero.cs-style8.cs-type1 {
        height: 200px !important;
        min-height: 200px !important;
        padding-top: 52px !important;
        padding-bottom: 20px !important;
      }

      .cs-hero.cs-style8.cs-type1 .cs-hero_title {
        margin-bottom: 0;
        font-size: 30px;
        line-height: 1.15;
      }

      .cs-hero_btns .cs-btn {
        width: 100%;
        justify-content: center;
      }

      .tcw-feature-card .cs-icon_box_title {
        font-size: 22px;
      }

      .tcw-logo-strip .cs-logo_carousel.cs-style1 img {
        width: 62px;
        height: 62px;
        max-width: 100%;
      }

      .home-portfolio-card .cs-portfolio_img {
        height: 220px;
      }

      .home-portfolio-card {
        width: min(100% - 20px, 360px);
        margin: 12px auto;
        padding: 14px;
        border-radius: 24px;
      }

      .home-portfolio-card .cs-portfolio_title {
        position: static !important;
        font-size: 18px;
        padding: 0;
      }

      .client-video-card {
        padding: 14px;
      }

      .cs-post.cs-style8 .cs-post_thumb {
        min-height: 280px;
      }

      .cs-post.cs-style8,
      .cs-post.cs-style9 {
        padding: 14px;
        border-radius: 20px;
      }

      .cs-post.cs-style9 {
        display: block;
      }

      .cs-post.cs-style9 .cs-post_thumb {
        width: 100%;
        height: 220px;
        margin-bottom: 16px;
      }

      .faq-question {
        padding-right: 48px !important;
      }

      .view-all {
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }

      .tcw-footer .cs-height_115 {
        height: 70px;
      }
    }

/* Source: resources/views/partials/website/header.blade.php */
.cs-preloader,
.cs-preloader_bg {
    background-color: #000000 !important;
  }

.cs-preloader_in {
    width: 180px;
    height: 180px;
    padding: 18px;
    border-color: rgba(23, 104, 255, 0.34) !important;
    color: #1768ff;
  }

  .cs-preloader_in::after {
    margin-left: -90px;
    margin-top: -90px;
  }

  .cs-preloader_in img {
    width: 150px;
    height: 96px;
    object-fit: contain;
  }

.tcw-header_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid #38BDF8;
    border-radius: 50%;
    background: linear-gradient(135deg, #38BDF8 0%, #2563EB 100%);
    color: #fff;
    font-size: 18px;
    margin-right: 12px;
    text-decoration: none;
    box-shadow: 0 18px 34px rgba(56, 189, 248, 0.22);
    transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease;
  }

  .tcw-header_icon:hover {
    background: transparent;
    color: #38BDF8;
    border-color: #38BDF8;
    transform: translateY(-2px);
    box-shadow: 0 22px 38px rgba(56, 189, 248, 0.28);
  }

/* Source: resources/views/partials/website/footer.blade.php */
.tcw-footer-logo img {
    width: min(100%, 240px);
    height: 120px;
    object-fit: contain;
    display: block;
  }

  .tcw-footer-copyright {
    padding: 22px 0;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    color: inherit;
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
    text-align: center;
  }

/* Source: resources/views/website/about.blade.php */
.tcw-about-services-grid {
  align-items: stretch;
}

.tcw-about-services-grid .tcw-about-service-col {
  display: flex;
  flex-direction: column;
}

.tcw-about-services-grid .cs-icon_box.cs-style6 {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  min-height: 354px;
}



.tcw-about-services-grid .cs-icon_box.cs-style6 .cs-icon_box_subtitle {
  flex: 1 1 auto;
}

.tcw-about-portfolio-section .cs-right_full_width {
  width: 100%;
  margin-left: 0;
}

.tcw-about-portfolio-section {
  padding: clamp(28px, 4vw, 46px);
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 18px;
  background:
    radial-gradient(circle at 82% 10%, rgba(56, 189, 248, 0.10), transparent 24%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 22px 58px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.tcw-about-portfolio-section > .row {
  align-items: center;
}

.tcw-about-portfolio-section .cs-section_heading {
  max-width: 440px;
}

.tcw-about-portfolio-section .cs-section_subtitle {
  margin-bottom: 16px;
  letter-spacing: 0.18em;
}

.tcw-about-portfolio-section .cs-section_title {
  margin-bottom: 18px;
  font-size: clamp(2.25rem, 5vw, 4rem);
  line-height: 1.05;
}

.tcw-about-portfolio-section .cs-section_title svg,
.tcw-about-portfolio-section .cs-section_title svg path {
  color: #38BDF8 !important;
  fill: #38BDF8 !important;
}

.tcw-about-portfolio-section .cs-section_text {
  max-width: 410px;
  margin-bottom: 28px;
  color: #475569 !important;
  font-size: 1rem;
  line-height: 1.75;
}

.tcw-about-portfolio-section .cs-slider,
.tcw-about-portfolio-section .cs-slider_container,
.tcw-about-portfolio-section .slick-list {
  overflow: hidden;
}

.tcw-about-portfolio-section .cs-slide {
  padding: 4px;
}

.tcw-about-portfolio-section .cs-portfolio.cs-style3 {
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(226, 232, 240, 0.92) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.09) !important;
  overflow: hidden;
}

.tcw-about-portfolio-section .cs-portfolio_img {
  height: clamp(320px, 34vw, 440px);
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 80% 8%, rgba(56, 189, 248, 0.10), transparent 30%),
    #f8fafc;
  overflow: hidden;
}

.tcw-about-portfolio-section .cs-portfolio_img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
}

.tcw-about-portfolio-section .cs-portfolio_title {
  right: 12px;
  bottom: 12px;
  left: 12px;
  padding: 18px 20px !important;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(180deg, rgba(2, 6, 23, 0) 0%, rgba(2, 6, 23, 0.9) 100%) !important;
  color: #ffffff !important;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  text-align: center;
}

@media (max-width: 991px) {
  .tcw-about-services-grid .cs-icon_box.cs-style6 {
    min-height: 0;
  }

  .tcw-about-portfolio-section .cs-portfolio.cs-style3 {
    width: 100%;
  }

  .tcw-about-portfolio-section .cs-portfolio_img {
    height: 320px;
  }

  .tcw-about-portfolio-section {
    padding: 28px;
  }

  .tcw-about-portfolio-section .cs-section_heading {
    max-width: 100%;
    text-align: center;
  }

  .tcw-about-portfolio-section .cs-section_text {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 575px) {
  .tcw-about-portfolio-section {
    width: calc(100% - 20px);
    padding: 20px 10px 22px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 12px;
  }

  .tcw-about-portfolio-section .row {
    margin-right: 0;
    margin-left: 0;
  }

  .tcw-about-portfolio-section .row > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .tcw-about-portfolio-section .cs-section_subtitle {
    margin-bottom: 10px;
    font-size: 0.72rem;
    letter-spacing: 0.14em;
  }

  .tcw-about-portfolio-section .cs-section_title {
    margin-bottom: 12px;
    font-size: clamp(2rem, 11vw, 2.75rem);
    line-height: 1.05;
  }

  .tcw-about-portfolio-section .cs-section_text {
    margin-bottom: 18px;
    font-size: 0.94rem;
    line-height: 1.65;
  }

  .tcw-about-portfolio-section .cs-btn {
    width: 100%;
    min-height: 52px;
    justify-content: center;
  }

  .tcw-about-portfolio-section .cs-height_0.cs-height_lg_50 {
    height: 22px;
  }

  .tcw-about-portfolio-section .cs-slide {
    padding: 0;
  }

  .tcw-about-portfolio-section .cs-portfolio.cs-style3 {
    width: 100%;
    padding: 10px;
    border-radius: 12px !important;
  }

  .tcw-about-portfolio-section .cs-portfolio_img {
    height: min(320px, 84vw);
    border-radius: 10px !important;
  }

  .tcw-about-portfolio-section .cs-portfolio_img img {
    padding: 0;
  }

  .tcw-about-portfolio-section .cs-portfolio_title {
    position: static !important;
    margin: 10px 0 0;
    padding: 0 !important;
    background: transparent !important;
    color: #020617 !important;
    font-size: 1.05rem;
    line-height: 1.3;
    text-align: center;
  }

  .tcw-about-portfolio-section .cs-pagination {
    margin-top: 16px;
  }
}

/* Global website pagination */
.cs-post_pagination.cs-style1,
.cs-post_pagination.cs-style2,
.cs-post_pagination.cs-style3 {
  display: flex;
  justify-content: center;
  width: 100%;
}

.cs-post_pagination .page-numbers {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.cs-post_pagination .page-numbers > li {
  margin: 0 !important;
}

.cs-post_pagination .page-numbers .page-number {
  align-items: center;
  background: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #020617 !important;
  display: inline-flex !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  height: 40px !important;
  justify-content: center;
  line-height: 1 !important;
  min-width: 40px !important;
  padding: 0 !important;
  text-decoration: none !important;
  width: 40px !important;
}

.cs-post_pagination .page-numbers > li:first-child .page-number {
  color: #fff !important;
  font-size: 0 !important;
  position: relative;
}

.cs-post_pagination .page-numbers > li:first-child .page-number::before {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}

.cs-post_pagination .page-numbers .page-number.current {
  background: #fff !important;
  border-color: color-mix(in srgb, var(--cs-accent, #38BDF8) 42%, #fff) !important;
  color: var(--cs-accent, #38BDF8) !important;
}

.cs-post_pagination .page-numbers a.page-number:hover {
  background: #fff !important;
  border-color: color-mix(in srgb, var(--cs-accent, #38BDF8) 42%, #fff) !important;
  color: var(--cs-accent, #38BDF8) !important;
}

.cs-post_pagination .page-numbers .page-number.next,
.cs-post_pagination .page-numbers a.next {
  background: color-mix(in srgb, var(--cs-accent, #38BDF8) 28%, #fff) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.cs-post_pagination .page-numbers > li:first-child .page-number {
  background: color-mix(in srgb, var(--cs-accent, #38BDF8) 28%, #fff) !important;
  border-color: transparent !important;
}

.cs-post_pagination .page-numbers > li:first-child a.page-number:hover {
  background: var(--cs-accent, #38BDF8) !important;
  color: #fff !important;
}

.cs-post_pagination .page-numbers .page-number.next i,
.cs-post_pagination .page-numbers a.next i {
  color: #fff !important;
  font-size: 18px;
}

.cs-post_pagination .page-numbers .page-number.next:hover,
.cs-post_pagination .page-numbers a.next:hover {
  background: var(--cs-accent, #38BDF8) !important;
  color: #fff !important;
}

@media (max-width: 575px) {
  .cs-post_pagination .page-numbers {
    gap: 8px;
  }

  .cs-post_pagination .page-numbers .page-number {
    height: 38px !important;
    min-width: 38px !important;
    width: 38px !important;
  }
}

/* IT consultant landing refresh */
:root {
  --tcw-navy: #0F172A;
  --tcw-navy-deep: #020617;
  --tcw-sky: #38BDF8;
  --tcw-blue: #2563EB;
  --tcw-green: #22C55E;
  --tcw-gray: #F1F5F9;
  --tcw-soft: #F8FAFC;
  --tcw-line: #E2E8F0;
  --tcw-body: #475569;
}

body {
  background: var(--tcw-soft);
  color: var(--tcw-body);
}

.tcw-site-header {
  padding-top: 0;
  background: var(--tcw-navy) !important;
}

.tcw-site-header .cs-main_header {
  padding: 0;
}

.tcw-site-header .cs-main_header_in,
.tcw-site-header.cs-sticky-active .cs-main_header_in {
  width: min(1180px, calc(100% - 28px));
  min-height: 88px;
  padding: 12px 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.tcw-brand img {
  width: 220px;
  height: 78px;
  object-fit: contain;
  filter: none;
}

.tcw-nav_list {
  gap: 10px;
}

.tcw-nav_item > a,
.tcw-dropdown_link_group {
  position: relative;
  padding: 10px 8px;
  border-radius: 0;
  color: #ffffff;
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.tcw-nav_item > a::after,
.tcw-dropdown_link_group::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--tcw-sky);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.2s ease;
}

.tcw-nav_item:hover > a,
.tcw-nav_item:hover > .tcw-dropdown_link_group,
.tcw-nav_item:focus-within > a,
.tcw-nav_item:focus-within > .tcw-dropdown_link_group,
.tcw-nav_item.is-active > a,
.tcw-nav_item.is-active > .tcw-dropdown_link_group,
.tcw-nav_item.is-open > .tcw-dropdown_link_group {
  color: #ffffff;
  background: transparent;
  box-shadow: none;
}

.tcw-nav_item:hover > a::after,
.tcw-nav_item:hover > .tcw-dropdown_link_group::after,
.tcw-nav_item.is-active > a::after,
.tcw-nav_item.is-active > .tcw-dropdown_link_group::after,
.tcw-nav_item.is-open > .tcw-dropdown_link_group::after {
  transform: scaleX(1);
}

.tcw-dropdown_toggle {
  color: #ffffff;
}

.tcw-header_icon {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.tcw-header_cta,
.tcw-header_cta:hover {
  min-height: 48px;
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: 8px;
  background: linear-gradient(135deg, var(--tcw-sky) 0%, var(--tcw-blue) 100%);
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.26);
}

.tcw-menu_toggle span {
  background: #ffffff;
}

.tcw-it-home {
  overflow: hidden;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 42%, #f8fafc 100%);
}

.tcw-it-hero {
  position: relative;
  padding: clamp(58px, 8vw, 92px) 0 clamp(54px, 7vw, 82px);
  background:
    linear-gradient(90deg, rgba(2, 6, 23, 0.86) 0%, rgba(15, 23, 42, 0.74) 46%, rgba(15, 23, 42, 0.56) 100%),
    url("../img/generated/home-hero-optimized.jpg") center / cover no-repeat,
    var(--tcw-navy);
}

.tcw-it-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
  gap: clamp(34px, 6vw, 82px);
  align-items: center;
}

.tcw-it-kicker,
.tcw-it-section-head span,
.tcw-it-proof-copy span {
  display: inline-flex;
  color: var(--tcw-blue);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tcw-it-hero-copy h1 {
  max-width: 720px;
  margin: 14px 0 20px;
  color: #ffffff;
  font-size: clamp(2.45rem, 5.6vw, 4.4rem);
  line-height: 1.08;
  letter-spacing: 0;
}

.tcw-it-hero-copy h1 span {
  color: var(--tcw-blue);
}

.tcw-it-hero-copy p {
  max-width: 590px;
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.8;
}

.tcw-it-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.tcw-it-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 50px;
  padding: 13px 24px;
  border-radius: 8px;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1;
}

.tcw-it-btn-primary {
  border: 1px solid transparent;
  background: linear-gradient(135deg, var(--tcw-sky) 0%, var(--tcw-blue) 100%);
  color: #ffffff;
  box-shadow: 0 16px 30px rgba(37, 99, 235, 0.24);
}

.tcw-it-btn-primary:hover {
  color: #ffffff;
  transform: translateY(-2px);
}

.tcw-it-btn-secondary {
  border: 1px solid var(--tcw-sky);
  background: rgba(255, 255, 255, 0.74);
  color: var(--tcw-blue);
}

.tcw-it-client-proof {
  display: grid;
  grid-template-columns: auto auto;
  width: fit-content;
  column-gap: 12px;
  row-gap: 2px;
  align-items: center;
  margin-top: 28px;
  color: #ffffff;
}

.tcw-it-client-proof small {
  grid-column: 2;
  color: rgba(255, 255, 255, 0.74);
  font-weight: 600;
}

.tcw-it-avatars {
  grid-row: span 2;
  display: flex;
}

.tcw-it-avatars span {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  margin-right: -10px;
  border: 2px solid #ffffff;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--tcw-navy), var(--tcw-blue));
  color: #ffffff;
  font-size: 0.65rem;
  font-weight: 900;
}

.tcw-it-hero-visual {
  position: relative;
  min-height: 520px;
  isolation: isolate;
}

.tcw-it-laptop {
  position: absolute;
  left: 50%;
  top: 47%;
  width: min(76%, 530px);
  transform: translate(-50%, -50%) rotate(-4deg);
  filter: drop-shadow(0 34px 45px rgba(15, 23, 42, 0.16));
}

.tcw-it-laptop-screen {
  position: relative;
  aspect-ratio: 16 / 10;
  padding: 26px;
  border: 10px solid #ffffff;
  border-radius: 22px;
  background: linear-gradient(145deg, #020617, #0f172a);
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.25);
}

.tcw-it-laptop-screen::after {
  content: "";
  position: absolute;
  inset: auto 14% -26px;
  height: 26px;
  border-radius: 0 0 26px 26px;
  background: linear-gradient(180deg, #e2e8f0, #ffffff);
}

.tcw-it-laptop-base {
  width: 82%;
  height: 28px;
  margin: 22px auto 0;
  border-radius: 8px 8px 42px 42px;
  background: linear-gradient(180deg, #ffffff, #cbd5e1);
}

.tcw-it-window-dots {
  display: flex;
  gap: 7px;
  margin-bottom: 32px;
}

.tcw-it-window-dots span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--tcw-sky);
}

.tcw-it-window-dots span:nth-child(2) {
  background: var(--tcw-green);
}

.tcw-it-window-dots span:nth-child(3) {
  background: var(--tcw-blue);
}

.tcw-it-code-lines {
  display: grid;
  gap: 12px;
}

.tcw-it-code-lines span {
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(56, 189, 248, 0.95), rgba(56, 189, 248, 0.1));
}

.tcw-it-code-lines span:nth-child(2),
.tcw-it-code-lines span:nth-child(5) {
  width: 68%;
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.95), rgba(34, 197, 94, 0.1));
}

.tcw-it-code-lines span:nth-child(3) {
  width: 82%;
}

.tcw-it-code-lines span:nth-child(4),
.tcw-it-code-lines span:nth-child(6) {
  width: 56%;
}

.tcw-it-phone {
  position: absolute;
  right: 5%;
  bottom: 8%;
  width: 110px;
  height: 190px;
  padding: 26px 14px;
  border: 8px solid #ffffff;
  border-radius: 28px;
  background: linear-gradient(160deg, var(--tcw-navy), #020617);
  box-shadow: 0 26px 45px rgba(15, 23, 42, 0.18);
}

.tcw-it-phone span {
  display: block;
  height: 8px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: rgba(56, 189, 248, 0.72);
}

.tcw-it-phone span:nth-child(2) {
  width: 72%;
  background: rgba(34, 197, 94, 0.82);
}

.tcw-it-phone span:nth-child(3) {
  width: 52%;
}

.tcw-it-float-card {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--tcw-blue);
  font-size: 1.8rem;
  box-shadow: 0 20px 42px rgba(15, 23, 42, 0.12);
}

.tcw-it-float-card:nth-of-type(odd) {
  color: var(--tcw-green);
}

.tcw-it-float-code {
  left: 10%;
  top: 18%;
}

.tcw-it-float-chart {
  left: 5%;
  bottom: 20%;
}

.tcw-it-float-cloud {
  right: 12%;
  top: 33%;
}

.tcw-it-float-secure {
  right: 0;
  top: 12%;
}

.tcw-it-orbit {
  position: absolute;
  border: 1px dashed rgba(56, 189, 248, 0.45);
  border-radius: 999px;
}

.tcw-it-orbit-1 {
  inset: 8% 4% 16% 12%;
}

.tcw-it-orbit-2 {
  inset: 22% 16% 30% 2%;
  border-color: rgba(34, 197, 94, 0.36);
}

.tcw-it-section {
  padding: clamp(64px, 8vw, 96px) 0;
}

.tcw-it-section-head {
  margin-bottom: 34px;
}

.tcw-it-section-head h2,
.tcw-it-proof-copy h2 {
  margin: 8px 0 0;
  color: var(--tcw-navy-deep);
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.14;
  letter-spacing: 0;
}

.tcw-it-section-head h2::after,
.tcw-it-proof-copy h2::after {
  content: "";
  display: block;
  width: 58px;
  height: 4px;
  margin-top: 15px;
  border-radius: 999px;
  background: var(--tcw-sky);
}

.text-center.tcw-it-section-head h2::after {
  margin-right: auto;
  margin-left: auto;
}

.tcw-it-service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.tcw-it-service-card,
.tcw-it-stat-card,
.tcw-it-why-card,
.tcw-it-portfolio-card {
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.tcw-it-service-card {
  display: flex;
  min-height: 270px;
  flex-direction: column;
  align-items: center;
  padding: 30px 20px 24px;
  color: var(--tcw-body);
  text-align: center;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.tcw-it-service-card:hover {
  color: var(--tcw-body);
  transform: translateY(-7px);
  box-shadow: 0 26px 54px rgba(15, 23, 42, 0.12);
}

.tcw-it-card-icon,
.tcw-it-stat-icon {
  display: inline-flex;
  width: 78px;
  height: 78px;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 999px;
  background: rgba(56, 189, 248, 0.12);
  color: var(--tcw-blue);
  font-size: 2rem;
}

.tcw-it-card-icon.is-green,
.tcw-it-stat-icon.is-green {
  background: rgba(34, 197, 94, 0.12);
  color: var(--tcw-green);
}

.tcw-it-card-icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.tcw-it-service-card h3 {
  margin: 0 0 12px;
  color: var(--tcw-navy-deep);
  font-size: 1.08rem;
  line-height: 1.24;
}

.tcw-it-service-card p {
  margin: 0;
  color: var(--tcw-body);
  font-size: 0.92rem;
  line-height: 1.62;
}

.tcw-it-card-arrow {
  margin-top: auto;
  padding-top: 20px;
  color: var(--tcw-blue);
}

.tcw-it-proof {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.tcw-it-proof-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.tcw-it-proof-copy {
  grid-row: span 2;
  padding-right: 24px;
}

.tcw-it-proof-copy p {
  max-width: 430px;
  margin: 22px 0 26px;
  color: var(--tcw-body);
  line-height: 1.78;
}

.tcw-it-stat-card {
  display: flex;
  min-height: 210px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  text-align: center;
}

.tcw-it-stat-card strong {
  color: var(--tcw-navy-deep);
  font-size: clamp(2.1rem, 3vw, 3rem);
  line-height: 1;
}

.tcw-it-stat-card span {
  margin-top: 8px;
  color: var(--tcw-navy-deep);
  font-weight: 700;
}

.tcw-it-stat-icon {
  width: 58px;
  height: 58px;
  margin-bottom: 18px;
  font-size: 1.45rem;
}

.tcw-it-stat-card::after {
  content: "";
  width: 44px;
  height: 4px;
  margin-top: 18px;
  border-radius: 999px;
  background: var(--tcw-sky);
}

.tcw-it-stat-card:nth-child(3)::after,
.tcw-it-stat-card:nth-child(5)::after {
  background: var(--tcw-green);
}

.tcw-it-why-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.tcw-it-why-card {
  padding: 24px;
}

.tcw-it-why-card h3 {
  margin: 0 0 10px;
  color: var(--tcw-navy-deep);
  font-size: 1.15rem;
}

.tcw-it-why-card p {
  margin: 0;
  color: var(--tcw-body);
  line-height: 1.68;
}

.tcw-it-trusted {
  padding: 34px 0 60px;
}

.tcw-it-trusted p {
  margin: 0 0 22px;
  color: #64748b;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}

.tcw-it-logo-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
  align-items: center;
}

.tcw-it-logo-item,
.tcw-it-logo-text {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  font-size: 1.28rem;
  font-weight: 900;
  text-align: center;
  filter: none;
  opacity: 1;
}

.tcw-it-logo-item img {
  max-width: 140px;
  max-height: 56px;
  object-fit: contain;
}

.tcw-it-portfolio {
  background: #ffffff;
}

.tcw-it-portfolio-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.tcw-it-portfolio-card {
  overflow: hidden;
  color: var(--tcw-navy-deep);
}

.tcw-it-portfolio-card:hover {
  color: var(--tcw-navy-deep);
  transform: translateY(-5px);
}

.tcw-it-portfolio-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.tcw-it-portfolio-card div {
  padding: 20px;
}

.tcw-it-portfolio-card small {
  color: var(--tcw-blue);
  font-weight: 800;
  text-transform: uppercase;
}

.tcw-it-portfolio-card h3 {
  margin: 8px 0 0;
  color: var(--tcw-navy-deep);
  font-size: 1.18rem;
}

.tcw-it-portfolio-card p {
  margin: 10px 0 0;
  color: var(--tcw-body);
  font-size: 0.94rem;
  line-height: 1.65;
}

.tcw-it-dummy-portfolio {
  display: flex;
  flex-direction: column;
}

.tcw-it-portfolio-visual {
  position: relative;
  display: flex;
  min-height: 220px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.45), transparent 24%),
    linear-gradient(135deg, #38bdf8 0%, #2563eb 100%);
  color: #ffffff;
}

.tcw-it-portfolio-visual.is-green {
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.45), transparent 24%),
    linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

.tcw-it-portfolio-visual i {
  position: relative;
  z-index: 2;
  display: inline-flex;
  width: 90px;
  height: 90px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.18);
  font-size: 2.4rem;
  box-shadow: 0 22px 44px rgba(15, 23, 42, 0.18);
  backdrop-filter: blur(12px);
}

.tcw-it-portfolio-visual span {
  position: absolute;
  display: block;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
}

.tcw-it-portfolio-visual span:nth-of-type(1) {
  width: 170px;
  height: 170px;
  right: -54px;
  top: -52px;
}

.tcw-it-portfolio-visual span:nth-of-type(2) {
  width: 115px;
  height: 115px;
  left: -34px;
  bottom: -30px;
}

.tcw-it-portfolio-visual span:nth-of-type(3) {
  width: 62%;
  height: 10px;
  left: 19%;
  bottom: 34px;
  opacity: 0.8;
}

.tcw-reviews-section,
.tcw-blog-section {
  background: #f8fafc;
}

.tcw-footer {
  background: var(--tcw-navy);
}

.tcw-footer .cs-footer_bg {
  background: var(--tcw-navy);
}

@media (max-width: 1199px) {
  .tcw-site-header .cs-main_header_in,
  .tcw-site-header.cs-sticky-active .cs-main_header_in {
    width: min(100% - 22px, 1180px);
  }

  .tcw-nav_item > a,
  .tcw-dropdown_link_group {
    font-size: 0.78rem;
    padding-inline: 6px;
  }

  .tcw-it-service-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tcw-it-proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-it-proof-copy {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

@media (max-width: 991px) {
  .tcw-site-header .cs-main_header_in,
  .tcw-site-header.cs-sticky-active .cs-main_header_in {
    min-height: 76px;
  }

  .tcw-site-header .cs-main_header_center,
  .tcw-header_actions {
    display: none !important;
  }

  .tcw-brand img {
    width: 170px;
    height: 62px;
  }

  .tcw-mobile_panel {
    background: var(--tcw-navy);
  }

  .tcw-mobile_link,
  .tcw-mobile_group_toggle,
  .tcw-mobile_sublink_title {
    color: #ffffff;
  }

  .tcw-mobile_sublink_text,
  .tcw-mobile_cta_wrap p {
    color: rgba(255, 255, 255, 0.72);
  }

  .tcw-it-hero-grid {
    grid-template-columns: 1fr;
  }

  .tcw-it-hero-copy {
    text-align: center;
  }

  .tcw-it-hero-copy p,
  .tcw-it-hero-copy h1,
  .tcw-it-client-proof {
    margin-right: auto;
    margin-left: auto;
  }

  .tcw-it-actions {
    justify-content: center;
  }

  .tcw-it-hero-visual {
    min-height: 430px;
  }

  .tcw-it-logo-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tcw-it-portfolio-grid,
  .tcw-it-why-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .tcw-brand img {
    width: 150px;
    height: 56px;
  }

  .tcw-footer-logo img {
    width: min(100%, 210px);
    height: 104px;
  }
}

@media (max-width: 767px) {
  .tcw-it-hero {
    padding-top: 42px;
  }

  .tcw-it-hero-copy h1 {
    font-size: clamp(2.05rem, 10vw, 3rem);
  }

  .tcw-it-service-grid,
  .tcw-it-proof-grid {
    grid-template-columns: 1fr;
  }

  .tcw-it-service-card {
    min-height: auto;
  }

  .tcw-it-hero-visual {
    min-height: 330px;
  }

  .tcw-it-laptop {
    width: 86%;
  }

  .tcw-it-laptop-screen {
    padding: 18px;
    border-width: 7px;
    border-radius: 18px;
  }

  .tcw-it-phone {
    width: 74px;
    height: 130px;
    right: 2%;
    border-width: 6px;
    border-radius: 22px;
  }

  .tcw-it-float-card {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    font-size: 1.25rem;
  }

  .tcw-it-float-secure {
    right: 3%;
  }

  .tcw-it-logo-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .tcw-it-actions {
    flex-direction: column;
  }

  .tcw-it-btn {
    width: 100%;
  }

  .tcw-it-client-proof {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .tcw-it-client-proof small {
    grid-column: auto;
  }

  .tcw-it-avatars {
    grid-row: auto;
    margin-bottom: 8px;
  }
}

/* Header white-pill variant and hero form restore */
.tcw-site-header,
.tcw-site-header.cs-sticky-active {
  padding: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.tcw-site-header .cs-main_header {
  padding: 0 8px;
}

.tcw-site-header .cs-main_header_in,
.tcw-site-header.cs-sticky-active .cs-main_header_in {
  width: min(1320px, calc(100% - 16px));
  min-height: 88px;
  margin: 0 auto;
  padding: 12px 24px !important;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.10);
  backdrop-filter: blur(18px);
}

.tcw-site-header.cs-sticky-active .cs-main_header_in {
  min-height: 82px;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.14);
}

.tcw-brand img {
  width: 150px;
  height: 58px;
  filter: none;
}

.tcw-nav_item > a,
.tcw-dropdown_link_group {
  padding: 14px 16px;
  border-radius: 12px;
  color: var(--tcw-navy-deep) !important;
  font-size: 0.86rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tcw-nav_item > a::after,
.tcw-dropdown_link_group::after {
  display: none;
}

.tcw-nav_item:hover > a,
.tcw-nav_item:hover > .tcw-dropdown_link_group,
.tcw-nav_item:focus-within > a,
.tcw-nav_item:focus-within > .tcw-dropdown_link_group,
.tcw-nav_item.is-active > a,
.tcw-nav_item.is-active > .tcw-dropdown_link_group,
.tcw-nav_item.is-open > .tcw-dropdown_link_group {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--tcw-sky) 0%, #2daae0 100%);
  box-shadow: 0 14px 28px rgba(56, 189, 248, 0.24);
}

.tcw-nav_item:hover > .tcw-dropdown_link_group > a,
.tcw-nav_item.is-active > .tcw-dropdown_link_group > a,
.tcw-nav_item.is-open > .tcw-dropdown_link_group > a,
.tcw-nav_item:hover .tcw-dropdown_toggle,
.tcw-nav_item.is-active .tcw-dropdown_toggle,
.tcw-nav_item.is-open .tcw-dropdown_toggle {
  color: #ffffff !important;
}

.tcw-dropdown_toggle {
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.24);
  color: inherit;
}

.tcw-header_icon {
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--tcw-sky), var(--tcw-blue));
  color: #ffffff;
  box-shadow: 0 15px 30px rgba(37, 99, 235, 0.24);
}

.tcw-header_cta,
.tcw-header_cta:hover {
  min-height: 56px;
  border-radius: 999px;
  padding: 16px 30px;
  background: linear-gradient(135deg, var(--tcw-sky), #289dcc) !important;
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.24);
}

.tcw-it-hero {
  padding-top: clamp(84px, 9vw, 126px);
}

.tcw-it-hero-grid {
  grid-template-columns: minmax(0, 0.86fr) minmax(420px, 0.9fr);
}

.tcw-it-hero-form-panel {
  position: relative;
  width: 100%;
}

.tcw-it-hero-form-panel .service-card {
  max-width: 590px;
  margin: 0 0 0 auto;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.14);
}

.tcw-it-hero-form-panel .tcw-form_badge {
  background: rgba(56, 189, 248, 0.12);
  color: var(--tcw-blue);
}

@media (max-width: 1199px) {
  .tcw-site-header .cs-main_header_in,
  .tcw-site-header.cs-sticky-active .cs-main_header_in {
    padding-inline: 16px !important;
  }

  .tcw-nav_item > a,
  .tcw-dropdown_link_group {
    padding: 12px 10px;
    font-size: 0.78rem;
  }

  .tcw-header_cta,
  .tcw-header_cta:hover {
    padding-inline: 22px;
  }
}

@media (max-width: 991px) {
  .tcw-site-header .cs-main_header_in,
  .tcw-site-header.cs-sticky-active .cs-main_header_in {
    min-height: 74px;
    border-radius: 22px;
  }

  .tcw-site-header .cs-main_header_center,
  .tcw-header_actions {
    display: none !important;
  }

  .tcw-brand img {
    width: 132px;
    height: 50px;
  }

  .tcw-mobile_panel {
    background: rgba(255, 255, 255, 0.98);
  }

  .tcw-mobile_link,
  .tcw-mobile_group_toggle,
  .tcw-mobile_sublink_title {
    color: var(--tcw-navy-deep) !important;
  }

  .tcw-mobile_sublink_text,
  .tcw-mobile_cta_wrap p {
    color: var(--tcw-body);
  }

  .tcw-it-hero-grid {
    grid-template-columns: 1fr;
  }

  .tcw-it-hero-form-panel .service-card {
    margin: 0 auto;
  }
}

@media (max-width: 575px) {
  .tcw-site-header .cs-main_header_in,
  .tcw-site-header.cs-sticky-active .cs-main_header_in {
    width: calc(100% - 12px);
    padding: 10px 14px !important;
  }

  .tcw-it-hero-form-panel .service-card {
    border-radius: 18px;
  }
}

/* Final landing spacing polish */
.tcw-site-header,
.tcw-site-header.cs-sticky-active {
  padding-top: 16px !important;
}

.tcw-site-header .cs-main_header_in,
.tcw-site-header.cs-sticky-active .cs-main_header_in {
  width: min(1320px, calc(100% - 28px));
}

.tcw-it-home {
  background: #f8fafc;
}

.tcw-it-hero {
  min-height: calc(100vh - 24px);
  display: flex;
  align-items: center;
  padding-top: clamp(122px, 12vw, 160px) !important;
  padding-bottom: clamp(72px, 8vw, 104px);
}

.tcw-it-section {
  padding: clamp(72px, 8vw, 108px) 0;
}

.tcw-it-section-head {
  max-width: 760px;
  margin: 0 auto 44px;
}

.tcw-it-services {
  background:
    radial-gradient(circle at 12% 10%, rgba(56, 189, 248, 0.08), transparent 28%),
    #f8fafc;
}

.tcw-it-service-slider {
  margin: 0 -12px;
  overflow: hidden;
  padding: 10px 0 54px;
  perspective: 1200px;
}

.tcw-it-service-slider .cs-slider_container,
.tcw-it-service-slider .cs-slider_wrapper,
.tcw-it-service-slider .slick-list,
.tcw-it-service-slider .slick-track {
  min-height: 100%;
}

.tcw-it-service-slider .slick-list {
  overflow: visible;
  padding: 18px 0 26px !important;
}

.tcw-it-service-slider .slick-track {
  display: flex;
  align-items: stretch;
}

.tcw-it-service-slider .cs-slide,
.tcw-it-service-slider .slick-slide {
  display: flex !important;
  height: auto;
}

.tcw-it-service-slider .cs-slide {
  padding: 0 12px;
}

.tcw-it-service-slider .tcw-it-service-card {
  isolation: isolate;
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 318px;
  transform: translateY(0) rotateX(0) rotateY(0) scale(0.96);
  transform-style: preserve-3d;
  transition: transform 0.42s ease, box-shadow 0.42s ease, border-color 0.42s ease;
}

.tcw-it-service-slider .tcw-it-service-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -2;
  background:
    radial-gradient(circle at 22% 16%, rgba(56, 189, 248, 0.28), transparent 34%),
    radial-gradient(circle at 82% 10%, rgba(34, 197, 94, 0.18), transparent 28%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%);
}

.tcw-it-service-slider .tcw-it-service-card::after {
  content: "";
  position: absolute;
  right: -64px;
  bottom: -72px;
  z-index: -1;
  width: 170px;
  height: 170px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.16), rgba(37, 99, 235, 0.08));
  transition: transform 0.42s ease, opacity 0.42s ease;
}

.tcw-it-service-slider .slick-active .tcw-it-service-card {
  transform: translateY(0) rotateX(0) rotateY(0) scale(1);
}

.tcw-it-service-slider .slick-current .tcw-it-service-card {
  border-color: rgba(56, 189, 248, 0.46);
  box-shadow: 0 34px 80px rgba(15, 23, 42, 0.16);
  transform: translateY(-10px) rotateX(5deg) rotateY(-4deg) scale(1.02);
  animation: tcw-service-card-float 4.8s ease-in-out infinite;
}

.tcw-it-service-slider .tcw-it-service-card:hover {
  border-color: rgba(37, 99, 235, 0.42);
  transform: translateY(-12px) rotateX(6deg) rotateY(4deg) scale(1.02);
}

.tcw-it-service-slider .tcw-it-service-card:hover::after,
.tcw-it-service-slider .slick-current .tcw-it-service-card::after {
  opacity: 0.95;
  transform: scale(1.18) translate(-10px, -10px);
}

.tcw-it-service-slider .tcw-it-card-icon {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 18px 36px rgba(56, 189, 248, 0.16);
  transform: translateZ(34px);
}

.tcw-it-service-slider .tcw-it-service-card h3,
.tcw-it-service-slider .tcw-it-service-card p,
.tcw-it-service-slider .tcw-it-card-arrow {
  transform: translateZ(22px);
}

.tcw-it-service-slider .cs-pagination {
  bottom: 0;
  display: flex;
  justify-content: center;
  margin-top: 10px;
  position: relative;
}

.tcw-it-service-slider .slick-dots {
  align-items: center;
  display: flex !important;
  gap: 8px;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.tcw-it-service-slider .slick-dots li {
  display: inline-flex;
  margin: 0;
}

.tcw-it-service-slider .slick-dots button {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.2);
  color: transparent;
  cursor: pointer;
  font-size: 0;
  padding: 0;
  transition: width 0.22s ease, background 0.22s ease;
}

.tcw-it-service-slider .slick-dots .slick-active button {
  width: 28px;
  background: linear-gradient(135deg, #38BDF8, #2563EB);
}

@keyframes tcw-service-card-float {
  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: 0 -5px;
  }
}

.tcw-it-service-grid {
  gap: 20px;
}

.tcw-it-service-card {
  min-height: 286px;
  padding: 34px 22px 26px;
}

@media (max-width: 767px) {
  .tcw-it-service-slider {
    margin: 0 -8px;
  }

  .tcw-it-service-slider .cs-slide {
    padding: 0 8px;
  }

  .tcw-it-service-slider .tcw-it-service-card {
    min-height: 296px;
    transform: scale(1);
  }

  .tcw-it-service-slider .slick-current .tcw-it-service-card {
    transform: translateY(-6px) rotateX(3deg) scale(1);
  }
}

.tcw-it-proof {
  background:
    radial-gradient(circle at 15% 20%, rgba(56, 189, 248, 0.10), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
}

.tcw-it-proof-copy {
  padding: 8px 24px 8px 0;
}

.tcw-it-trusted {
  padding: 46px 0 72px;
  background: #f8fafc;
}

.tcw-it-logo-item,
.tcw-it-logo-text {
  border-radius: 8px;
  background: transparent;
}

.tcw-it-portfolio {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.tcw-it-portfolio .tcw-it-section-head {
  margin-right: 0;
  margin-left: 0;
  text-align: left;
}

.tcw-blog-section .tcw-it-section-head {
  margin-right: 0;
  margin-left: 0;
  text-align: left;
}

.tcw-reviews-section,
.tcw-blog-section {
  background:
    radial-gradient(circle at 85% 0%, rgba(34, 197, 94, 0.10), transparent 24%),
    #f8fafc;
}

.tcw-it-hero-form-panel .service-card {
  border: 1px solid rgba(226, 232, 240, 0.9);
}

@media (max-width: 991px) {
  .tcw-site-header,
  .tcw-site-header.cs-sticky-active {
    padding-top: 10px !important;
  }

  .tcw-site-header .cs-main_header_in,
  .tcw-site-header.cs-sticky-active .cs-main_header_in {
    width: calc(100% - 20px);
  }

  .tcw-it-hero {
    min-height: auto;
    padding-top: 108px !important;
  }

  .tcw-it-proof-copy {
    padding-right: 0;
  }
}

@media (max-width: 575px) {
  .tcw-site-header,
  .tcw-site-header.cs-sticky-active {
    padding-top: 8px !important;
  }

  .tcw-site-header .cs-main_header_in,
  .tcw-site-header.cs-sticky-active .cs-main_header_in {
    width: calc(100% - 14px);
  }

  .tcw-it-hero {
    padding-top: 100px !important;
  }
}

/* Site-wide IT theme alignment */
body {
  background: #f8fafc !important;
}

/* body > div:not(.cs-preloader) {
  background: #f8fafc;
} */

.cs-hero.cs-style8.cs-type1,
.cs-hero.cs-style8.cs-type1.cs-center,
.cs-hero.cs-style8.cs-type1[data-src],
.cs-bg[data-src*="icon-box-bg2"],
.cs-bg[data-src*="icon-box-bg"] {
  background:
    linear-gradient(90deg, rgba(2, 6, 23, 0.86) 0%, rgba(15, 23, 42, 0.72) 48%, rgba(15, 23, 42, 0.52) 100%),
    url("../img/generated/home-hero-optimized.jpg") center / cover no-repeat !important;
}

.cs-hero.cs-style8.cs-type1 {
  min-height: 380px;
  padding: 118px 0 72px;
  overflow: hidden;
}

.cs-hero.cs-style8.cs-type1 .cs-hero_text {
  position: relative;
  z-index: 2;
}

.cs-hero.cs-style8.cs-type1 .cs-hero_title {
  color: #ffffff !important;
  font-size: clamp(2.4rem, 5vw, 4.8rem);
  line-height: 1.06;
  letter-spacing: 0;
}

.cs-hero.cs-style8.cs-type1 .cs-hero_title b,
.cs-hero.cs-style8.cs-type1 .cs-accent_color {
  color: #38BDF8 !important;
}

.cs-hero.cs-style8.cs-type1 .cs-down_btn {
  width: 52px;
  height: 52px;
  margin-top: 24px;
  border: 1px solid rgba(56, 189, 248, 0.42);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.10);
  color: #ffffff !important;
  backdrop-filter: blur(10px);
}

.cs-hero.cs-style8.cs-type1 .cs-hero_blur_shape {
  opacity: 0.16;
  filter: hue-rotate(130deg) saturate(1.5);
}

#page-content,
.service-section-bg,
.tcw-section-soft,
.tcw-section-white,
.case-study-page,
.tcw-blog-section,
.client-video-reviews,
.cs-contact.cs-style2,
.tcw-portfolio-detail-page {
  background:
    radial-gradient(circle at 12% 0%, rgba(56, 189, 248, 0.08), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(34, 197, 94, 0.08), transparent 26%),
    #f8fafc !important;
}

.cs-height_140,
.cs-height_135,
.cs-height_115 {
  height: clamp(70px, 8vw, 104px);
}

.cs-section_subtitle,
.tcw-eyebrow,
.case-study-card_badge,
.cs-blog_details_meta,
.cs-post_meta,
.cs-list_title,
.client-review-role {
  color: #2563EB !important;
}

.cs-section_title,
.cs-section_heading h2,
.cs-icon_box_title,
.case-study-card_title,
.cs-post_title,
.cs-post_title a,
.cs-blog_details_title,
.cs-widget_title,
.tcw-portfolio-detail-copy h2,
.tcw-portfolio-detail-meta h2,
.form-title {
  color: #020617 !important;
  letter-spacing: 0;
}

.cs-section_heading.cs-style2 .cs-section_title b,
.cs-with_bar,
.cs-accent_color {
  color: #2563EB !important;
}

.cs-section_text,
.cs-icon_box_subtitle,
.case-study-card_text,
.cs-blog_details p,
.tcw-blog-body,
.cs-list_text,
.cs-contact_info,
.tcw-form_intro {
  color: #475569 !important;
}

.cs-icon_box.cs-style6,
.tcw-feature-card,
.case-study-card,
.cs-post.cs-style8,
.cs-post.cs-style4,
.cs-portfolio.cs-style3,
.cs-portfolio.cs-style3.cs-type1,
.client-video-card,
.tcw-contact-form-shell,
.tcw-portfolio-detail-copy,
.tcw-portfolio-detail-meta .cs-vertical_middle_in,
.tcw-related-portfolio-grid .cs-portfolio,
.cs-sidebar_item,
.cs-blog_details,
.service-card {
  border: 1px solid rgba(226, 232, 240, 0.92) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08) !important;
}

.cs-icon_box.cs-style6:hover,
.tcw-feature-card:hover,
.case-study-card:hover,
.cs-portfolio.cs-style3:hover,
.cs-post.cs-style8:hover,
.tcw-related-portfolio-grid .cs-portfolio:hover {
  transform: translateY(-6px);
  background: #ffffff !important;
  box-shadow: 0 28px 60px rgba(15, 23, 42, 0.12) !important;
}

.cs-icon_box_icon,
.case-study-card_placeholder,
.industry-card_icon,
.tcw-home-service-icon,
.tcw-service_icon,
.cs-counter_icon {
  border-radius: 999px !important;
  background: rgba(56, 189, 248, 0.12) !important;
  color: #2563EB !important;
}

.cs-icon_box.cs-style6:nth-child(even) .cs-icon_box_icon,
.case-study-card:nth-child(even) .case-study-card_placeholder,
.industry-card:nth-child(even) .industry-card_icon {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #22C55E !important;
}

.cs-btn.cs-style6,
.view-all,
.case-study-card_link,
.service-card button,
.cs-footer_newsletter_btn,
.tcw-floating-submit,
.tcw-review-arrow,
.tcw-blog-rail_arrow {
  border-radius: 8px !important;
}

.cs-btn.cs-style6.cs-accent_bg,
.cs-btn.cs-style6.cs-accent_bg_2,
.case-study-card_link,
.service-card button,
.view-all,
.cs-footer_newsletter_btn {
  border-color: transparent !important;
  background: linear-gradient(135deg, #38BDF8 0%, #2563EB 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.22) !important;
}

.cs-btn.cs-style6.cs-accent_bg:hover,
.case-study-card_link:hover,
.service-card button:hover,
.view-all:hover,
.cs-footer_newsletter_btn:hover {
  color: #ffffff !important;
  transform: translateY(-2px);
}

.cs-portfolio_img,
.case-study-card_media,
.tcw-portfolio-detail-hero-img,
.tcw-portfolio-detail-img,
.client-video-media,
.tcw-blog-card,
.cs-post_thumb,
.cs-post_thumb_in {
  border-radius: 8px !important;
  overflow: hidden;
}

.cs-portfolio_img img,
.case-study-card_media img,
.tcw-portfolio-detail-hero-img,
.tcw-portfolio-detail-img,
.client-video-media img,
.client-review-video {
  object-fit: cover;
}

.cs-portfolio_title,
.home-portfolio-card .cs-portfolio_title {
  background: linear-gradient(180deg, rgba(2, 6, 23, 0) 0%, rgba(2, 6, 23, 0.88) 100%) !important;
  color: #ffffff !important;
}

.tcw-contact-form-shell .cs-contact_left {
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.92), rgba(34, 197, 94, 0.78)),
    url("../img/generated/home-hero-optimized.jpg") center / cover no-repeat !important;
}

.tcw-contact-form-shell .cs-contact_right {
  background: #f8fafc !important;
}

.cs-footer,
.tcw-footer,
.tcw-footer .cs-footer_bg {
  background: #0F172A !important;
}

.tcw-footer,
.tcw-footer .cs-widget_title,
.tcw-footer .menu a,
.tcw-footer ul li,
.tcw-footer .cs-address_widgert,
.tcw-footer .cs-social_btns a {
  color: rgba(255, 255, 255, 0.78) !important;
}

.tcw-footer .cs-widget_title {
  color: #ffffff !important;
}

.tcw-footer .menu a:hover,
.tcw-footer .cs-social_btns a:hover {
  color: #38BDF8 !important;
}

@media (max-width: 767px) {
  .cs-hero.cs-style8.cs-type1 {
    min-height: 300px;
    padding: 104px 0 54px;
  }

  .cs-hero.cs-style8.cs-type1 .cs-hero_title {
    font-size: clamp(2rem, 11vw, 3rem);
  }

  .cs-height_140,
  .cs-height_135,
  .cs-height_115 {
    height: 64px;
  }
}

.tcw-floating-contact,
.tcw-floating-contact__icons {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tcw-floating-contact::before,
.tcw-floating-contact::after,
.tcw-floating-contact__icons::before,
.tcw-floating-contact__icons::after {
  content: none !important;
  display: none !important;
}

.tcw-it-logo-slider {
  overflow: hidden;
}

.tcw-it-logo-slider .cs-slider_container,
.tcw-it-logo-slider .slick-list {
  overflow: hidden;
}

.tcw-it-logo-slider .slick-track {
  display: flex;
  align-items: center;
}

.tcw-it-logo-slider .cs-slide,
.tcw-it-logo-slider .slick-slide {
  min-height: 158px;
  padding: 0 16px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.tcw-it-logo-slider .tcw-it-logo-item,
.tcw-it-logo-slider .tcw-it-logo-text {
  width: 100%;
  min-height: 142px;
  padding: 20px 22px;
  font-size: 2rem;
}

.tcw-it-logo-slider .tcw-it-logo-item img {
  max-width: min(290px, 98%);
  max-height: 122px;
}

@media (max-width: 767px) {
  .tcw-it-logo-slider .cs-slide,
  .tcw-it-logo-slider .slick-slide {
    padding: 0 5px;
  }

  .tcw-it-logo-slider .tcw-it-logo-item,
  .tcw-it-logo-slider .tcw-it-logo-text {
    min-height: 122px;
    padding: 16px 10px;
    font-size: 1.45rem;
  }

  .tcw-it-logo-slider .tcw-it-logo-item img {
    max-width: min(220px, 98%);
    max-height: 102px;
  }
}

.tcw-it-logo-slider .tcw-it-logo-item,
.tcw-it-logo-slider .tcw-it-logo-text {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.tcw-it-logo-slider .tcw-it-logo-item img {
  filter: none !important;
  opacity: 1 !important;
}

.tcw-footer .widget_nav_menu .cs-widget_title,
.tcw-footer .widget_nav_menu .menu a {
  color: #ffffff !important;
}

.tcw-footer .cs-footer_newsletter.cs-style1 .cs-footer_newsletter_form {
  max-width: 100%;
  margin: 0;
}

.tcw-footer .cs-footer_newsletter.cs-style1 .cs-footer_newsletter_input {
  height: 45px !important;
  padding-right: 92px !important;
  border-radius: 3px !important;
}

.tcw-footer .cs-footer_newsletter.cs-style1 .cs-footer_newsletter_btn {
  top: 0 !important;
  right: 0 !important;
  width: 75px !important;
  height: 45px !important;
  border-radius: 0 3px 3px 0 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

.tcw-footer .cs-footer_newsletter.cs-style1 .cs-footer_newsletter_btn:hover {
  transform: none !important;
  box-shadow: none !important;
}

@media (max-width: 991px) {
  .tcw-mobile_group_toggle i {
    color: #020617 !important;
    opacity: 1 !important;
  }

  .tcw-mobile_group.is-open .tcw-mobile_group_toggle i,
  .tcw-mobile_group_toggle:hover i,
  .tcw-mobile_group_toggle:focus i {
    color: #0f172a !important;
  }
}

.tcw-site-header,
.tcw-site-header.cs-sticky-active {
  background: transparent !important;
  box-shadow: none !important;
}

.tcw-site-header .cs-main_header_in,
.tcw-site-header.cs-sticky-active .cs-main_header_in {
  border-color: rgba(56, 189, 248, 0.22) !important;
  background: #0F172A !important;
  box-shadow: 0 18px 46px rgba(2, 6, 23, 0.28) !important;
}

.tcw-site-header .tcw-nav_item > a,
.tcw-site-header .tcw-dropdown_link_group,
.tcw-site-header .tcw-dropdown_link_group > a,
.tcw-site-header .tcw-dropdown_toggle {
  color: #ffffff !important;
}

.tcw-site-header .tcw-dropdown_toggle {
  background: rgba(255, 255, 255, 0.10) !important;
}

.tcw-site-header .tcw-nav_item:hover > a,
.tcw-site-header .tcw-nav_item:hover > .tcw-dropdown_link_group,
.tcw-site-header .tcw-nav_item:focus-within > a,
.tcw-site-header .tcw-nav_item:focus-within > .tcw-dropdown_link_group,
.tcw-site-header .tcw-nav_item.is-active > a,
.tcw-site-header .tcw-nav_item.is-active > .tcw-dropdown_link_group,
.tcw-site-header .tcw-nav_item.is-open > .tcw-dropdown_link_group {
  color: #ffffff !important;
  background: linear-gradient(135deg, #38BDF8 0%, #2563EB 100%) !important;
  box-shadow: 0 14px 28px rgba(56, 189, 248, 0.22) !important;
}

.tcw-site-header .tcw-header_icon {
  border: 1px solid rgba(56, 189, 248, 0.38) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.tcw-site-header .tcw-header_icon:hover {
  background: #38BDF8 !important;
  color: #ffffff !important;
  transform: none !important;
}

.tcw-site-header .tcw-header_cta,
.tcw-site-header .tcw-header_cta:hover {
  background: linear-gradient(135deg, #38BDF8 0%, #2563EB 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

.tcw-header_auth {
  align-items: center;
  background: rgba(56, 189, 248, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 0.76rem;
  font-weight: 900;
  gap: 8px;
  min-height: 52px;
  padding: 0 25px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.25s ease, transform 0.25s ease;
  white-space: nowrap;
}

.tcw-header_auth:hover {
  background: rgba(56, 189, 248, 0.18);
  color: #ffffff;
  transform: translateY(-2px);
}

.tcw-header_auth_primary {
  background: linear-gradient(135deg, #38BDF8, #2563EB);
  border-color: transparent;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.22);
}

.tcw-site-header .tcw-menu_toggle {
  background: rgba(255, 255, 255, 0.10) !important;
  color: #ffffff !important;
}

.tcw-site-header .cs-main_header {
  padding: 0 10px !important;
}

.tcw-site-header .cs-main_header_in,
.tcw-site-header.cs-sticky-active .cs-main_header_in {
  gap: 18px !important;
  width: min(1380px, calc(100% - 20px)) !important;
  min-height: 82px !important;
  padding: 10px 18px !important;
}

.tcw-site-header .cs-main_header_center {
  justify-content: center !important;
}

.tcw-site-header .tcw-brand img {
  width: 136px !important;
  height: 58px !important;
}

.tcw-site-header .tcw-nav_list {
  gap: 4px !important;
}

.tcw-site-header .tcw-nav_item > a,
.tcw-site-header .tcw-dropdown_link_group {
  min-height: 44px !important;
  padding: 12px 11px !important;
  font-size: 0.78rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.tcw-site-header .tcw-dropdown_link_group {
  gap: 5px !important;
}

.tcw-site-header .tcw-dropdown_toggle {
  flex: 0 0 23px !important;
  height: 23px !important;
  width: 23px !important;
}

.tcw-site-header .tcw-header_actions {
  gap: 12px !important;
}

.tcw-site-header .tcw-header_icon {
  flex: 0 0 48px !important;
  height: 48px !important;
  width: 48px !important;
}

.tcw-site-header .tcw-header_cta,
.tcw-site-header .tcw-header_cta:hover {
  min-height: 52px !important;
  padding: 14px 25px !important;
  white-space: nowrap !important;
}

@media (max-width: 1240px) and (min-width: 992px) {
  .tcw-site-header .cs-main_header_in,
  .tcw-site-header.cs-sticky-active .cs-main_header_in {
    gap: 12px !important;
    padding-inline: 14px !important;
  }

  .tcw-site-header .tcw-brand img {
    width: 124px !important;
  }

  .tcw-site-header .tcw-nav_list {
    gap: 2px !important;
  }

  .tcw-site-header .tcw-nav_item > a,
  .tcw-site-header .tcw-dropdown_link_group {
    padding-inline: 8px !important;
    font-size: 0.72rem !important;
  }

  .tcw-site-header .tcw-header_cta,
  .tcw-site-header .tcw-header_cta:hover {
    padding-inline: 20px !important;
  }

  .tcw-header_auth {
    padding-inline: 11px;
  }

  .tcw-header_auth i {
    display: none;
  }

  .tcw-header_auth_primary {
    display: none;
  }
}

@media (max-width: 1100px) and (min-width: 992px) {
  .tcw-header_auth {
    display: none;
  }
}

@media (max-width: 991px) {
  .tcw-site-header .tcw-mobile_panel {
    border-color: rgba(56, 189, 248, 0.22) !important;
    background: #0F172A !important;
  }

  .tcw-site-header .tcw-mobile_link,
  .tcw-site-header .tcw-mobile_group_toggle {
    color: #ffffff !important;
  }

  .tcw-site-header .tcw-mobile_group_toggle i {
    color: #ffffff !important;
  }

  .tcw-mobile_auth_form button {
    background: rgba(56, 189, 248, 0.1);
    border: 1px solid rgba(56, 189, 248, 0.22);
    border-radius: 14px;
    color: #ffffff;
    font-weight: 800;
    min-height: 46px;
    padding: 0 16px;
    text-align: left;
    width: 100%;
  }

  .tcw-site-header .tcw-mobile_link.is-active,
  .tcw-site-header .tcw-mobile_group.is-open .tcw-mobile_group_toggle {
    background: rgba(56, 189, 248, 0.16) !important;
    color: #ffffff !important;
  }

  .tcw-site-header .tcw-mobile_group.is-open .tcw-mobile_group_toggle i,
  .tcw-site-header .tcw-mobile_group_toggle:hover i,
  .tcw-site-header .tcw-mobile_group_toggle:focus i {
    color: #38BDF8 !important;
  }
}

.cs-hero.cs-style8.cs-type1 .cs-down_btn,
.cs-hero.cs-style8.cs-type1 .cs-down_btn:hover,
.cs-hero.cs-style8.cs-type1 .cs-down_btn:focus {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.tcw-contact-form-shell .cs-contact_left .cs-circle {
  display: none !important;
}

.tcw-contact-form-shell .cs-contact_left::before,
.tcw-contact-form-shell .cs-contact_left::after {
  content: none !important;
  display: none !important;
}

.tcw-contact-form-shell .cs-contact_title,
.tcw-contact-form-shell .cs-contact_info,
.tcw-contact-form-shell .cs-contact_info li,
.tcw-contact-form-shell .cs-contact_info li i {
  color: #ffffff !important;
}

.tcw-contact-form-shell .cs-contact_info li {
  color: rgba(255, 255, 255, 0.88) !important;
  line-height: 1.65;
}

.tcw-contact-form-shell .cs-contact_info li i {
  color: #ffffff !important;
}

.tcw-contact-form-shell .cs-social_btns.cs-style1 a {
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff !important;
  box-shadow: none;
}

.tcw-contact-form-shell .cs-social_btns.cs-style1 a:hover {
  background: #ffffff;
  color: #2563EB !important;
  border-color: #ffffff;
}

.tcw-site-header .tcw-nav_item > a:active,
.tcw-site-header .tcw-nav_item > a:focus,
.tcw-site-header .tcw-nav_item > a:focus-visible,
.tcw-site-header .tcw-dropdown_link_group:active,
.tcw-site-header .tcw-dropdown_link_group:focus-within,
.tcw-site-header .tcw-dropdown_link_group > a:active,
.tcw-site-header .tcw-dropdown_link_group > a:focus,
.tcw-site-header .tcw-dropdown_link_group > a:focus-visible,
.tcw-site-header .tcw-dropdown_toggle:active,
.tcw-site-header .tcw-dropdown_toggle:focus,
.tcw-site-header .tcw-dropdown_toggle:focus-visible {
  outline: 0 !important;
  background: linear-gradient(135deg, var(--tcw-sky) 0%, #2daae0 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(56, 189, 248, 0.24) !important;
}

.tcw-site-header .tcw-dropdown_link_group:focus-within > a,
.tcw-site-header .tcw-dropdown_link_group:focus-within .tcw-dropdown_toggle,
.tcw-site-header .tcw-nav_item:active > a,
.tcw-site-header .tcw-nav_item:focus-within > a,
.tcw-site-header .tcw-nav_item:focus-within > .tcw-dropdown_link_group,
.tcw-site-header .tcw-nav_item:focus-within > .tcw-dropdown_link_group > a,
.tcw-site-header .tcw-nav_item:focus-within .tcw-dropdown_toggle {
  background: linear-gradient(135deg, var(--tcw-sky) 0%, #2daae0 100%) !important;
  color: #ffffff !important;
}

/* Dark neon homepage redesign */
.tcw-it-home {
  --tcw-home-bg: #040816;
  --tcw-home-panel: rgba(9, 16, 38, 0.92);
  --tcw-home-panel-2: rgba(11, 19, 44, 0.96);
  --tcw-home-line: rgba(115, 140, 255, 0.18);
  --tcw-home-text: #f8fbff;
  --tcw-home-muted: #a8b2d8;
  --tcw-home-blue: #4d7cff;
  --tcw-home-purple: #7a35ff;
  --tcw-home-green: #20d5a6;
  color: var(--tcw-home-text);
  background:
    radial-gradient(circle at 12% 8%, rgba(31, 111, 255, 0.16), transparent 26%),
    radial-gradient(circle at 86% 10%, rgba(122, 53, 255, 0.18), transparent 24%),
    linear-gradient(180deg, #040816 0%, #050918 100%) !important;
}

.tcw-it-home .container {
  width: min(1240px, calc(100% - 32px));
}

.tcw-it-home .tcw-it-hero {
  min-height: auto;
  padding-top: clamp(112px, 11vw, 150px) !important;
  padding-bottom: clamp(42px, 6vw, 72px);
  background:
    radial-gradient(circle at 40% 58%, rgba(25, 104, 255, 0.18), transparent 26%),
    radial-gradient(circle at 78% 25%, rgba(127, 56, 255, 0.14), transparent 20%),
    linear-gradient(180deg, rgba(4, 8, 22, 0.2), rgba(4, 8, 22, 0.96));
}

.tcw-it-home .tcw-it-hero::before {
  content: "";
  position: absolute;
  inset: 18% 0 0;
  background:
    radial-gradient(circle at 32% 30%, rgba(0, 153, 255, 0.34) 0 1px, transparent 1.2px),
    radial-gradient(circle at 50% 52%, rgba(0, 153, 255, 0.24) 0 1px, transparent 1.4px);
  background-size: 18px 18px, 24px 24px;
  mask-image: radial-gradient(circle at 34% 34%, #000 0, transparent 56%);
  opacity: 0.7;
  pointer-events: none;
}

.tcw-it-home .tcw-it-hero-grid {
  grid-template-columns: minmax(0, 0.88fr) minmax(420px, 0.72fr);
  gap: clamp(24px, 5vw, 72px);
}

.tcw-it-home .tcw-it-kicker,
.tcw-it-home .tcw-it-section-head span,
.tcw-it-home .tcw-it-proof-copy span,
.tcw-it-home .tcw-it-trusted p {
  color: #73a5ff;
  letter-spacing: 0.18em;
}

.tcw-it-home .tcw-it-hero-copy h1 {
  max-width: 590px;
  color: #f7f9ff;
  font-size: clamp(2.35rem, 4.6vw, 4.15rem);
  line-height: 1.02;
}

.tcw-it-home .tcw-it-hero-copy h1 span {
  color: #7f8fff;
}

.tcw-it-home .tcw-it-hero-copy p,
.tcw-it-home .tcw-it-proof-copy p,
.tcw-it-home .tcw-it-service-card p,
.tcw-it-home .tcw-it-portfolio-card p,
.tcw-it-home .tcw-form_intro {
  color: var(--tcw-home-muted);
}

.tcw-it-home .tcw-it-btn-primary,
.tcw-it-home .tcw-hero_form_card button {
  border: 0;
  background: linear-gradient(135deg, #1768ff, #5c2dff) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(51, 94, 255, 0.28);
}

.tcw-it-home .tcw-it-btn-secondary {
  color: #eef3ff;
  border-color: rgba(130, 151, 255, 0.24);
  background: rgba(255, 255, 255, 0.02);
}

.tcw-it-home .tcw-it-client-proof strong {
  color: #fff;
}

.tcw-it-home .tcw-it-client-proof small {
  color: var(--tcw-home-muted);
}

.tcw-it-home .tcw-hero_form_card {
  border: 1px solid rgba(124, 97, 255, 0.42) !important;
  background:
    linear-gradient(145deg, rgba(20, 30, 70, 0.84), rgba(8, 13, 31, 0.98)),
    rgba(8, 13, 31, 0.96) !important;
  box-shadow:
    0 0 0 1px rgba(57, 102, 255, 0.08),
    0 24px 70px rgba(0, 0, 0, 0.42);
}

.tcw-it-home .tcw-hero_form_card .form-title {
  color: #2f6df6;
}

.tcw-it-home .tcw-form_badge {
  color: #8fb1ff !important;
  background: rgba(65, 110, 255, 0.12) !important;
}

.tcw-it-home .tcw-form-field input,
.tcw-it-home .tcw-form-field select {
  border: 1px solid rgba(121, 140, 255, 0.14);
  background: rgba(255, 255, 255, 0.02);
  color: #eef3ff;
}

.tcw-it-home .tcw-form-field input::placeholder {
  color: #7f8bb4;
}

.tcw-it-home .tcw-hero_form_card .tcw-form_intro {
  color: #fff;
}

.tcw-it-home .tcw-form-field input:focus,
.tcw-it-home .tcw-form-field select:focus,
.tcw-it-home .tcw-form-field .is-invalid,
.tcw-it-home .tcw-form-field input.is-invalid,
.tcw-it-home .tcw-form-field select.is-invalid {
  background-color: rgba(255, 255, 255, 0.02) !important;
  color: #eef3ff !important;
}

.tcw-it-home .tcw-form-field input.is-invalid,
.tcw-it-home .tcw-form-field select.is-invalid {
  border-color: #ef4444 !important;
}

.tcw-it-home .tcw-form-field .field-error {
  color: #ff4d5a;
}

.tcw-it-home .tcw-it-section,
.tcw-it-home .tcw-it-services,
.tcw-it-home .tcw-it-proof,
.tcw-it-home .tcw-it-trusted,
.tcw-it-home .tcw-it-portfolio,
.tcw-it-home .tcw-blog-section {
  background: transparent;
}

.tcw-it-home .tcw-it-section {
  padding: clamp(48px, 6vw, 76px) 0;
}

.tcw-it-home .tcw-it-section-head h2,
.tcw-it-home .tcw-it-proof-copy h2 {
  color: #fff;
}

.tcw-it-home .tcw-it-service-slider .tcw-it-service-card,
.tcw-it-home .tcw-it-stat-card,
.tcw-it-home .tcw-it-why-card,
.tcw-it-home .tcw-it-portfolio-card {
  border: 1px solid var(--tcw-home-line);
  background:
    radial-gradient(circle at 50% 0%, rgba(79, 110, 255, 0.16), transparent 42%),
    var(--tcw-home-panel);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.tcw-it-home .tcw-it-service-slider .tcw-it-service-card::before {
  background:
    radial-gradient(circle at 20% 12%, rgba(72, 112, 255, 0.2), transparent 30%),
    linear-gradient(145deg, rgba(10, 17, 40, 0.96), rgba(6, 11, 27, 0.96));
}

.tcw-it-home .tcw-it-service-card h3,
.tcw-it-home .tcw-it-portfolio-card h3,
.tcw-it-home .tcw-it-why-card h3 {
  color: #fff;
}

.tcw-it-home .tcw-it-service-slider .slick-current .tcw-it-service-card,
.tcw-it-home .tcw-it-service-slider .tcw-it-service-card:hover,
.tcw-it-home .tcw-it-portfolio-card:hover,
.tcw-it-home .tcw-it-stat-card:hover,
.tcw-it-home .tcw-it-why-card:hover {
  border-color: rgba(92, 124, 255, 0.5);
  box-shadow: 0 24px 64px rgba(5, 10, 28, 0.7), 0 0 28px rgba(56, 92, 255, 0.12);
}

.tcw-it-home .tcw-it-proof-grid {
  grid-template-columns: minmax(260px, 1fr) repeat(2, minmax(220px, 1fr));
}

.tcw-it-home .tcw-it-stat-card strong {
  color: #fff;
}

.tcw-it-home .tcw-it-stat-card span {
  color: var(--tcw-home-muted);
}

.tcw-it-home .tcw-it-trusted {
  padding-top: 14px;
}

.tcw-it-home .tcw-it-logo-item,
.tcw-it-home .tcw-it-logo-text {
  min-height: 70px;
  border: 1px solid var(--tcw-home-line);
  color: #f1f5ff;
  background: rgba(255, 255, 255, 0.02);
}

.tcw-it-home .tcw-it-portfolio-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tcw-it-home .tcw-it-portfolio-card img,
.tcw-it-home .tcw-it-portfolio-visual {
  border-radius: 14px;
}

.tcw-it-home .tcw-reviews-section {
  background: transparent;
}

.tcw-it-home .tcw-reviews-section::before {
  display: none !important;
}

.tcw-it-home .tcw-reviews-section .cs-section_subtitle,
.tcw-it-home .tcw-reviews-section .cs-section_title {
  color: #2f6df6;
}

.tcw-it-home .tcw-reviews-section .cs-section_title,
.tcw-it-home .tcw-reviews-section .cs-section_title *,
.tcw-it-home .tcw-reviews-section .cs-section_title b {
  color: #2f6df6 !important;
}

.tcw-it-home .tcw-reviews-section .client-review-card,
.tcw-it-home .tcw-reviews-section .client-review-card.is-featured {
  border: 1px solid var(--tcw-home-line);
  background:
    radial-gradient(circle at 18% 0%, rgba(79, 110, 255, 0.14), transparent 34%),
    var(--tcw-home-panel);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.tcw-it-home .tcw-reviews-section .client-review-copy p,
.tcw-it-home .tcw-reviews-section .client-review-role {
  color: var(--tcw-home-muted);
}

.tcw-it-home .tcw-reviews-section .client-review-author h3 {
  color: #fff;
}

.tcw-it-home .tcw-blog-section {
  background: #040816 !important;
}

.tcw-it-home .tcw-blog-section::before {
  display: none !important;
}

.tcw-it-home .tcw-blog-section .tcw-it-section-head h2 {
  color: #fff;
}

.tcw-it-home .tcw-blog-card {
  background:
    linear-gradient(180deg, rgba(9, 16, 38, 0.12), rgba(9, 16, 38, 0.82)),
    #091026;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

.tcw-it-home .tcw-blog-rail_arrow {
  background: rgba(9, 16, 38, 0.96) !important;
  border: 1px solid rgba(123, 148, 255, 0.22);
  color: #fff !important;
}

.tcw-it-home .tcw-blog-rail_arrow:hover {
  background: linear-gradient(135deg, #1768ff, #345dff) !important;
}

.tcw-it-home + .tcw-faq-section,
.tcw-faq-section {
  color: #fff;
  background: #040816 !important;
}

.tcw-it-home + .tcw-faq-section::before,
.tcw-faq-section::before {
  display: none !important;
}

.tcw-faq-section h2 {
  color: #fff;
  text-align: center;
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.tcw-faq-section .faq-item {
  overflow: hidden;
  border: 1px solid var(--tcw-home-line, rgba(115, 140, 255, 0.18));
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
}

.tcw-faq-section .faq-question {
  color: #f8fbff;
  background: transparent;
}

.tcw-faq-section .faq-answer-content {
  color: #a8b2d8;
}

body:has(.tcw-it-home) {
  background: #040816 !important;
}

@media (max-width: 1199px) {
  .tcw-it-home .tcw-it-portfolio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .tcw-it-home .tcw-it-hero-grid,
  .tcw-it-home .tcw-it-proof-grid {
    grid-template-columns: 1fr;
  }

  .tcw-it-home .tcw-it-hero-copy {
    text-align: left;
  }

  .tcw-it-home .tcw-it-hero-copy p,
  .tcw-it-home .tcw-it-hero-copy h1,
  .tcw-it-home .tcw-it-client-proof {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .tcw-it-home .container {
    width: min(100% - 24px, 1240px);
  }

  .tcw-it-home .tcw-it-hero::before {
    opacity: 0.38;
  }

  .tcw-it-home .tcw-it-portfolio-grid {
    grid-template-columns: 1fr;
  }

}

.tcw-blog-section .cs-section_title .cs-with_bar svg,
.tcw-blog-section .cs-section_title .cs-with_bar svg path {
  color: #38BDF8 !important;
  fill: #38BDF8 !important;
}

.tcw-portfolio-detail-page {
  max-width: 1120px;
  background: transparent !important;
}

.tcw-portfolio-detail-page > .cs-height_50,
.tcw-portfolio-detail-page > .cs-height_lg_40 {
  height: clamp(28px, 4vw, 46px) !important;
}

.tcw-portfolio-detail-page {
  padding: 0 12px;
}

.tcw-portfolio-detail-hero-img {
  height: clamp(300px, 36vw, 440px) !important;
  padding: clamp(12px, 2vw, 18px);
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 80% 8%, rgba(56, 189, 248, 0.10), transparent 30%),
    #ffffff;
  object-fit: contain !important;
  object-position: center !important;
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.10);
}

.tcw-portfolio-detail-section.cs-frame_2_column {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3.4vw, 44px);
  align-items: stretch;
}

.tcw-portfolio-detail-section.cs-mobile_reverse {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tcw-portfolio-detail-section .cs-frame_left,
.tcw-portfolio-detail-section .cs-frame_right {
  width: 100% !important;
}

.tcw-portfolio-detail-section .cs-space_left_100,
.tcw-portfolio-detail-section .cs-space_right_100 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.tcw-portfolio-detail-img {
  height: clamp(420px, 40vw, 560px) !important;
  padding: 10px;
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 16px !important;
  background: #ffffff;
  object-fit: contain !important;
  object-position: center !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.09);
}

.tcw-portfolio-detail-copy,
.tcw-portfolio-detail-meta .cs-vertical_middle_in {
  height: 100%;
  min-height: clamp(420px, 40vw, 560px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(24px, 3vw, 38px) !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(56, 189, 248, 0.08), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.075) !important;
}

.tcw-portfolio-detail-copy h2 {
  max-width: 420px;
  margin: 0 0 14px;
  font-size: clamp(1.55rem, 2.25vw, 2.25rem);
  line-height: 1.14;
}

.tcw-portfolio-detail-copy h2 svg,
.tcw-related-portfolio-grid svg {
  color: #38BDF8 !important;
}

.tcw-portfolio-detail-copy h2 svg path,
.tcw-related-portfolio-grid svg path {
  fill: #38BDF8 !important;
}

.tcw-portfolio-detail-text {
  color: #475569;
  max-width: 520px;
  font-size: 0.98rem;
  line-height: 1.78;
}

.tcw-portfolio-detail-kicker {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(56, 189, 248, 0.12);
  color: #2563EB;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tcw-portfolio-detail-meta .cs-vertical_middle,
.tcw-portfolio-detail-meta .cs-vertical_middle_in {
  width: 100%;
}

.tcw-portfolio-detail-meta .cs-details_list.cs-style1 li {
  display: grid;
  grid-template-columns: 106px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 13px 0;
  border-bottom: 1px solid rgba(226, 232, 240, 0.92);
}

.tcw-portfolio-detail-meta .cs-details_list.cs-style1 li:first-child {
  padding-top: 0;
}

.tcw-portfolio-detail-meta .cs-details_list.cs-style1 li:last-child {
  border-bottom: 0;
}

.tcw-portfolio-detail-meta .cs-details_list.cs-style1 .cs-list_title {
  min-width: 0;
  margin: 0;
  padding: 0;
}

.tcw-portfolio-detail-meta .cs-details_list.cs-style1 .cs-list_title::after {
  display: none;
}

.tcw-portfolio-detail-meta .cs-details_list.cs-style1 .cs-list_title span {
  display: inline-flex;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(56, 189, 248, 0.12);
  color: #2563EB !important;
  font-size: 0.68rem;
  line-height: 1;
  text-transform: uppercase;
}

.tcw-portfolio-detail-meta .cs-list_text,
.tcw-portfolio-detail-meta .cs-list_text a,
.tcw-portfolio-detail-meta .cs-portfolio_tags {
  min-width: 0;
  color: #334155 !important;
  overflow-wrap: anywhere;
  line-height: 1.6;
}

.tcw-portfolio-detail-meta .cs-btn {
  margin-top: auto;
  align-self: flex-start;
  border-radius: 999px !important;
}

.tcw-portfolio-detail-copy {
  align-items: center;
  justify-content: center !important;
  text-align: center;
}

.tcw-portfolio-detail-copy .tcw-portfolio-detail-kicker,
.tcw-portfolio-detail-copy h2,
.tcw-portfolio-detail-text {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

@media (max-width: 991px) {
  .tcw-portfolio-detail-section.cs-frame_2_column,
  .tcw-portfolio-detail-section.cs-mobile_reverse {
    grid-template-columns: 1fr;
  }

  .tcw-portfolio-detail-section.cs-mobile_reverse .tcw-portfolio-detail-meta {
    order: 2;
  }

  .tcw-portfolio-detail-section.cs-mobile_reverse .cs-frame_left {
    order: 1;
  }

  .tcw-portfolio-detail-hero-img {
    height: clamp(250px, 48vw, 350px) !important;
  }

  .tcw-portfolio-detail-copy,
  .tcw-portfolio-detail-meta .cs-vertical_middle_in {
    min-height: auto;
  }

  .tcw-portfolio-detail-img {
    height: clamp(260px, 54vw, 360px) !important;
  }
}

@media (max-width: 575px) {
  .tcw-portfolio-detail-page {
    width: calc(100% - 24px);
    padding: 0;
  }

  .tcw-portfolio-detail-copy,
  .tcw-portfolio-detail-meta .cs-vertical_middle_in {
    padding: 22px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08) !important;
  }

  .tcw-portfolio-mobile-slide img {
    padding: 8px;
    background: #ffffff;
    object-fit: contain !important;
  }

  .tcw-portfolio-detail-meta .cs-details_list.cs-style1 li {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .tcw-portfolio-detail-meta .cs-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .tcw-floating-contact {
    display: flex !important;
  }
}

@media (max-width: 575px) {
  #next_section {
    background: #f8fafc;
  }

  .tcw-portfolio-detail-page {
    width: 100% !important;
    padding: 0 10px !important;
    background: #f8fafc !important;
  }

  .tcw-portfolio-detail-page > .cs-height_50,
  .tcw-portfolio-detail-page > .cs-height_lg_40 {
    height: 18px !important;
  }

  .tcw-portfolio-mobile-slider {
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tcw-portfolio-mobile-slide {
    flex-basis: 100% !important;
    padding: 0 !important;
  }

  .tcw-portfolio-mobile-slide img {
    width: 100% !important;
    height: min(300px, 78vw) !important;
    padding: 10px !important;
    border: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 12px !important;
    background: #ffffff !important;
    object-fit: contain !important;
    object-position: center !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
  }

  .tcw-portfolio-detail-section.cs-frame_2_column,
  .tcw-portfolio-detail-section.cs-mobile_reverse {
    gap: 18px !important;
  }

  .tcw-portfolio-detail-copy,
  .tcw-portfolio-detail-meta .cs-vertical_middle_in {
    min-height: auto !important;
    padding: 20px !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07) !important;
  }

  .tcw-portfolio-detail-kicker {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 12px !important;
    padding: 7px 10px !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.04em !important;
  }

  .tcw-portfolio-detail-copy h2 {
    display: block !important;
    visibility: visible !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    color: #020617 !important;
    font-size: 1.45rem !important;
    line-height: 1.18 !important;
    text-align: center !important;
  }

  .tcw-portfolio-detail-copy h2 b {
    color: #2563EB !important;
  }

  .tcw-portfolio-detail-copy h2 svg {
    display: none !important;
  }

  .tcw-portfolio-detail-text {
    display: block !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: #475569 !important;
    font-size: 0.92rem !important;
    line-height: 1.68 !important;
    text-align: center !important;
  }

  .tcw-portfolio-detail-img {
    width: 100% !important;
    height: min(310px, 82vw) !important;
    padding: 10px !important;
    border: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 12px !important;
    background: #ffffff !important;
    object-fit: contain !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08) !important;
  }

  .tcw-portfolio-detail-meta .cs-details_list.cs-style1 li {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 14px 0 !important;
  }

  .tcw-portfolio-detail-meta .cs-details_list.cs-style1 .cs-list_title span {
    display: inline-flex !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: rgba(56, 189, 248, 0.12) !important;
    color: #2563EB !important;
    font-size: 0.64rem !important;
  }

  .tcw-portfolio-detail-meta .cs-list_text,
  .tcw-portfolio-detail-meta .cs-list_text a,
  .tcw-portfolio-detail-meta .cs-portfolio_tags {
    font-size: 0.93rem !important;
    line-height: 1.55 !important;
  }

  .tcw-portfolio-detail-meta .cs-btn {
    min-height: 52px !important;
    margin-top: 18px !important;
    border-radius: 999px !important;
  }
}

.tcw-portfolio-detail-hero-img,
.tcw-portfolio-detail-img,
.tcw-portfolio-mobile-slide img {
  width: 100% !important;
  max-width: 100% !important;
  max-height: 520px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
}

.tcw-portfolio-detail-img {
  max-height: none !important;
}

.tcw-portfolio-detail-section.cs-mobile_reverse .tcw-portfolio-detail-meta,
.tcw-portfolio-detail-section.cs-mobile_reverse .cs-frame_left {
  display: flex;
}

.tcw-portfolio-detail-section.cs-mobile_reverse .cs-frame_left .tcw-portfolio-detail-img {
  align-self: stretch;
}

.tcw-portfolio-mobile-slide {
  display: flex !important;
  justify-content: center;
}

@media (max-width: 575px) {
  .tcw-portfolio-mobile-slide img,
  .tcw-portfolio-detail-img {
    max-height: 360px !important;
  }
}

@media (min-width: 992px) {
  .tcw-portfolio-detail-section.cs-frame_2_column,
  .tcw-portfolio-detail-section.cs-mobile_reverse {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  .tcw-portfolio-detail-copy,
  .tcw-portfolio-detail-meta .cs-vertical_middle_in,
  .tcw-portfolio-detail-img {
    width: 100% !important;
    height: clamp(420px, 40vw, 560px) !important;
  }

  .tcw-portfolio-detail-meta,
  .tcw-portfolio-detail-section .cs-frame_left {
    display: flex !important;
  }
}

.tcw-service-detail-page {
  padding-bottom: 8px;
  background:
    radial-gradient(circle at 12% 0%, rgba(56, 189, 248, 0.08), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(37, 99, 235, 0.06), transparent 24%),
    #f8fafc;
}

.tcw-service-detail-hero {
  row-gap: 28px;
}

.tcw-service-detail-hero > [class*="col-"] {
  display: flex;
}

.tcw-service-detail-media,
.tcw-service-detail-content {
  width: 100%;
  min-height: 520px;
  border: 1px solid rgba(226, 232, 240, 0.94);
  border-radius: 16px;
  background:
    radial-gradient(circle at 86% 8%, rgba(56, 189, 248, 0.12), transparent 30%),
    #ffffff;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
}

.tcw-service-detail-media {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(14px, 2vw, 22px);
  overflow: hidden;
}

.tcw-service-detail-media img {
  width: 100%;
  max-height: 480px;
  display: block;
  object-fit: contain;
  object-position: center;
  border-radius: 12px;
}

.tcw-service-detail-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px, 4vw, 48px);
}

.tcw-service-detail-kicker {
  width: fit-content;
  display: inline-flex;
  margin-bottom: 16px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(56, 189, 248, 0.12);
  color: #2563EB;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tcw-service-detail-page .cs-service_details_title {
  margin: 0 0 18px;
  color: #020617 !important;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.06;
  letter-spacing: 0;
}

.tcw-service-detail-page .cs-service_details_title b {
  color: #38BDF8 !important;
}

.tcw-service-detail-page .cs-service_details_text {
  margin-bottom: 24px;
  color: #475569 !important;
  font-size: 1rem;
  line-height: 1.82;
}

.tcw-service-process-heading {
  margin-bottom: 12px !important;
  color: #020617 !important;
  font-size: 1.1rem;
}

.tcw-service-process-list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.tcw-service-process-list li {
  display: grid;
  grid-template-columns: minmax(116px, 0.38fr) minmax(0, 1fr);
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.86);
}

.tcw-service-process-list .cs-list_title {
  margin: 0;
  padding: 0;
}

.tcw-service-process-list .cs-list_title::after {
  display: none;
}

.tcw-service-process-list .cs-list_title span {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(56, 189, 248, 0.12);
  color: #2563EB !important;
  font-size: 0.72rem;
  line-height: 1;
  text-transform: uppercase;
}

.tcw-service-process-list .cs-list_text {
  min-width: 0;
  color: #475569 !important;
  line-height: 1.65;
}

.tcw-services-page-section {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.94) 0%, rgba(255, 255, 255, 0.84) 46%, rgba(248, 250, 252, 0.96) 100%),
    url("../img/generated/services-bg.png") center top / cover no-repeat !important;
}

.tcw-services-page-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 18%, rgba(56, 189, 248, 0.14), transparent 26%),
    radial-gradient(circle at 86% 30%, rgba(37, 99, 235, 0.10), transparent 24%);
}

.tcw-services-page-section > * {
  position: relative;
  z-index: 1;
}

.tcw-services-page-section .tcw-home-services-grid {
  row-gap: 28px;
}

.tcw-services-page-section .tcw-home-services-grid > [class*="col-"] {
  display: flex;
}

.tcw-services-page-section .tcw-home-services-grid > [class*="col-"] > .cs-height_50,
.tcw-services-page-section .tcw-home-services-grid > [class*="col-"] > .cs-height_lg_30 {
  display: none;
}

.tcw-services-page-section .tcw-feature-card {
  width: 100%;
  min-height: 286px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.86) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 20px 46px rgba(15, 23, 42, 0.09) !important;
  backdrop-filter: blur(14px);
}

.tcw-services-page-section .tcw-feature-card:hover {
  border-color: rgba(56, 189, 248, 0.44) !important;
  background: #ffffff !important;
  transform: translateY(-8px);
  box-shadow: 0 30px 70px rgba(15, 23, 42, 0.14) !important;
}

.tcw-services-page-section .tcw-feature-card .cs-icon_box_in {
  width: 100%;
}

.tcw-services-page-section .tcw-home-service-icon {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.16), rgba(37, 99, 235, 0.08)) !important;
}

.tcw-about-services-section {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.94) 0%, rgba(255, 255, 255, 0.84) 46%, rgba(248, 250, 252, 0.96) 100%),
    url("../img/generated/services-bg.png") center top / cover no-repeat !important;
}

.tcw-about-services-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 18%, rgba(56, 189, 248, 0.14), transparent 26%),
    radial-gradient(circle at 86% 30%, rgba(37, 99, 235, 0.10), transparent 24%);
}

.tcw-about-services-section > * {
  position: relative;
  z-index: 1;
}

.tcw-about-services-section .tcw-about-services-grid {
  row-gap: 28px;
}

.tcw-about-services-section .cs-section_title .cs-with_bar svg,
.tcw-about-services-section .cs-section_title .cs-with_bar svg path {
  color: var(--cs-accent, #38BDF8) !important;
  fill: var(--cs-accent, #38BDF8) !important;
}

.tcw-reviews-section .cs-section_title .cs-with_bar svg,
.tcw-reviews-section .cs-section_title .cs-with_bar svg path {
  color: var(--cs-accent, #38BDF8) !important;
  fill: var(--cs-accent, #38BDF8) !important;
}

.tcw-about-services-section .tcw-about-services-grid .cs-icon_box.cs-style6 {
  border: 1px solid rgba(255, 255, 255, 0.86) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 20px 46px rgba(15, 23, 42, 0.09) !important;
  backdrop-filter: blur(14px);
}

.tcw-about-services-section .tcw-about-services-grid .cs-icon_box.cs-style6:hover {
  border-color: rgba(56, 189, 248, 0.44) !important;
  background: #ffffff !important;
  transform: translateY(-8px);
  box-shadow: 0 30px 70px rgba(15, 23, 42, 0.14) !important;
}

@media (max-width: 575px) {
  .tcw-services-page-section {
    background:
      linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.88) 52%, rgba(248, 250, 252, 0.98) 100%),
      url("../img/generated/services-bg.png") center top / auto 520px no-repeat !important;
  }

  .tcw-services-page-section .tcw-feature-card {
    min-height: auto;
    border-radius: 12px !important;
  }

  .tcw-about-services-section {
    background:
      linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.88) 52%, rgba(248, 250, 252, 0.98) 100%),
      url("../img/generated/services-bg.png") center top / auto 520px no-repeat !important;
  }

  .tcw-about-services-section .tcw-about-services-grid .cs-icon_box.cs-style6 {
    border-radius: 12px !important;
  }
}

.tcw-service-video-block {
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.94);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
}

.tcw-service-video-block img {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
}

.tcw-service-page-navigation {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 18px;
  border: 1px solid rgba(226, 232, 240, 0.94);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

.tcw-service-page-navigation a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #2563EB !important;
  font-weight: 800;
}

@media (max-width: 991px) {
  .tcw-service-detail-media,
  .tcw-service-detail-content {
    min-height: auto;
  }

  .tcw-service-detail-media img {
    max-height: 360px;
  }
}

@media (max-width: 575px) {
  .tcw-service-detail-page .container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }

  .tcw-service-detail-media,
  .tcw-service-detail-content,
  .tcw-service-video-block,
  .tcw-service-page-navigation {
    border-radius: 12px;
  }

  .tcw-service-detail-content {
    padding: 22px;
    text-align: center;
  }

  .tcw-service-detail-kicker {
    margin-right: auto;
    margin-left: auto;
    font-size: 0.62rem;
    letter-spacing: 0.04em;
  }

  .tcw-service-detail-page .cs-service_details_title {
    font-size: 1.95rem;
  }

  .tcw-service-detail-page .cs-service_details_text {
    font-size: 0.93rem;
    line-height: 1.7;
  }

  .tcw-service-process-list li {
    grid-template-columns: 1fr;
    gap: 8px;
    text-align: left;
  }

  .tcw-service-page-navigation {
    flex-direction: column;
    align-items: stretch;
  }

  .tcw-service-page-navigation a {
    justify-content: center;
  }
}

/* Reference-style service and portfolio detail pages */
.tcw-detail-modern {
  --tcw-detail-blue: var(--cs-accent, #0d7df2);
  --tcw-detail-green: var(--cs-accent-2, #22c55e);
  --tcw-detail-ink: var(--tcw-theme-dark, #061330);
  --tcw-detail-muted: #475569;
  background: #fff;
  color: var(--tcw-detail-ink);
  overflow-x: hidden;
}

.tcw-detail-modern .container {
  max-width: 1180px;
}

.tcw-detail-hero {
  padding: 48px 0 58px;
  background:
    radial-gradient(circle at 73% 22%, rgba(13, 125, 242, 0.12), transparent 26%),
    radial-gradient(circle at 15% 70%, rgba(34, 197, 94, 0.08), transparent 22%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  overflow: hidden;
}

.tcw-service-modern .tcw-detail-hero {
  padding-top: clamp(132px, 12vw, 168px);
  padding-bottom: clamp(58px, 7vw, 82px);
}

.tcw-portfolio-modern .tcw-detail-hero {
  padding-top: clamp(132px, 12vw, 168px);
  padding-bottom: clamp(58px, 7vw, 82px);
}

.tcw-service-modern .tcw-detail-hero-grid {
  min-height: clamp(420px, 48vw, 540px);
}

.tcw-portfolio-modern .tcw-detail-hero-grid {
  min-height: clamp(440px, 48vw, 560px);
}

.tcw-detail-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 42px;
  color: #64748b;
  font-size: 14px;
  font-weight: 700;
}

.tcw-detail-breadcrumb a {
  color: #334155;
}

.tcw-detail-breadcrumb i {
  color: #94a3b8;
  font-size: 10px;
}

.tcw-detail-breadcrumb span {
  color: #020617;
}

.tcw-blog-detail-shell .tcw-detail-breadcrumb {
  justify-content: center;
  margin-bottom: 20px;
}

.tcw-blog-detail-shell .tcw-detail-breadcrumb span {
  max-width: 460px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tcw-detail-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(34px, 6vw, 80px);
  align-items: center;
}

.tcw-detail-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--tcw-detail-blue);
  font-size: 18px;
  font-weight: 900;
}

.tcw-detail-hero-copy h1 {
  max-width: 560px;
  margin: 0 0 18px;
  color: var(--tcw-detail-ink);
  font-size: clamp(2.4rem, 5vw, 4.5rem);
  line-height: 1.04;
  font-weight: 900;
  letter-spacing: 0;
}

.tcw-detail-hero-copy h1 span,
.tcw-detail-heading h2 span {
  color: var(--tcw-detail-blue);
}

.tcw-detail-hero-copy p {
  max-width: 540px;
  margin: 0;
  color: var(--tcw-detail-muted);
  font-size: 17px;
  line-height: 1.85;
}

.tcw-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 36px;
}

.tcw-detail-btn {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 28px;
  border: 1px solid var(--tcw-detail-blue);
  border-radius: 5px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.tcw-detail-btn:hover {
  transform: translateY(-2px);
}

.tcw-detail-btn-primary {
  color: #fff !important;
  background: linear-gradient(180deg, var(--tcw-detail-blue), color-mix(in srgb, var(--tcw-detail-blue) 76%, #001b44));
  box-shadow: 0 15px 34px rgba(13, 125, 242, 0.25);
}

.tcw-detail-btn-outline {
  color: var(--tcw-detail-blue) !important;
  background: #fff;
}

.tcw-detail-btn-light {
  min-height: 48px;
  padding: 14px 22px;
  border-color: #fff;
  color: var(--tcw-detail-blue) !important;
  background: #fff;
}

.tcw-detail-hero-media {
  position: relative;
  min-height: 440px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tcw-detail-hero-media::before {
  content: "";
  position: absolute;
  inset: 8% 4% 4% 8%;
  border: 1px solid rgba(13, 125, 242, 0.14);
  transform: skewY(-9deg);
}

.tcw-detail-hero-media img {
  position: relative;
  z-index: 2;
  width: min(100%, 620px);
  max-height: 470px;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 26px 42px rgba(15, 23, 42, 0.14));
}

.tcw-service-image-link {
  position: relative;
  z-index: 2;
  display: block;
  color: inherit;
  cursor: zoom-in;
}

.tcw-detail-hero-media .tcw-blog-image-zoom,
.tcw-detail-video .tcw-blog-image-zoom,
.tcw-project-gallery .tcw-blog-image-zoom {
  right: 18px;
  bottom: 18px;
}

.tcw-detail-hero-media .tcw-service-image-link:hover .tcw-blog-image-zoom,
.tcw-detail-video .tcw-service-image-link:hover .tcw-blog-image-zoom,
.tcw-project-gallery .tcw-service-image-link:hover .tcw-blog-image-zoom {
  opacity: 1;
  transform: translateY(0);
}

.tcw-orbit-icon {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  width: 74px;
  height: 74px;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, var(--tcw-detail-blue), #2f8cff);
  font-size: 28px;
  box-shadow: 0 18px 34px rgba(13, 125, 242, 0.26);
}

.tcw-orbit-icon-1 {
  left: 8%;
  top: 10%;
}

.tcw-orbit-icon-2 {
  right: 2%;
  top: 22%;
  background: linear-gradient(135deg, var(--tcw-detail-green), #17b568);
  box-shadow: 0 18px 34px rgba(34, 197, 94, 0.25);
}

.tcw-orbit-icon-3 {
  right: 12%;
  bottom: 8%;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--tcw-detail-green), #0ea85f);
  box-shadow: 0 18px 34px rgba(34, 197, 94, 0.25);
}

.tcw-detail-section {
  padding: 68px 0;
}

.tcw-detail-heading {
  margin-bottom: 36px;
}

.tcw-detail-heading h2 {
  position: relative;
  display: inline-block;
  margin: 0;
  color: var(--tcw-detail-ink);
  font-size: clamp(1.7rem, 3vw, 2.35rem);
  line-height: 1.25;
  font-weight: 900;
}

.tcw-detail-heading h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 46px;
  height: 3px;
  border-radius: 999px;
  background: var(--tcw-detail-green);
}

.tcw-service-modern .tcw-about-detail-section .tcw-detail-heading h2::after {
  background: var(--tcw-detail-blue) !important;
}

.tcw-detail-heading.text-center h2::after {
  left: 50%;
  width: 60px;
  background: var(--tcw-detail-blue);
  transform: translateX(-50%);
}

.tcw-process-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 6vw, 86px);
}

.tcw-process-grid::before {
  content: "";
  position: absolute;
  left: 16%;
  right: 16%;
  top: 72px;
  border-top: 2px dashed rgba(13, 125, 242, 0.22);
}

.tcw-process-card {
  position: relative;
  z-index: 1;
  min-height: 350px;
  padding: 46px 34px 34px;
  border: 1px solid rgba(203, 213, 225, 0.86);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.05);
}

.tcw-process-icon {
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -26px auto 22px;
  border-radius: 50%;
  color: var(--tcw-detail-blue);
  background: #edf5ff;
  font-size: 36px;
}

.tcw-process-card > span {
  display: block;
  margin-bottom: 8px;
  color: var(--tcw-detail-blue);
  font-size: 22px;
  font-weight: 900;
}

.tcw-process-card h3 {
  margin: 0 0 12px;
  color: var(--tcw-detail-ink);
  font-size: 20px;
  font-weight: 900;
}

.tcw-process-card p,
.tcw-detail-richtext,
.tcw-feature-mini p,
.tcw-detail-info-card span {
  color: var(--tcw-detail-muted);
  line-height: 1.75;
}

.tcw-about-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(34px, 6vw, 76px);
  align-items: start;
}

.tcw-detail-richtext {
  margin-bottom: 28px;
  font-size: 16px;
}

.tcw-feature-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 34px;
}

.tcw-feature-mini {
  display: flex;
  gap: 0;
  align-items: flex-start;
}

.tcw-service-modern .tcw-feature-mini {
  padding-left: 0;
}

.tcw-feature-mini i {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: var(--tcw-detail-blue);
  background: #eef6ff;
  font-size: 22px;
}

.tcw-feature-mini h4 {
  margin: 0 0 5px;
  color: var(--tcw-detail-ink);
  font-size: 15px;
  font-weight: 900;
}

.tcw-feature-mini p {
  margin: 0;
  font-size: 13px;
}

.tcw-portfolio-facts {
  gap: 22px 28px;
}

.tcw-portfolio-facts .tcw-feature-mini {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  min-width: 0;
}

.tcw-portfolio-facts .tcw-feature-mini i {
  flex: none;
}

.tcw-portfolio-facts .tcw-feature-mini > div {
  min-width: 0;
}

.tcw-portfolio-facts .tcw-feature-mini h4 {
  margin-bottom: 6px;
  font-size: 17px;
  line-height: 1.25;
}

.tcw-portfolio-facts .tcw-feature-mini p {
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.tcw-detail-video {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: linear-gradient(135deg, #083a93, #071f4f);
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.16);
}

.tcw-detail-video img {
  width: 100%;
  height: clamp(260px, 32vw, 395px);
  display: block;
  object-fit: cover;
}

.tcw-detail-video .cs-video_open,
.tcw-detail-video > span {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  width: 86px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--tcw-detail-blue) !important;
  background: #fff;
  font-size: 30px;
  transform: translate(-50%, -50%);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.2);
}

.tcw-detail-info-card {
  margin-top: 24px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

.tcw-about-detail-grid.has-no-video .tcw-detail-info-card {
  margin-top: 0;
}

.tcw-detail-info-card > div {
  display: grid;
  grid-template-columns: 42px minmax(130px, 0.35fr) minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.92);
}

.tcw-detail-info-card > div:last-child {
  border-bottom: 0;
}

.tcw-detail-info-card i {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: var(--tcw-detail-blue);
  background: #eef6ff;
}

.tcw-detail-info-card strong {
  color: var(--tcw-detail-ink);
  font-size: 14px;
  font-weight: 900;
}

.tcw-detail-info-card span {
  min-width: 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.tcw-tech-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 18px;
}

.tcw-tech-card {
  min-height: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 18px 12px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 10px;
  background: #fff;
  text-align: center;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.045);
}

.tcw-tech-card i {
  color: var(--tcw-detail-blue);
  font-size: 34px;
}

.tcw-tech-card span {
  color: var(--tcw-detail-ink);
  font-size: 14px;
  font-weight: 900;
}

.tcw-detail-cta {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 36px;
  align-items: center;
  margin-top: 36px;
  padding: 34px 36px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(120deg, var(--tcw-detail-blue), var(--tcw-detail-green));
  box-shadow: 0 22px 52px rgba(13, 125, 242, 0.18);
}

.tcw-detail-cta h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(1.8rem, 3vw, 2.55rem);
  line-height: 1.1;
  font-weight: 900;
}

.tcw-detail-cta p {
  margin: 0 0 22px;
  color: rgba(255, 255, 255, 0.92);
}

.tcw-cta-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.tcw-cta-stats > div {
  min-height: 116px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-left: 1px solid rgba(255, 255, 255, 0.36);
  text-align: center;
}

.tcw-cta-stats i {
  margin-bottom: 10px;
  color: #fff;
  font-size: 30px;
}

.tcw-cta-stats strong {
  color: #fff;
  font-size: 32px;
  line-height: 1;
  font-weight: 900;
}

.tcw-cta-stats span {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  line-height: 1.3;
}

.tcw-detail-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 360px));
  justify-content: space-between;
  gap: 18px;
  margin-top: 20px;
  padding: 0;
}

.tcw-detail-nav a {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  width: 100%;
  min-height: 104px;
  padding: 18px 20px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 12px;
  background: #fff;
  color: var(--tcw-detail-ink) !important;
}

.tcw-detail-nav a i {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--tcw-detail-blue);
  background: #eef6ff;
}

.tcw-detail-nav a > span {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.tcw-detail-nav a small {
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.03em;
  line-height: 1.2;
  text-transform: uppercase;
}

.tcw-detail-nav a strong {
  color: var(--tcw-detail-ink);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.tcw-detail-nav .tcw-next {
  grid-template-columns: minmax(0, 1fr) 44px;
  margin-left: auto;
  text-align: right;
}

.tcw-detail-nav .tcw-next i {
  grid-column: 2;
}

.tcw-detail-nav .tcw-next:first-child {
  grid-column: 2;
}

.tcw-portfolio-device img {
  border: 10px solid #fff;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 28px 58px rgba(15, 23, 42, 0.16);
}

.tcw-portfolio-modern {
  overflow-x: hidden;
}

.tcw-portfolio-preview img {
  object-fit: contain;
  padding: 12px;
  background: #f8fafc;
}

.tcw-project-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.tcw-project-gallery > div {
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}

.tcw-project-gallery .tcw-service-image-link {
  width: 100%;
  height: 100%;
}

.tcw-project-gallery img {
  width: 100%;
  height: 100%;
  max-height: 360px;
  object-fit: contain;
}

.tcw-tech-heading {
  margin-top: 54px;
}

@media (max-width: 1199px) {
  .tcw-tech-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .tcw-service-modern .tcw-detail-hero-grid {
    gap: 36px;
  }

  .tcw-detail-info-card > div {
    grid-template-columns: 38px minmax(112px, 0.36fr) minmax(0, 1fr);
    gap: 14px;
    padding: 16px 18px;
  }
}

@media (max-width: 991px) {
  .tcw-detail-hero-grid,
  .tcw-about-detail-grid,
  .tcw-detail-cta {
    grid-template-columns: 1fr;
  }

  .tcw-process-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .tcw-process-grid::before {
    display: none;
  }

  .tcw-process-card {
    min-height: auto;
  }

  .tcw-detail-hero-media {
    min-height: 340px;
  }

  .tcw-service-modern .tcw-detail-hero-grid {
    min-height: auto;
  }

  .tcw-service-modern .tcw-detail-hero-copy,
  .tcw-service-modern .tcw-detail-hero-copy h1,
  .tcw-service-modern .tcw-detail-hero-copy p {
    max-width: 100%;
  }

  .tcw-service-modern .tcw-detail-hero-media img {
    max-height: 420px;
  }

  .tcw-about-detail-grid {
    gap: 34px;
  }

  .tcw-portfolio-modern .tcw-detail-hero {
    padding-top: 122px;
  }

  .tcw-portfolio-modern .tcw-detail-hero-grid {
    min-height: auto;
  }

  .tcw-portfolio-device img {
    max-height: 360px;
  }

  .tcw-cta-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-cta-stats > div:nth-child(odd) {
    border-left: 0;
  }

  .tcw-project-gallery {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .tcw-company-page {
    padding: 108px 0 52px;
  }

  .tcw-company-page__hero {
    margin-bottom: 24px;
  }

  .tcw-company-page__hero p {
    font-size: 15px;
  }

  .tcw-company-page__content {
    border-radius: 14px;
  }

  .tcw-sitemap-grid {
    grid-template-columns: 1fr;
  }

  .tcw-detail-hero {
    padding: 32px 0 42px;
  }

  .tcw-service-modern .tcw-detail-hero {
    padding-top: 112px;
    padding-bottom: 44px;
  }

  .tcw-portfolio-modern .tcw-detail-hero {
    padding-top: 108px;
    padding-bottom: 42px;
  }

  .tcw-service-modern .tcw-detail-hero-grid {
    min-height: auto;
  }

  .tcw-portfolio-modern .tcw-detail-hero-grid {
    min-height: auto;
  }

  .tcw-detail-breadcrumb {
    max-width: 100%;
    margin-bottom: 24px;
    overflow-wrap: anywhere;
  }

  .tcw-detail-hero-copy h1 {
    font-size: clamp(2rem, 10vw, 2.35rem);
    overflow-wrap: anywhere;
  }

  .tcw-detail-hero-copy p {
    font-size: 15px;
  }

  .tcw-portfolio-modern .tcw-detail-hero-copy {
    text-align: center;
  }

  .tcw-portfolio-modern .tcw-detail-eyebrow,
  .tcw-portfolio-modern .tcw-detail-hero-copy h1,
  .tcw-portfolio-modern .tcw-detail-hero-copy p {
    margin-right: auto;
    margin-left: auto;
  }

  .tcw-detail-actions {
    gap: 12px;
    margin-top: 26px;
  }

  .tcw-detail-btn {
    width: 100%;
    min-height: 50px;
    padding-right: 18px;
    padding-left: 18px;
  }

  .tcw-detail-hero-media {
    min-height: 280px;
  }

  .tcw-detail-hero-media::before {
    inset: 8% 0 4%;
  }

  .tcw-service-modern .tcw-detail-hero-media img {
    max-height: 300px;
  }

  .tcw-portfolio-modern .tcw-detail-hero-media {
    min-height: 230px;
    margin-top: 8px;
  }

  .tcw-portfolio-modern .tcw-detail-hero-media::before {
    inset: 10% 2% 8%;
  }

  .tcw-portfolio-device img {
    max-width: min(100%, 360px);
    max-height: 240px;
    border-width: 6px;
    border-radius: 14px;
  }

  .tcw-orbit-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    font-size: 20px;
  }

  .tcw-portfolio-modern .tcw-orbit-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    font-size: 16px;
  }

  .tcw-portfolio-modern .tcw-orbit-icon-1 {
    left: 0;
    top: 4%;
  }

  .tcw-portfolio-modern .tcw-orbit-icon-2 {
    right: 0;
    top: 14%;
  }

  .tcw-portfolio-modern .tcw-orbit-icon-3 {
    right: 8%;
    bottom: 0;
  }

  .tcw-detail-section {
    padding: 46px 0;
  }

  .tcw-detail-heading {
    margin-bottom: 30px;
  }

  .tcw-portfolio-modern .tcw-detail-section {
    padding: 42px 0;
  }

  .tcw-portfolio-modern .tcw-detail-heading {
    margin-bottom: 30px;
    text-align: center;
  }

  .tcw-feature-mini-grid,
  .tcw-tech-grid,
  .tcw-cta-stats {
    grid-template-columns: 1fr;
  }

  .tcw-feature-mini-grid {
    gap: 16px;
  }

  .tcw-process-card {
    padding: 34px 24px 28px;
  }

  .tcw-process-icon {
    width: 78px;
    height: 78px;
    margin-top: -12px;
    font-size: 28px;
  }

  .tcw-detail-info-card > div {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px 14px;
    padding: 16px;
  }

  .tcw-detail-info-card span {
    grid-column: 2;
  }

  .tcw-detail-video a,
  .tcw-detail-video > span {
    width: 68px;
    height: 68px;
    font-size: 24px;
  }

  .tcw-portfolio-preview img,
  .tcw-detail-video img {
    height: min(260px, 68vw);
  }

  .tcw-project-gallery {
    gap: 16px;
  }

  .tcw-project-gallery > div {
    min-height: 220px;
    padding: 10px;
  }

  .tcw-project-gallery img {
    max-height: 260px;
  }

  .tcw-tech-card {
    min-height: 104px;
  }

  .tcw-detail-cta {
    padding: 28px 22px;
  }

  .tcw-detail-cta h2 {
    font-size: 1.75rem;
  }

  .tcw-portfolio-modern .tcw-detail-cta {
    margin-top: 28px;
    text-align: center;
  }

  .tcw-portfolio-modern .tcw-detail-cta h2 {
    font-size: 1.75rem;
  }

  .tcw-cta-stats > div {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.32);
  }

  .tcw-detail-nav {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .tcw-detail-nav a,
  .tcw-detail-nav .tcw-next {
    width: 100%;
    min-height: 92px;
    grid-template-columns: 42px minmax(0, 1fr);
    margin-left: 0;
    text-align: left;
  }

  .tcw-detail-nav .tcw-next i {
    grid-column: 1;
  }

  .tcw-detail-nav .tcw-next > span {
    grid-column: 2;
  }

  .tcw-detail-nav .tcw-next:first-child {
    grid-column: 1;
  }
}

@media (max-width: 575px) {
  .tcw-service-modern .tcw-detail-hero {
    padding-top: 102px;
    padding-bottom: 36px;
  }

  .tcw-detail-breadcrumb {
    gap: 8px;
    font-size: 12px;
  }

  .tcw-detail-hero-copy h1 {
    font-size: clamp(2rem, 11vw, 2.8rem);
  }

  .tcw-detail-hero-copy p,
  .tcw-detail-richtext {
    font-size: 14px;
    line-height: 1.75;
  }

  .tcw-detail-heading h2 {
    font-size: 1.65rem;
  }

  .tcw-tech-grid {
    gap: 12px;
  }

  .tcw-tech-card {
    min-height: 86px;
  }

  .tcw-detail-cta {
    margin-top: 28px;
    padding: 24px 18px;
  }

  .tcw-cta-stats > div {
    min-height: 96px;
  }

  .tcw-detail-nav a,
  .tcw-detail-nav .tcw-next {
    min-height: 86px;
    padding: 16px;
  }
}

.tcw-review-arrow,
.tcw-blog-rail_arrow {
  background: var(--cs-accent, #38BDF8) !important;
  color: #ffffff !important;
}

.tcw-review-arrow *,
.tcw-blog-rail_arrow * {
  color: #ffffff !important;
}

.tcw-review-arrow:hover,
.tcw-blog-rail_arrow:hover {
  background: var(--cs-accent-2, var(--cs-accent, #38BDF8)) !important;
  color: #ffffff !important;
}

.iti__country-list {
  z-index: 1000002 !important;
  max-height: 220px !important;
  border: 1px solid rgba(203, 213, 225, 0.95) !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 46px rgba(15, 23, 42, 0.18) !important;
}

.iti__country {
  line-height: 1.35 !important;
  padding: 9px 12px !important;
}

/* Global theme pagination */
.cs-post_pagination,
nav[role="navigation"][aria-label*="Pagination"] {
  display: flex !important;
  justify-content: center !important;
  margin-top: 34px !important;
  width: 100% !important;
}

.cs-post_pagination .page-numbers {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cs-post_pagination .page-numbers > li {
  margin: 0 !important;
  padding: 0 !important;
}

.cs-post_pagination .page-numbers .page-number,
nav[role="navigation"][aria-label*="Pagination"] a,
nav[role="navigation"][aria-label*="Pagination"] span[aria-current] > span,
nav[role="navigation"][aria-label*="Pagination"] span[aria-disabled] > span {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
  color: #020617 !important;
  display: inline-flex !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  gap: 8px !important;
  height: 42px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 42px !important;
  padding: 0 14px !important;
  text-decoration: none !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease, color 0.22s ease !important;
  width: auto !important;
}

.cs-post_pagination .page-numbers .page-number.current,
nav[role="navigation"][aria-label*="Pagination"] span[aria-current] > span {
  background: linear-gradient(135deg, #38BDF8 0%, #2563EB 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.22) !important;
}

.cs-post_pagination .page-numbers a.page-number:hover,
.cs-post_pagination .page-numbers a.next:hover,
nav[role="navigation"][aria-label*="Pagination"] a:hover {
  background: rgba(56, 189, 248, 0.12) !important;
  border-color: rgba(56, 189, 248, 0.7) !important;
  color: #2563EB !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12) !important;
}

.cs-post_pagination .page-numbers span.page-number:not(.current),
nav[role="navigation"][aria-label*="Pagination"] span[aria-disabled] > span {
  background: #f8fafc !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
}

.cs-post_pagination .page-numbers .page-number.next,
.cs-post_pagination .page-numbers a.next {
  min-width: 42px !important;
}

.cs-post_pagination .page-numbers > li:first-child .page-number {
  font-size: 0.92rem !important;
}

.cs-post_pagination .page-numbers > li:first-child .page-number::before {
  content: none !important;
}

.cs-post_pagination .page-numbers .page-number i,
nav[role="navigation"][aria-label*="Pagination"] svg {
  color: currentColor !important;
  display: block !important;
  flex: 0 0 auto !important;
  height: 16px !important;
  width: 16px !important;
}

nav[role="navigation"][aria-label*="Pagination"] > div {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: center !important;
  width: 100% !important;
}

nav[role="navigation"][aria-label*="Pagination"] p {
  color: #64748b !important;
  font-size: 0.9rem !important;
  margin: 0 !important;
}

@media (max-width: 575px) {
  .cs-post_pagination,
  nav[role="navigation"][aria-label*="Pagination"] {
    margin-top: 26px !important;
  }

  .cs-post_pagination .page-numbers {
    gap: 8px !important;
  }

  .cs-post_pagination .page-numbers .page-number,
  nav[role="navigation"][aria-label*="Pagination"] a,
  nav[role="navigation"][aria-label*="Pagination"] span[aria-current] > span,
  nav[role="navigation"][aria-label*="Pagination"] span[aria-disabled] > span {
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 11px !important;
  }
}

.tcw-load-more-item.is-hidden {
  display: none !important;
}

.tcw-load-more-item.is-load-more-revealed {
  animation: tcw-load-more-reveal 0.45s ease both;
}

.tcw-load-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 38px;
  width: 100%;
}

.tcw-load-more-btn {
  align-items: center;
  background: linear-gradient(135deg, #38BDF8 0%, #2563EB 100%);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 18px 38px rgba(37, 99, 235, 0.24);
  color: #ffffff;
  display: inline-flex;
  font-weight: 900;
  gap: 10px;
  justify-content: center;
  min-height: 52px;
  min-width: 170px;
  padding: 0 28px;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.tcw-load-more-btn:hover {
  color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 24px 48px rgba(37, 99, 235, 0.3);
}

.tcw-load-more-btn i {
  color: currentColor;
  font-size: 0.9rem;
}

@keyframes tcw-load-more-reveal {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.tcw-quote-page {
  background:
    radial-gradient(circle at 14% 8%, rgba(56, 189, 248, 0.18), transparent 28%),
    linear-gradient(180deg, #f8fafc 0%, #eef6ff 48%, #ffffff 100%);
  color: #020617;
  overflow: hidden;
}

.tcw-quote-hero {
  background:
    radial-gradient(circle at 82% 22%, rgba(56, 189, 248, 0.24), transparent 28%),
    linear-gradient(135deg, #020617 0%, #0f172a 56%, #164e63 100%);
  padding: 170px 0 95px;
  position: relative;
}

.tcw-quote-hero-grid {
  align-items: center;
  display: grid;
  gap: 50px;
  grid-template-columns: minmax(0, 1fr) 280px;
}

.tcw-quote-copy h1 {
  color: #ffffff;
  font-size: clamp(2.6rem, 5.6vw, 5.2rem);
  line-height: 1;
  margin: 18px 0 22px;
}

.tcw-quote-copy p {
  color: rgba(226, 232, 240, 0.9);
  font-size: 1.08rem;
  line-height: 1.8;
  max-width: 640px;
}

.tcw-quote-orb {
  align-items: center;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  perspective: 900px;
}

.tcw-quote-orb > div {
  align-items: center;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.26), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(56, 189, 248, 0.12)),
    rgba(15, 23, 42, 0.78);
  border: 1px solid rgba(125, 211, 252, 0.38);
  border-radius: 34px;
  box-shadow: 0 34px 90px rgba(2, 6, 23, 0.42);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  height: 210px;
  justify-content: center;
  transform: rotateX(12deg) rotateY(-18deg);
  width: 210px;
}

.tcw-quote-orb span {
  color: #38BDF8;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
}

.tcw-quote-orb strong {
  font-size: 0.82rem;
  letter-spacing: 0.18em;
  margin-top: 10px;
  text-transform: uppercase;
}

.tcw-quote-section,
.tcw-quote-result-section {
  padding: 96px 0;
}

.tcw-quote-result-section {
  background:
    radial-gradient(circle at 18% 12%, rgba(56, 189, 248, 0.2), transparent 26%),
    radial-gradient(circle at 86% 78%, rgba(34, 197, 94, 0.16), transparent 24%);
  padding-top: 142px;
  position: relative;
}

.tcw-quote-form,
.tcw-quote-result-card {
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(145deg, rgba(56, 189, 248, 0.92), rgba(37, 99, 235, 0.28), rgba(34, 197, 94, 0.54)) border-box;
  border: 1px solid transparent;
  border-radius: 28px;
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.12);
  margin: 0 auto;
  max-width: 1060px;
  padding: clamp(24px, 4vw, 44px);
}

.tcw-quote-result-shell {
  margin: 0 auto;
  max-width: 1160px;
  perspective: 1200px;
  position: relative;
}

.tcw-quote-result-glow {
  background:
    radial-gradient(circle, rgba(56, 189, 248, 0.26), transparent 62%),
    radial-gradient(circle at 72% 70%, rgba(34, 197, 94, 0.2), transparent 56%);
  filter: blur(6px);
  inset: -70px -40px -50px;
  pointer-events: none;
  position: absolute;
}

.tcw-quote-result-shell .tcw-quote-result-card {
  align-items: center;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(240, 249, 255, 0.92)) padding-box,
    linear-gradient(145deg, rgba(56, 189, 248, 0.95), rgba(37, 99, 235, 0.2), rgba(34, 197, 94, 0.68)) border-box;
  display: grid;
  gap: 34px;
  grid-template-columns: minmax(0, 0.86fr) minmax(360px, 1.14fr);
  overflow: hidden;
  position: relative;
  text-align: left;
  transform: rotateX(1deg);
}

.tcw-quote-result-shell .tcw-quote-result-card::before {
  background:
    linear-gradient(135deg, rgba(2, 6, 23, 0.96), rgba(14, 116, 144, 0.82)),
    radial-gradient(circle at 24% 16%, rgba(56, 189, 248, 0.32), transparent 34%);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 42%;
}

.tcw-quote-result-left,
.tcw-quote-result-panel {
  position: relative;
  z-index: 1;
}

.tcw-quote-result-left {
  color: #ffffff;
  padding: 18px 8px 18px 6px;
}

.tcw-quote-result-left .tcw-detail-eyebrow {
  color: #38BDF8;
}

.tcw-quote-result-left h1 {
  color: #ffffff;
  font-size: clamp(2.25rem, 5vw, 4.75rem);
  line-height: 0.98;
  margin: 16px 0 18px;
  overflow-wrap: anywhere;
}

.tcw-quote-result-left p {
  color: rgba(226, 232, 240, 0.9);
  font-size: 1.04rem;
  line-height: 1.75;
  margin: 0;
}

.tcw-quote-result-left p strong {
  color: #ffffff;
}

.tcw-quote-result-panel {
  background:
    radial-gradient(circle at 86% 10%, rgba(56, 189, 248, 0.2), transparent 28%),
    linear-gradient(145deg, #ffffff, #f8fbff);
  border: 1px solid rgba(186, 230, 253, 0.92);
  border-radius: 26px;
  box-shadow:
    0 26px 70px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
  padding: clamp(22px, 3vw, 34px);
  transform: rotateY(-4deg) translateZ(28px);
}

.tcw-quote-result-panel-top {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.tcw-quote-result-panel-top span {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tcw-quote-result-panel-top i {
  align-items: center;
  background: linear-gradient(135deg, #38BDF8, #2563EB);
  border-radius: 16px;
  color: #ffffff;
  display: inline-flex;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.tcw-quote-form-head span {
  color: #2563EB;
  font-weight: 900;
  text-transform: uppercase;
}

.tcw-quote-form-head h2,
.tcw-quote-result-card h1 {
  color: #020617;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.08;
  margin: 10px 0 28px;
}

.tcw-quote-alert {
  align-items: flex-start;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 22px;
  padding: 16px 18px;
}

.tcw-quote-alert strong {
  color: #7f1d1d;
  font-weight: 900;
}

.tcw-quote-alert span {
  color: #991b1b;
  font-weight: 700;
}

.tcw-quote-alert-error {
  background: #fef2f2;
  border: 1px solid #fecaca;
}

.tcw-quote-fields {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tcw-quote-fields label {
  display: block;
}

.tcw-quote-fields span {
  color: #334155;
  display: block;
  font-weight: 800;
  margin-bottom: 8px;
}

.tcw-quote-fields input,
.tcw-quote-fields select,
.tcw-quote-fields textarea {
  background: #f8fafc;
  border: 1px solid rgba(148, 163, 184, 0.42);
  border-radius: 16px;
  color: #020617;
  min-height: 52px;
  padding: 13px 15px;
  width: 100%;
}

.tcw-quote-fields textarea {
  min-height: 150px;
  resize: vertical;
}

.tcw-quote-field-wide {
  grid-column: 1 / -1;
}

.tcw-quote-submit,
.tcw-quote-secondary {
  align-items: center;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  font-weight: 900;
  gap: 10px;
  justify-content: center;
  margin-top: 26px;
  min-height: 54px;
  padding: 0 28px;
  text-decoration: none;
}

.tcw-quote-submit {
  background: linear-gradient(135deg, #38BDF8, #2563EB);
  box-shadow: 0 18px 42px rgba(37, 99, 235, 0.28);
  color: #ffffff;
}

.tcw-quote-submit:disabled {
  cursor: wait;
  opacity: 0.76;
}

.tcw-submit-spinner {
  animation: tcw-submit-spin 0.7s linear infinite;
  border: 2px solid rgba(255, 255, 255, 0.36);
  border-radius: 50%;
  border-top-color: #fff;
  display: inline-block;
  height: 16px;
  margin-right: 9px;
  vertical-align: -3px;
  width: 16px;
}

@keyframes tcw-submit-spin {
  to {
    transform: rotate(360deg);
  }
}

.tcw-feedback-modal {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: fixed;
  transition: opacity 0.24s ease, visibility 0.24s ease;
  visibility: hidden;
  z-index: 100000;
}

.tcw-feedback-modal.is-visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.tcw-feedback-modal__backdrop {
  backdrop-filter: blur(6px);
  background: rgba(2, 8, 23, 0.63);
  inset: 0;
  position: absolute;
}

.tcw-feedback-modal__card {
  background: linear-gradient(180deg, #ffffff 0%, #f8fffb 100%);
  border: 1px solid rgba(34, 197, 94, 0.22);
  border-radius: 26px;
  box-shadow: 0 30px 80px rgba(2, 8, 23, 0.32);
  max-width: 430px;
  padding: 34px 29px 26px;
  position: relative;
  text-align: center;
  transform: translateY(18px) scale(0.96);
  transition: transform 0.26s ease;
  width: 100%;
}

.tcw-feedback-modal.is-visible .tcw-feedback-modal__card {
  transform: translateY(0) scale(1);
}

.tcw-feedback-modal__close {
  align-items: center;
  background: #f1f5f9;
  border: 0;
  border-radius: 50%;
  color: #64748b;
  cursor: pointer;
  display: inline-flex;
  font-size: 22px;
  height: 34px;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 34px;
}

.tcw-feedback-modal__icon {
  align-items: center;
  background: linear-gradient(135deg, #16a34a, #4ade80);
  border-radius: 50%;
  box-shadow: 0 13px 28px rgba(34, 197, 94, 0.32);
  color: #ffffff;
  display: flex;
  font-size: 38px;
  font-weight: 800;
  height: 72px;
  justify-content: center;
  line-height: 1;
  margin: 0 auto 18px;
  width: 72px;
}

.tcw-feedback-modal__eyebrow {
  color: #16a34a;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.18em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.tcw-feedback-modal__title {
  color: #0f172a;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 10px;
}

.tcw-feedback-modal__message {
  color: #475569;
  font-size: 15px;
  line-height: 1.58;
  margin: 0 auto 25px;
}

.tcw-feedback-modal__action {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border: 0;
  border-radius: 12px;
  box-shadow: 0 11px 22px rgba(34, 197, 94, 0.23);
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 800;
  min-height: 48px;
  width: 100%;
}

.tcw-feedback-modal.is-error .tcw-feedback-modal__card {
  background: linear-gradient(180deg, #ffffff 0%, #f4f7ff 100%);
  border-color: rgba(61, 134, 255, 0.27);
}

.tcw-feedback-modal.is-error .tcw-feedback-modal__icon,
.tcw-feedback-modal.is-error .tcw-feedback-modal__action {
  background: linear-gradient(135deg, #1768ff, #5c2dff);
  box-shadow: 0 13px 28px rgba(37, 99, 235, 0.28);
}

.tcw-feedback-modal.is-error .tcw-feedback-modal__eyebrow {
  color: #1768ff;
}

.tcw-quote-secondary {
  background: #e0f2fe;
  color: #2563EB;
}

.tcw-quote-price {
  background:
    radial-gradient(circle at 22% 16%, rgba(255, 255, 255, 0.44), transparent 30%),
    linear-gradient(135deg, #e0f2fe, #dbeafe);
  border-radius: 22px;
  color: #0369a1;
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 900;
  line-height: 1;
  margin: 24px 0;
  padding: 28px;
  text-align: center;
  text-shadow: 0 10px 26px rgba(3, 105, 161, 0.14);
  transform: translateZ(24px);
}

.tcw-quote-result-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 30px;
}

.tcw-quote-result-grid div {
  background: #f8fafc;
  border: 1px solid #dbeafe;
  border-radius: 16px;
  min-height: 116px;
  padding: 20px;
  text-align: center;
}

.tcw-quote-result-grid span {
  color: #64748b;
  display: block;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tcw-quote-result-grid strong {
  display: block;
  margin-top: 8px;
  overflow-wrap: anywhere;
}

.tcw-quote-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: flex-start;
}

@media (max-width: 991px) {
  .tcw-quote-hero-grid {
    grid-template-columns: 1fr;
  }

  .tcw-quote-orb {
    display: none;
  }

  .tcw-quote-result-section {
    padding-top: 118px;
  }

  .tcw-quote-result-shell .tcw-quote-result-card {
    grid-template-columns: 1fr;
    text-align: center;
    transform: none;
  }

  .tcw-quote-result-shell .tcw-quote-result-card::before {
    height: 48%;
    right: 0;
    width: auto;
  }

  .tcw-quote-result-left {
    padding: 6px 0 0;
  }

  .tcw-quote-result-panel {
    transform: none;
  }

  .tcw-quote-actions {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .tcw-quote-hero {
    padding: 118px 0 60px;
  }

  .tcw-quote-result-section {
    padding: 106px 0 60px;
  }

  .tcw-quote-fields,
  .tcw-quote-result-grid {
    grid-template-columns: 1fr;
  }

  .tcw-quote-result-shell .tcw-quote-result-card {
    border-radius: 22px;
    padding: 22px;
  }

  .tcw-quote-result-left h1 {
    font-size: 2.05rem;
  }

  .tcw-quote-price {
    font-size: 2rem;
    padding: 22px 14px;
  }

  .tcw-quote-submit,
  .tcw-quote-secondary {
    width: 100%;
  }
}

.tcw-portfolio-listing .row {
  row-gap: 30px;
}

.tcw-client-dashboard {
  background:
    radial-gradient(circle at 80% 0%, rgba(37, 99, 235, 0.24), transparent 28%),
    radial-gradient(circle at 12% 88%, rgba(34, 197, 94, 0.12), transparent 24%),
    #071226;
  color: #dbe7ff;
  display: grid;
  grid-template-columns: 252px minmax(0, 1fr);
  min-height: 100vh;
  padding-top: 96px;
}

.tcw-client-sidebar {
  border-right: 1px solid rgba(148, 163, 184, 0.14);
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding: 26px 22px;
}

@media (min-width: 1200px) {
  .tcw-client-dashboard {
    display: block;
    height: 100vh;
    overflow: hidden;
  }

  .tcw-client-sidebar {
    height: 100vh;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 252px;
    z-index: 20;
  }

  .tcw-client-sidebar::-webkit-scrollbar {
    width: 6px;
  }

  .tcw-client-sidebar::-webkit-scrollbar-thumb {
    background: rgba(96, 165, 250, 0.38);
    border-radius: 999px;
  }

  .tcw-client-main {
    height: 100vh;
    margin-left: 252px;
    overflow-y: auto;
  }
}

.tcw-client-sidebar-toggle,
.tcw-client-sidebar-overlay {
  display: none;
}

.tcw-client-brand {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 14px;
  text-decoration: none;
}

.tcw-client-sidebar-close {
  display: none;
}

.tcw-client-brand img,
.tcw-client-user-chip span {
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 18px;
  color: #fff;
  display: inline-flex;
  font-weight: 800;
  height: 48px;
  justify-content: center;
  object-fit: contain;
  padding: 5px;
  width: 48px;
}

.tcw-client-brand strong {
  color: #fff;
  font-size: 0.94rem;
  min-width: 0;
}

.tcw-client-brand strong small,
.tcw-client-user-chip strong small {
  color: #7f8da8;
  display: block;
  font-size: 0.58rem;
  font-weight: 500;
  margin-top: 3px;
  white-space: nowrap;
}

.tcw-client-user-menu {
  position: relative;
}

.tcw-client-user-menu summary {
  cursor: pointer;
  list-style: none;
}

.tcw-client-user-menu summary::-webkit-details-marker {
  display: none;
}

.tcw-client-user-menu summary i {
  color: #94a3b8;
  font-size: 0.72rem;
}

.tcw-client-user-menu > div {
  background: #0d1830;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 14px;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.3);
  min-width: 170px;
  padding: 8px;
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  z-index: 30;
}

.tcw-client-user-menu a,
.tcw-client-user-menu button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 10px;
  color: #dbe7ff;
  cursor: pointer;
  display: flex;
  gap: 10px;
  min-height: 40px;
  padding: 0 10px;
  text-decoration: none;
  width: 100%;
}

.tcw-client-user-menu a:hover,
.tcw-client-user-menu button:hover {
  background: rgba(37, 99, 235, 0.16);
  color: #fff;
}

.tcw-client-profile-page {
  background: #071226;
  min-height: 100vh;
  padding: 42px 20px;
}

.tcw-client-profile-shell {
  margin: 0 auto;
  max-width: 980px;
}

.tcw-client-profile-back {
  color: #93c5fd;
  display: inline-flex;
  gap: 8px;
  margin-bottom: 20px;
  text-decoration: none;
}

.tcw-client-profile-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tcw-client-profile-card {
  background: linear-gradient(145deg, rgba(15, 29, 53, 0.96), rgba(7, 18, 38, 0.98));
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  padding: 22px;
}

.tcw-client-profile-card h1,
.tcw-client-profile-card h2 {
  color: #fff;
}

.tcw-client-profile-card form,
.tcw-client-profile-card label {
  display: grid;
  gap: 8px;
}

.tcw-client-profile-card form {
  gap: 16px;
}

.tcw-client-profile-card span {
  color: #9fb0ca;
}

.tcw-client-profile-card input {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 12px;
  color: #fff;
  min-height: 46px;
  padding: 0 14px;
}

.tcw-client-profile-card button {
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  border: 0;
  border-radius: 12px;
  color: #fff;
  min-height: 46px;
}

.tcw-account-dashboard {
  background:
    radial-gradient(circle at 80% 0%, rgba(37, 99, 235, 0.22), transparent 28%),
    #071226;
  color: #dbe7ff;
  display: grid;
  grid-template-columns: 252px minmax(0, 1fr);
  min-height: 100vh;
}

.tcw-account-main {
  padding: 28px 34px;
}

.tcw-account-topbar {
  align-items: center;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  display: flex;
  justify-content: space-between;
  margin: -28px -34px 34px;
  min-height: 92px;
  padding: 0 34px;
}

.tcw-account-topbar > a {
  align-items: center;
  color: #cbd5e1;
  display: inline-flex;
  gap: 14px;
  text-decoration: none;
}

.tcw-account-topbar > div {
  align-items: center;
  display: flex;
  gap: 14px;
}

.tcw-account-topbar button {
  align-items: center;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  color: #cbd5e1;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  position: relative;
  width: 44px;
}

.tcw-account-topbar button b {
  align-items: center;
  background: #ef476f;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 0.64rem;
  height: 16px;
  justify-content: center;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 16px;
}

.tcw-account-heading h1 {
  color: #fff;
  margin: 0 0 6px;
}

.tcw-account-heading p {
  color: #9fb0ca;
  margin: 0 0 28px;
}

.tcw-account-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
}

.tcw-account-card {
  background: linear-gradient(145deg, rgba(15, 29, 53, 0.96), rgba(7, 18, 38, 0.98));
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  overflow: hidden;
}

.tcw-account-card header {
  align-items: center;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  display: flex;
  justify-content: space-between;
  padding: 28px;
}

.tcw-account-card header h2 {
  color: #fff;
  font-size: 1.18rem;
  margin: 0 0 6px;
}

.tcw-account-card header p {
  color: #9fb0ca;
  margin: 0;
}

.tcw-account-card header > span {
  align-items: center;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  height: 54px;
  justify-content: center;
  width: 54px;
}

.tcw-account-card form {
  display: grid;
  gap: 18px;
  padding: 28px;
}

.tcw-account-card label {
  display: grid;
  gap: 8px;
}

.tcw-account-card label > span {
  color: #cbd5e1;
}

.tcw-account-card label > div {
  align-items: center;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 12px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
}

.tcw-account-card label i {
  color: #94a3b8;
  text-align: center;
}

.tcw-account-card input {
  background: transparent;
  border: 0;
  color: #fff;
  min-height: 48px;
  padding-right: 14px;
}

.tcw-account-card aside {
  background: rgba(2, 132, 199, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.18);
  border-radius: 14px;
  padding: 18px;
}

.tcw-account-card aside strong {
  color: #7dd3fc;
}

.tcw-account-card aside p {
  color: #9fb0ca;
  margin: 10px 0 0;
}

.tcw-account-card button[type="submit"] {
  background: linear-gradient(135deg, #0ea5e9, #2563eb, #6d28d9);
  border: 0;
  border-radius: 12px;
  color: #fff;
  min-height: 56px;
}

.tcw-support-thread-page {
  background: #071226;
  min-height: 100vh;
  padding: 28px;
}

.tcw-support-thread {
  background: linear-gradient(145deg, rgba(15, 29, 53, 0.96), rgba(7, 18, 38, 0.98));
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 20px;
  display: grid;
  grid-template-rows: auto minmax(320px, 1fr) auto;
  margin: 0 auto;
  max-width: 860px;
  min-height: calc(100vh - 56px);
  overflow: hidden;
}

.tcw-support-thread header {
  align-items: center;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  display: flex;
  gap: 16px;
  padding: 20px;
}

.tcw-support-thread header a {
  color: #93c5fd;
}

.tcw-support-thread h1 {
  color: #fff;
  font-size: 1.2rem;
  margin: 0;
}

.tcw-support-thread p {
  color: #9fb0ca;
  margin: 4px 0 0;
}

.tcw-support-messages {
  display: grid;
  gap: 14px;
  overflow-y: auto;
  padding: 20px;
}

.tcw-support-messages article {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 16px;
  max-width: 76%;
  padding: 14px;
}

.tcw-support-messages article.is-me {
  background: rgba(37, 99, 235, 0.18);
  justify-self: end;
}

.tcw-support-messages strong,
.tcw-support-messages p {
  color: #fff;
}

.tcw-support-messages time {
  color: #7f8da8;
  font-size: 0.72rem;
}

.tcw-support-thread form {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) 52px;
  padding: 18px;
}

.tcw-support-thread textarea {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 14px;
  color: #fff;
  min-height: 52px;
  padding: 14px;
}

.tcw-support-thread button {
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  border: 0;
  border-radius: 14px;
  color: #fff;
}

.tcw-live-chat-dashboard {
  padding-top: 0;
}

.tcw-chat-topbar {
  border-bottom: 0;
  margin-bottom: 26px;
}

.tcw-chat-actions {
  align-items: center;
  display: flex;
  gap: 14px;
}

.tcw-chat-actions > button,
.tcw-chat-actions > a {
  align-items: center;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 999px;
  color: #dbe7ff;
  display: inline-flex;
  height: 46px;
  justify-content: center;
  position: relative;
  width: 46px;
}

.tcw-chat-actions > a b {
  align-items: center;
  background: #ef476f;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 0.64rem;
  height: 18px;
  justify-content: center;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 18px;
}

.tcw-chat-actions .tcw-client-user-chip {
  margin-left: 2px;
}

.tcw-chat-title {
  align-items: center;
  display: flex;
  gap: 18px;
}

.tcw-chat-title > a {
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 14px;
  color: #93c5fd;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.tcw-chat-title h1 {
  color: #fff;
  font-size: 1.28rem;
  margin: 0 0 4px;
}

.tcw-chat-title span {
  color: #b7c5df;
}

.tcw-live-chat-layout {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) 326px;
}

.tcw-live-chat-panel,
.tcw-live-chat-aside section {
  background: linear-gradient(145deg, rgba(15, 29, 53, 0.96), rgba(7, 18, 38, 0.98));
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 20px;
}

.tcw-live-chat-panel {
  display: flex;
  flex-direction: column;
  height: min(540px, calc(100vh - 210px));
  min-height: 536px;
  overflow: hidden;
  position: relative;
}

.tcw-live-chat-welcome {
  align-items: center;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  display: flex;
  gap: 14px;
  margin: 24px 24px 0;
  max-width: 420px;
  padding: 10px 14px;
}

.tcw-live-chat-welcome[hidden] {
  display: none;
}

.tcw-live-chat-welcome i {
  align-items: center;
  background: rgba(79, 70, 229, 0.18);
  border-radius: 18px;
  color: #fbbf24;
  display: inline-flex;
  font-size: 1.6rem;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.tcw-live-chat-welcome strong,
.tcw-live-chat-welcome span {
  color: #fff;
  display: block;
}

.tcw-live-chat-welcome strong {
  font-size: 1.08rem;
}

.tcw-live-chat-welcome span {
  margin-top: 4px;
}

.tcw-live-chat-welcome p {
  color: #9fb0ca;
  margin: 4px 0 0;
}

.tcw-live-chat-welcome time {
  color: #7f8da8;
  display: block;
  font-size: 0.74rem;
  margin-top: 5px;
}

.tcw-live-chat-messages {
  align-content: start;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 24px;
  scrollbar-color: rgba(96, 165, 250, 0.42) rgba(255, 255, 255, 0.03);
  scrollbar-width: thin;
}

.tcw-live-chat-messages::-webkit-scrollbar {
  width: 7px;
}

.tcw-live-chat-messages::-webkit-scrollbar-thumb {
  background: rgba(96, 165, 250, 0.42);
  border-radius: 999px;
}

.tcw-live-chat-messages::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.03);
}

.tcw-chat-date-separator {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 999px;
  color: #9fb0ca;
  font-size: 0.76rem;
  justify-self: center;
  margin-bottom: 4px;
  padding: 8px 18px;
}

.tcw-live-chat-messages article {
  align-items: end;
  background: transparent;
  display: flex;
  gap: 12px;
  max-width: none;
  padding: 0;
  width: 100%;
}

.tcw-live-chat-messages article.is-me,
.tcw-live-chat-messages article.is-other {
  background: transparent;
}

.tcw-live-chat-messages article > b {
  align-items: center;
  background: linear-gradient(135deg, #0284c7, #2563eb);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 44px;
  height: 44px;
  justify-content: center;
}

.tcw-live-chat-messages article > div {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  box-shadow: none;
  display: inline-block;
  max-width: min(82%, 720px);
  padding: 6px 12px;
  width: fit-content;
}

.tcw-live-chat-messages article.is-me {
  justify-content: flex-end;
}

.tcw-live-chat-messages article.is-other > div {
  margin-right: auto;
}

.tcw-live-chat-messages article.is-me > div {
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  border-color: transparent;
}

.tcw-live-chat-messages p {
  color: #fff;
  line-height: 1.2;
  margin: 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.tcw-live-chat-messages time {
  display: block;
  font-size: 0.68rem;
  margin-top: 2px;
  text-align: right;
}

.tcw-live-chat-form {
  background: rgba(7, 18, 38, 0.98);
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  display: grid;
  flex: 0 0 auto;
  gap: 0;
  grid-template-columns: minmax(0, 1fr) 72px;
  padding: 20px 24px 24px;
  position: relative;
  width: 100%;
  z-index: 2;
}

.tcw-live-chat-form textarea {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 16px 0 0 16px;
  color: #fff;
  min-height: 66px;
  padding: 22px;
  resize: none;
}

.tcw-live-chat-form textarea:focus {
  border-color: rgba(96, 165, 250, 0.42);
  box-shadow: none;
  outline: none;
}

.tcw-live-chat-form button {
  border: 0;
  color: #fff;
}

.tcw-live-chat-form > button {
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-left: 0;
  border-radius: 0 16px 16px 0;
}

.tcw-live-chat-aside {
  display: grid;
  align-content: start;
  gap: 22px;
}

.tcw-live-chat-aside section {
  padding: 24px;
}

.tcw-live-chat-aside section:first-child {
  display: grid;
  gap: 14px;
  grid-template-columns: 52px minmax(0, 1fr);
}

.tcw-live-chat-aside section:first-child i {
  align-items: center;
  background: rgba(79, 70, 229, 0.18);
  border-radius: 16px;
  color: #c4b5fd;
  display: inline-flex;
  font-size: 1.25rem;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.tcw-live-chat-aside strong,
.tcw-live-chat-aside h2 {
  color: #fff;
}

.tcw-live-chat-aside span,
.tcw-live-chat-aside small {
  color: #9fb0ca;
  display: block;
  line-height: 1.55;
}

.tcw-live-chat-aside section:first-child > b,
.tcw-live-chat-aside section:first-child > small {
  grid-column: 1 / -1;
}

.tcw-live-chat-aside section:first-child > b {
  color: #22c55e;
}

.tcw-live-chat-aside h2 {
  font-size: 1rem;
  margin: 0 0 10px;
}

.tcw-live-chat-aside a {
  align-items: center;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  color: #dbe7ff;
  display: flex;
  justify-content: space-between;
  min-height: 48px;
  text-decoration: none;
}

.tcw-chat-past > div {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.tcw-chat-past > div a {
  border: 0;
  color: #38bdf8;
  min-height: 0;
}

.tcw-chat-past article {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  display: grid;
  gap: 2px 12px;
  grid-template-columns: 12px minmax(0, 1fr);
  padding: 16px 0;
}

.tcw-chat-past article b {
  background: #22c55e;
  border-radius: 999px;
  box-shadow: 0 0 16px rgba(34, 197, 94, 0.75);
  height: 10px;
  margin-top: 6px;
  width: 10px;
}

.tcw-chat-past article strong,
.tcw-chat-past article time {
  grid-column: 2;
}

.tcw-chat-past article time {
  color: #60a5fa;
  font-size: 0.78rem;
}

.tcw-chat-past article:nth-of-type(3) b {
  background: #3b82f6;
  box-shadow: 0 0 16px rgba(59, 130, 246, 0.75);
}

.tcw-chat-past article:nth-of-type(4) b {
  background: #8b5cf6;
  box-shadow: 0 0 16px rgba(139, 92, 246, 0.75);
}

.tcw-chat-past article:nth-of-type(5) b {
  background: #f59e0b;
  box-shadow: 0 0 16px rgba(245, 158, 11, 0.75);
}

.tcw-chat-past {
  max-height: 330px;
  overflow-y: auto;
}

.tcw-chat-past::-webkit-scrollbar {
  width: 6px;
}

.tcw-chat-past::-webkit-scrollbar-thumb {
  background: rgba(96, 165, 250, 0.38);
  border-radius: 999px;
}

@media (max-width: 1199px) {
  .tcw-live-chat-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .tcw-live-chat-panel {
    display: flex;
    height: min(520px, calc(100vh - 150px));
    min-height: 400px;
  }

  .tcw-chat-topbar {
    align-items: center;
    flex-wrap: nowrap;
  }

  .tcw-chat-actions > button,
  .tcw-chat-actions > a {
    display: none;
  }

  .tcw-chat-actions .tcw-client-user-chip {
    margin-left: 0;
  }

  .tcw-chat-title > a {
    height: 42px;
    width: 42px;
  }

  .tcw-live-chat-welcome {
    margin: 16px 16px 0;
  }

  .tcw-live-chat-messages {
    height: auto;
    max-height: none;
    overflow-x: hidden;
    padding: 16px;
    scroll-padding-bottom: 16px;
  }

  .tcw-live-chat-messages article > div {
    max-width: min(calc(100% - 56px), 88%);
    width: fit-content;
  }

  .tcw-live-chat-form {
    grid-template-columns: minmax(0, 1fr) 58px;
    padding: 12px 16px 16px;
  }

  .tcw-live-chat-form textarea {
    min-height: 54px;
    padding: 15px 16px;
  }

  .tcw-live-chat-layout {
    gap: 16px;
  }

  .tcw-live-chat-aside {
    gap: 16px;
  }

  .tcw-live-chat-aside section {
    padding: 18px;
  }

  .tcw-live-chat-dashboard {
    background: #071226;
    overflow-x: hidden;
  }
}

.tcw-password-tips p::before {
  color: #38bdf8;
  content: "\2713";
  margin-right: 10px;
}

@media (max-width: 1199px) {
  .tcw-account-dashboard {
    grid-template-columns: 1fr;
  }

  .tcw-account-dashboard .tcw-client-sidebar {
    display: none;
  }

  .tcw-account-grid {
    grid-template-columns: 1fr;
  }
}

.tcw-client-sidebar nav {
  display: grid;
  gap: 8px;
}

.tcw-client-sidebar nav > span {
  color: #73809a;
  font-size: 0.67rem;
  font-weight: 700;
  margin: 8px 14px 4px;
  text-transform: uppercase;
}

.tcw-client-sidebar nav a,
.tcw-client-logout button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 12px;
  color: #b7c5df;
  display: flex;
  gap: 12px;
  font-size: 0.88rem;
  min-height: 44px;
  padding: 0 12px;
  text-decoration: none;
  white-space: nowrap;
}

.tcw-client-sidebar nav a.is-active,
.tcw-client-sidebar nav a:hover,
.tcw-client-logout button:hover {
  background: rgba(37, 99, 235, 0.16);
  color: #fff !important;
}

.tcw-client-sidebar nav b {
  background: rgba(99, 102, 241, 0.28);
  border-radius: 999px;
  color: #c7d2fe;
  margin-left: auto;
  min-width: 25px;
  padding: 3px 8px;
  text-align: center;
}

.tcw-client-help,
.tcw-client-panel,
.tcw-client-stats article {
  background: linear-gradient(145deg, rgba(15, 29, 53, 0.96), rgba(7, 18, 38, 0.98));
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.22);
}

.tcw-client-help {
  margin-top: auto;
  padding: 18px;
}

.tcw-client-help strong {
  color: #fff;
  display: block;
  font-size: 0.92rem;
  white-space: nowrap;
}

.tcw-client-help span,
.tcw-client-topbar span,
.tcw-client-panel-head span {
  color: #5eead4;
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.tcw-client-help p {
  color: #9fb0ca;
  font-size: 0.82rem;
  line-height: 1.6;
  margin: 10px 0 16px;
}

.tcw-client-help a,
.tcw-client-detail > a {
  align-items: center;
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  border-radius: 14px;
  color: #fff;
  display: inline-flex;
  font-weight: 700;
  justify-content: space-between;
  font-size: 0.9rem;
  min-height: 48px;
  padding: 0 16px;
  text-decoration: none;
  width: 100%;
}

.tcw-client-help a i {
  font-size: 1rem;
}

.tcw-client-logout {
  margin-top: 4px;
}

.tcw-client-logout button {
  cursor: pointer;
  width: 100%;
}

.tcw-client-main {
  padding: 28px 28px 28px 24px;
}

.tcw-client-topbar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.tcw-client-heading {
  align-items: center;
  display: flex;
  gap: 14px;
}

.tcw-client-topbar h1 {
  color: #fff;
  font-size: 1.8rem;
  margin: 8px 0 0;
}

.tcw-client-topbar h1 em {
  font-style: normal;
}

.tcw-client-top-actions {
  align-items: center;
  display: flex;
  gap: 0;
}

.tcw-client-bell {
  align-items: center;
  color: #aebbd2;
  display: inline-flex;
  height: 54px;
  justify-content: center;
  margin-right: 18px;
  position: relative;
  text-decoration: none;
  width: 42px;
}

.tcw-client-notification-menu {
  position: relative;
}

.tcw-client-notification-menu summary {
  cursor: pointer;
  list-style: none;
}

.tcw-client-notification-menu summary::-webkit-details-marker {
  display: none;
}

.tcw-client-notification-menu > div {
  background: #0d1830;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.34);
  min-width: 360px;
  padding: 16px;
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  z-index: 35;
}

.tcw-client-notification-menu header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.tcw-client-notification-menu header strong {
  color: #fff;
}

.tcw-client-notification-menu header button {
  background: transparent;
  border: 0;
  color: #60a5fa;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 700;
}

.tcw-client-notification-menu section {
  max-height: 360px;
  overflow-y: auto;
  padding-right: 4px;
}

.tcw-client-notification-menu article,
.tcw-client-notification-menu section > a {
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 14px;
  display: grid;
  gap: 12px;
  grid-template-columns: 34px minmax(0, 1fr);
  margin-top: 10px;
  padding: 12px;
}

.tcw-client-notification-menu article i,
.tcw-client-notification-menu section > a i {
  align-items: center;
  background: rgba(37, 99, 235, 0.18);
  border-radius: 10px;
  color: #60a5fa;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.tcw-client-notification-menu article strong,
.tcw-client-notification-menu section > a strong {
  color: #fff;
  display: block;
}

.tcw-client-notification-menu article span,
.tcw-client-notification-menu article time,
.tcw-client-notification-menu section > a span,
.tcw-client-notification-menu section > a time {
  color: #9fb0ca;
  display: block;
  font-size: 0.78rem;
  margin-top: 4px;
}

.tcw-client-notification-menu article.is-unread,
.tcw-client-notification-menu section > a.is-unread {
  background: rgba(37, 99, 235, 0.08);
}

.tcw-client-notification-menu header a {
  color: #60a5fa;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
}

.tcw-client-notification-menu section > a {
  color: inherit;
  text-decoration: none;
}

.tcw-client-bell::after {
  background: rgba(148, 163, 184, 0.18);
  content: "";
  height: 34px;
  position: absolute;
  right: -18px;
  width: 1px;
}

.tcw-client-bell b {
  align-items: center;
  background: #ef476f;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 0.65rem;
  height: 16px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 5px;
  width: 16px;
}

.tcw-client-user-chip {
  align-items: center;
  display: flex;
  gap: 14px;
  margin-left: 24px;
}

.tcw-client-user-chip span {
  border-radius: 999px;
  height: 48px;
  width: 48px;
}

.tcw-client-user-chip strong {
  color: #fff;
  display: flex;
  font-size: 0.98rem;
  gap: 3px;
  line-height: 1;
}

.tcw-client-user-chip strong small {
  color: #cbd5e1;
  display: inline;
  font-size: 0.94rem;
  font-weight: 400;
  margin-top: 0;
}

.tcw-client-stats {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.tcw-client-stats-reference {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tcw-client-stats article {
  display: grid;
  gap: 5px;
  min-height: 150px;
  padding: 20px;
}

.tcw-client-stats i {
  align-items: center;
  background: rgba(37, 99, 235, 0.18);
  border-radius: 14px;
  color: #60a5fa;
  display: inline-flex;
  font-size: 1.2rem;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.tcw-client-stats span {
  color: #aebbd2;
}

.tcw-client-stats strong {
  color: #fff;
  font-size: 2rem;
  line-height: 1;
}

.tcw-client-stats small {
  color: #7f8da8;
}

.tcw-client-layout {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) 300px;
}

.tcw-client-primary,
.tcw-client-secondary {
  align-content: start;
  display: grid;
  gap: 18px;
}

.tcw-client-primary .tcw-client-panel {
  height: fit-content;
}

.tcw-client-panel {
  padding: 20px;
}

.tcw-client-panel-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}

.tcw-client-panel-head h2 {
  color: #fff;
  font-size: 1.15rem;
  margin: 4px 0 0;
}

.tcw-client-panel-head > a {
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 10px;
  color: #aebbd2;
  font-size: 0.78rem;
  padding: 8px 12px;
  text-decoration: none;
}

.tcw-client-panel-head b {
  align-items: center;
  background: rgba(37, 99, 235, 0.2);
  border-radius: 12px;
  color: #93c5fd;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  min-width: 38px;
}

.tcw-client-table-wrap table {
  border-collapse: collapse;
  width: 100%;
}

.tcw-client-table-wrap th,
.tcw-client-table-wrap td {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  color: #b7c5df;
  padding: 15px 12px;
  text-align: left;
}

.tcw-client-table-wrap th {
  border-top: 0;
  color: #7f8da8;
  font-size: 0.75rem;
  text-transform: uppercase;
}

.tcw-client-table-wrap td strong,
.tcw-client-detail > strong,
.tcw-client-activity strong,
.tcw-client-mobile-list strong {
  color: #fff;
}

.tcw-client-table-wrap td small {
  color: #7f8da8;
  display: block;
  margin-top: 4px;
}

.tcw-client-table-wrap td a,
.tcw-client-mobile-list a {
  color: #60a5fa;
  font-weight: 700;
  text-decoration: none;
}

.tcw-client-action-links {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tcw-client-action-links a {
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 10px;
  display: inline-flex;
  gap: 7px;
  min-height: 34px;
  padding: 0 12px;
}

.tcw-client-status {
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 800;
  padding: 6px 10px;
  white-space: nowrap;
}

.tcw-client-status.is-submitted {
  background: rgba(14, 165, 233, 0.16);
  color: #38bdf8;
}

.tcw-client-status.is-pending_review {
  background: rgba(245, 158, 11, 0.16);
  color: #fbbf24;
}

.tcw-client-status.is-in_discussion {
  background: rgba(99, 102, 241, 0.18);
  color: #a5b4fc;
}

.tcw-client-status.is-proposal_sent {
  background: rgba(6, 182, 212, 0.18);
  color: #67e8f9;
}

.tcw-client-status.is-deal_in_progress {
  background: rgba(168, 85, 247, 0.18);
  color: #c084fc;
}

.tcw-client-status.is-approved {
  background: rgba(16, 185, 129, 0.18);
  color: #6ee7b7;
}

.tcw-client-status.is-in_progress {
  background: rgba(37, 99, 235, 0.18);
  color: #60a5fa;
}

.tcw-client-status.is-testing_review {
  background: rgba(244, 63, 94, 0.16);
  color: #fda4af;
}

.tcw-client-status.is-client_review {
  background: rgba(249, 115, 22, 0.16);
  color: #fdba74;
}

.tcw-client-status.is-completed {
  background: rgba(34, 197, 94, 0.16);
  color: #4ade80;
}

.tcw-client-status.is-paid,
.tcw-client-status.is-active {
  background: rgba(34, 197, 94, 0.16);
  color: #4ade80;
}

.tcw-client-status.is-payment_pending,
.tcw-client-status.is-pending {
  background: rgba(245, 158, 11, 0.16);
  color: #fbbf24;
}

.tcw-client-empty {
  color: #7f8da8 !important;
  text-align: center !important;
}

.tcw-user-pagination {
  margin-top: 18px;
}

.tcw-client-table-wrap td:last-child {
  color: #7f8da8;
  text-align: right;
}

.tcw-client-detail > strong {
  display: block;
  font-size: 1.3rem;
  margin-bottom: 18px;
}

.tcw-client-detail dl {
  display: grid;
  gap: 14px;
  margin: 0 0 20px;
}

.tcw-client-detail dl div {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  padding-top: 12px;
}

.tcw-client-detail dt {
  color: #7f8da8;
  font-size: 0.76rem;
  margin-bottom: 5px;
}

.tcw-client-detail dd {
  color: #dbe7ff;
  margin: 0;
}

.tcw-client-detail p,
.tcw-client-activity p {
  color: #7f8da8;
}

.tcw-client-activity article,
.tcw-client-notifications article {
  align-items: center;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  display: grid;
  gap: 12px;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  padding: 14px 0;
}

.tcw-client-activity article {
  align-items: start;
  grid-template-columns: 36px minmax(0, 1fr);
}

.tcw-client-activity article time {
  grid-column: 2;
  margin-top: -4px;
}

.tcw-client-activity strong {
  display: block;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.tcw-client-activity span {
  line-height: 1.45;
}

.tcw-client-notifications {
  max-height: 620px;
  overflow-y: auto;
  padding-right: 12px;
}

.tcw-client-notifications::-webkit-scrollbar,
.tcw-client-notification-menu section::-webkit-scrollbar {
  width: 6px;
}

.tcw-client-notifications::-webkit-scrollbar-thumb,
.tcw-client-notification-menu section::-webkit-scrollbar-thumb {
  background: rgba(96, 165, 250, 0.4);
  border-radius: 999px;
}

.tcw-client-notifications article {
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  gap: 14px;
  grid-template-columns: 36px minmax(0, 1fr);
  margin-top: 12px;
  padding: 16px;
}

.tcw-client-notifications article time {
  display: block;
  font-size: 0.72rem;
  margin-top: 8px;
}

.tcw-client-notifications article strong {
  color: #fff;
  display: block;
  font-size: 0.92rem;
  line-height: 1.3;
}

.tcw-client-notifications article span {
  font-size: 0.84rem;
  line-height: 1.55;
  margin-top: 6px;
}

.tcw-client-workflow article {
  align-items: flex-start;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  display: grid;
  gap: 12px;
  grid-template-columns: 18px minmax(0, 1fr);
  padding: 14px 0;
  position: relative;
}

.tcw-client-workflow i {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.72rem;
  height: 24px;
  justify-content: center;
  margin-top: 0;
  width: 24px;
}

.tcw-client-workflow .is-submitted i {
  background: #0ea5e9;
}

.tcw-client-workflow .is-pending_review i {
  background: #f59e0b;
}

.tcw-client-workflow .is-in_discussion i {
  background: #6366f1;
}

.tcw-client-workflow .is-proposal_sent i {
  background: #06b6d4;
}

.tcw-client-workflow .is-deal_in_progress i {
  background: #a855f7;
}

.tcw-client-workflow .is-approved i {
  background: #10b981;
}

.tcw-client-workflow .is-in_progress i {
  background: #3b82f6;
}

.tcw-client-workflow .is-progress_updated i {
  background: #14b8a6;
}

.tcw-client-workflow .is-files_uploaded i {
  background: #8b5cf6;
}

.tcw-client-workflow .is-client_message_received i {
  background: #ec4899;
}

.tcw-client-workflow .is-testing_review i {
  background: #f43f5e;
}

.tcw-client-workflow .is-client_review i {
  background: #f97316;
}

.tcw-client-workflow .is-completed i {
  background: #22c55e;
}

.tcw-client-workflow span {
  color: #9fb0ca;
  display: block;
  line-height: 1.5;
  margin-top: 4px;
}

.tcw-client-workflow article:not(:last-child)::after {
  color: rgba(148, 163, 184, 0.7);
  content: "\2193";
  font-size: 1rem;
  left: 8px;
  position: absolute;
  top: calc(100% - 8px);
}

.tcw-client-activity i,
.tcw-client-notifications i,
.tcw-client-mobile-list i {
  align-items: center;
  background: rgba(37, 99, 235, 0.18);
  border-radius: 12px;
  color: #60a5fa;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.tcw-client-activity span,
.tcw-client-notifications span,
.tcw-client-mobile-list span {
  color: #9fb0ca;
  display: block;
  margin-top: 3px;
}

.tcw-client-activity time,
.tcw-client-notifications time,
.tcw-client-mobile-list small {
  color: #7f8da8;
}

.tcw-client-notifications button {
  background: transparent;
  border: 0;
  color: #60a5fa;
  cursor: pointer;
  font-weight: 700;
}

.tcw-client-notifications article.is-unread {
  background: rgba(37, 99, 235, 0.08);
  margin-inline: 0;
}

.tcw-client-notifications aside {
  display: grid;
  gap: 6px;
  justify-items: end;
}

.tcw-client-notifications aside a {
  color: #60a5fa;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
}

.tcw-client-premium-alerts > div:not(.tcw-client-panel-head) {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 0;
}

.tcw-client-premium-alerts > div:not(.tcw-client-panel-head) span {
  color: #7dd3fc;
  flex-basis: 100%;
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.tcw-client-premium-alerts b {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 999px;
  color: #dbe7ff;
  font-size: 0.76rem;
  padding: 7px 10px;
}

.tcw-client-empty-state {
  align-items: center;
  display: grid;
  justify-items: center;
  min-height: 160px;
  text-align: center;
}

.tcw-request-page {
  padding-top: 0;
}

.tcw-request-header {
  align-items: end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 24px;
}

.tcw-page-heading {
  align-items: center;
  display: flex;
  gap: 14px;
}

.tcw-request-header h1 {
  color: #fff;
  font-size: 1.8rem;
  margin: 0 0 8px;
}

.tcw-request-header p {
  color: #9fb0ca;
  margin: 0;
}

.tcw-request-tools {
  align-items: center;
  display: flex;
  gap: 12px;
}

.tcw-request-tools label,
.tcw-request-tools button,
.tcw-request-tools a {
  align-items: center;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 12px;
  color: #dbe7ff;
  display: inline-flex;
  min-height: 54px;
}

.tcw-request-tools label {
  gap: 12px;
  min-width: 330px;
  padding: 0 18px;
}

.tcw-request-tools input {
  background: transparent;
  border: 0;
  color: #fff;
  outline: 0;
  width: 100%;
}

.tcw-request-tools button {
  gap: 10px;
  padding: 0 18px;
}

.tcw-request-tools a {
  background: linear-gradient(135deg, #0ea5e9, #4338ca);
  border-color: transparent;
  gap: 10px;
  padding: 0 22px;
  text-decoration: none;
}

.tcw-request-tabs {
  align-items: end;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  display: flex;
  gap: 28px;
  margin-bottom: 24px;
}

.tcw-request-tabs a,
.tcw-request-tabs span {
  align-items: center;
  color: #aebbd2;
  display: inline-flex;
  gap: 10px;
  min-height: 48px;
  text-decoration: none;
}

.tcw-request-tabs .is-active {
  border-bottom: 2px solid #2563eb;
  color: #fff;
}

.tcw-request-table-card {
  background: linear-gradient(145deg, rgba(15, 29, 53, 0.96), rgba(7, 18, 38, 0.98));
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 20px;
  padding: 22px;
}

.tcw-request-table-card .tcw-client-table-wrap td:first-child {
  align-items: center;
  display: flex;
  gap: 14px;
}

.tcw-request-table-card .tcw-client-table-wrap td:first-child i {
  align-items: center;
  background: rgba(37, 99, 235, 0.16);
  border-radius: 12px;
  color: #38bdf8;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.tcw-request-table-card .tcw-client-table-wrap td:last-child button,
.tcw-request-table-card .tcw-client-table-wrap td:last-child a {
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 10px;
  color: #dbe7ff;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.tcw-request-table-card .tcw-client-table-wrap td:last-child .tcw-client-action-links {
  justify-content: flex-end;
}

.tcw-request-table-card .tcw-client-table-wrap td:last-child .tcw-client-action-links a {
  min-height: 42px;
  padding: 0;
}

.tcw-request-mobile-cards {
  display: none;
}

.tcw-request-footer {
  align-items: center;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  color: #9fb0ca;
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
  padding-top: 20px;
}

.tcw-request-footer .tcw-user-pagination {
  margin-top: 0;
}

.tcw-request-footer nav[role="navigation"][aria-label*="Pagination"] {
  justify-content: flex-end !important;
  margin-top: 0 !important;
  width: auto !important;
}

.tcw-request-footer nav[role="navigation"][aria-label*="Pagination"] > div {
  gap: 8px !important;
}

.tcw-request-footer nav[role="navigation"][aria-label*="Pagination"] > div:first-child {
  display: none !important;
}

.tcw-request-footer nav[role="navigation"][aria-label*="Pagination"] > div:last-child {
  align-items: center !important;
  display: flex !important;
  gap: 8px !important;
}

.tcw-request-footer nav[role="navigation"][aria-label*="Pagination"] span[aria-disabled] > span,
.tcw-request-footer nav[role="navigation"][aria-label*="Pagination"] a,
.tcw-request-footer nav[role="navigation"][aria-label*="Pagination"] span[aria-current] > span {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(115, 140, 255, 0.3) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #9fb0ca !important;
}

.tcw-request-footer nav[role="navigation"][aria-label*="Pagination"] span[aria-current] > span {
  background: linear-gradient(135deg, #38BDF8 0%, #2563EB 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.tcw-request-footer nav[role="navigation"][aria-label*="Pagination"] a:hover {
  background: rgba(56, 189, 248, 0.12) !important;
  border-color: rgba(56, 189, 248, 0.65) !important;
  color: #fff !important;
}

.tcw-notification-page {
  padding-top: 0;
}

.tcw-notification-header h1 {
  color: #fff;
  font-size: 1.8rem;
  margin: 0 0 8px;
}

.tcw-notification-header p {
  color: #9fb0ca;
  margin: 0 0 24px;
}

.tcw-notification-list {
  display: grid;
  gap: 14px;
}

.tcw-notification-list article,
.tcw-notification-list > a {
  align-items: start;
  background: linear-gradient(145deg, rgba(15, 29, 53, 0.96), rgba(7, 18, 38, 0.98));
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  display: grid;
  gap: 16px;
  grid-template-columns: 44px minmax(0, 1fr);
  padding: 18px;
}

.tcw-notification-list article i,
.tcw-notification-list > a i {
  align-items: center;
  background: rgba(37, 99, 235, 0.16);
  border-radius: 14px;
  color: #60a5fa;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.tcw-notification-list > a {
  color: inherit;
  text-decoration: none;
}

.tcw-notification-list strong,
.tcw-notification-list span,
.tcw-notification-list time {
  display: block;
}

.tcw-notification-list strong {
  color: #fff;
}

.tcw-notification-list span {
  color: #cbd5e1;
  margin-top: 5px;
}

.tcw-notification-list time {
  color: #7f8da8;
  font-size: 0.78rem;
  margin-top: 8px;
}

.tcw-client-empty-state i {
  align-items: center;
  background: rgba(37, 99, 235, 0.16);
  border-radius: 28px;
  color: #60a5fa;
  display: inline-flex;
  font-size: 2rem;
  height: 88px;
  justify-content: center;
  margin-bottom: 18px;
  width: 88px;
}

.tcw-client-empty-state strong {
  color: #fff;
}

.tcw-client-empty-state span {
  color: #9fb0ca;
}

.tcw-client-reminder article {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 36px minmax(0, 1fr);
}

.tcw-client-reminder i {
  align-items: center;
  background: rgba(37, 99, 235, 0.18);
  border-radius: 12px;
  color: #60a5fa;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.tcw-client-reminder strong,
.tcw-client-quick-actions a {
  color: #fff;
}

.tcw-client-reminder span {
  color: #9fb0ca;
  display: block;
  margin-top: 4px;
}

.tcw-client-quick-actions > div {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tcw-client-quick-actions a {
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  display: flex;
  font-size: 0.72rem;
  gap: 7px;
  min-height: 42px;
  padding: 0 8px;
  text-decoration: none;
  white-space: nowrap;
}

.tcw-client-quick-actions .tcw-client-panel-head h2 {
  font-size: 1rem;
  white-space: nowrap;
}

.tcw-client-mobile-list,
.tcw-client-mobile-nav {
  display: none;
}

@media (max-width: 1199px) {
  .tcw-client-dashboard {
    grid-template-columns: 1fr;
  }

  .tcw-client-sidebar {
    background: #071226;
    bottom: 0;
    box-shadow: 18px 0 48px rgba(0, 0, 0, 0.36);
    left: 0;
    max-width: min(300px, 84vw);
    position: fixed;
    top: 0;
    transform: translateX(-105%);
    transition: transform 0.25s ease;
    width: 100%;
    z-index: 60;
  }

  .tcw-client-sidebar-close {
    align-items: center;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 12px;
    color: #fff;
    display: inline-flex;
    font-size: 1.5rem;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 22px;
    width: 40px;
  }

  .tcw-client-sidebar-toggle {
    align-items: center;
    background: rgba(15, 29, 53, 0.96);
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 14px;
    color: #fff;
    display: inline-flex;
    height: 46px;
    justify-content: center;
    position: static;
    width: 46px;
    z-index: auto;
  }

  .tcw-client-sidebar-overlay {
    background: rgba(2, 6, 23, 0.58);
    inset: 0;
    position: fixed;
    z-index: 50;
  }

  .tcw-client-dashboard.is-sidebar-open .tcw-client-sidebar {
    transform: translateX(0);
  }

  .tcw-client-dashboard.is-sidebar-open .tcw-client-sidebar-overlay {
    display: block;
  }

  .tcw-client-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .tcw-client-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .tcw-client-dashboard {
    min-height: 100vh;
    padding-bottom: 92px;
    padding-top: 0;
  }

  .tcw-client-main {
    padding: 18px;
  }

  .tcw-client-topbar {
    align-items: center;
    gap: 16px;
  }

  .tcw-client-top-actions,
  .tcw-chat-actions {
    flex: 0 0 auto;
  }

  .tcw-chat-actions > button,
  .tcw-chat-actions > a:last-of-type {
    display: none;
  }

  .tcw-chat-actions .tcw-client-notification-menu,
  .tcw-chat-actions .tcw-client-user-menu {
    display: block;
  }

  .tcw-chat-actions .tcw-client-notification-menu .tcw-client-bell {
    display: inline-flex;
  }

  .tcw-page-heading,
  .tcw-chat-title {
    align-items: center;
    display: flex;
    gap: 12px;
  }

  .tcw-client-topbar h1 {
    font-size: 1.4rem;
  }

  .tcw-client-user-chip strong {
    display: none;
  }

  .tcw-client-notification-menu > div {
    min-width: min(320px, calc(100vw - 36px));
    right: -70px;
  }

  .tcw-client-profile-grid {
    grid-template-columns: 1fr;
  }

  .tcw-client-stats {
    gap: 12px;
  }

  .tcw-client-stats article {
    min-height: 126px;
    padding: 16px;
  }

  .tcw-client-stats strong {
    font-size: 1.6rem;
  }

  .tcw-client-panel {
    padding: 16px;
  }

  .tcw-client-table-wrap {
    display: none;
  }

  .tcw-client-mobile-list {
    display: grid;
    gap: 12px;
  }

  .tcw-request-page .tcw-client-main {
    padding-top: 24px;
  }

  .tcw-request-header {
    align-items: stretch;
    display: grid;
    gap: 18px;
    margin-bottom: 18px;
  }

  .tcw-request-header h1 {
    font-size: 1.55rem;
  }

  .tcw-request-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
  }

  .tcw-request-tools label {
    min-width: 0;
  }

  .tcw-request-tools a {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .tcw-request-tabs {
    gap: 22px;
    margin-bottom: 18px;
  }

  .tcw-request-table-card {
    background: transparent;
    border: 0;
    padding: 0;
  }

  .tcw-request-table-card .tcw-client-table-wrap {
    display: none;
  }

  .tcw-request-mobile-cards {
    display: grid;
    gap: 14px;
  }

  .tcw-request-mobile-cards article {
    background: linear-gradient(145deg, rgba(15, 29, 53, 0.96), rgba(7, 18, 38, 0.98));
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 18px;
    padding: 18px;
  }

  .tcw-request-mobile-cards article > div {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 48px minmax(0, 1fr) auto;
  }

  .tcw-request-mobile-cards article > div > i {
    align-items: center;
    background: rgba(37, 99, 235, 0.16);
    border-radius: 14px;
    color: #38bdf8;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px;
  }

  .tcw-request-mobile-cards h2 {
    color: #fff;
    font-size: 1rem;
    margin: 14px 0 4px;
  }

  .tcw-request-mobile-cards p {
    color: #9fb0ca;
    margin: 0;
  }

  .tcw-request-mobile-cards footer {
    align-items: center;
    color: #aebbd2;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-top: 16px;
  }

  .tcw-request-mobile-cards footer span,
  .tcw-request-mobile-cards footer time {
    align-items: center;
    display: inline-flex;
    gap: 8px;
  }

  .tcw-request-mobile-cards .tcw-client-action-links {
    display: flex;
    margin-top: 14px;
  }

  .tcw-request-mobile-cards .tcw-client-action-links a {
    flex: 1;
    justify-content: center;
  }

  .tcw-request-footer {
    align-items: start;
    display: grid;
    gap: 14px;
    margin-top: 18px;
  }

  .tcw-request-footer nav[role="navigation"][aria-label*="Pagination"] {
    justify-content: flex-start !important;
  }

  .tcw-client-mobile-list article {
    align-items: center;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 16px;
    display: grid;
    gap: 12px;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    padding: 14px;
  }

  #service-requests .tcw-client-mobile-list article,
  #quote-requests .tcw-client-mobile-list article {
    align-items: start;
    grid-template-columns: 42px minmax(0, 1fr);
  }

  #service-requests .tcw-client-mobile-list div,
  #quote-requests .tcw-client-mobile-list div {
    display: grid;
    gap: 6px;
  }

  #quote-requests .tcw-client-mobile-list .tcw-client-action-links {
    display: flex;
    margin-top: 4px;
  }

  #service-requests .tcw-client-mobile-list small,
  #quote-requests .tcw-client-mobile-list small {
    line-height: 1.45;
  }

  #service-requests .tcw-client-mobile-list .tcw-client-status,
  #quote-requests .tcw-client-mobile-list .tcw-client-status {
    justify-self: start;
  }

  #service-requests .tcw-client-mobile-list article {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .tcw-client-mobile-nav {
    backdrop-filter: blur(18px);
    background: rgba(7, 18, 38, 0.92);
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    left: 0;
    padding: 10px 8px 14px;
    position: fixed;
    right: 0;
    z-index: 20;
  }

  .tcw-client-mobile-nav a {
    align-items: center;
    border-radius: 12px;
    color: #93a4be;
    display: grid;
    font-size: 0.72rem;
    gap: 5px;
    justify-items: center;
    min-height: 54px;
    text-decoration: none;
  }

  .tcw-client-mobile-nav a.is-active {
    background: rgba(37, 99, 235, 0.16);
    color: #60a5fa;
  }
}

.tcw-portfolio-listing .col-lg-6 {
  display: flex;
  flex-direction: column;
}

.tcw-portfolio-listing .cs-portfolio.cs-style3.cs-type1 {
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.tcw-portfolio-listing .cs-portfolio_img {
  width: 100%;
  height: 100%;
}

.tcw-portfolio-listing .cs-portfolio_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.tcw-portfolio-listing .cs-height_30 {
  display: none;
}

@media (max-width: 575px) {
  .tcw-portfolio-listing .cs-portfolio.cs-style3.cs-type1 {
    aspect-ratio: 4 / 3;
  }
}

.tcw-dimensional-page {
  background:
    radial-gradient(circle at 18% 12%, rgba(56, 189, 248, 0.14), transparent 30%),
    linear-gradient(180deg, #040816 0%, #060b1b 48%, #040816 100%);
  color: #eef3ff;
  overflow: hidden;
}

.tcw-dimensional-hero {
  background:
    linear-gradient(135deg, rgba(2, 6, 23, 0.94), rgba(15, 23, 42, 0.86)),
    url("../img/design-agency/icon-box-bg2.jpg") center / cover no-repeat;
  padding: 180px 0 110px;
  position: relative;
}

.tcw-dimensional-hero::after {
  background: linear-gradient(180deg, transparent, #040816);
  bottom: -1px;
  content: "";
  height: 120px;
  left: 0;
  position: absolute;
  right: 0;
}

.tcw-dimensional-hero-grid {
  align-items: center;
  display: grid;
  gap: 60px;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.75fr);
  position: relative;
  z-index: 1;
}

.tcw-dimensional-hero-copy {
  max-width: 720px;
}

.tcw-dimensional-hero-copy .tcw-detail-eyebrow {
  color: #7dd3fc;
}

.tcw-dimensional-hero-copy h1 {
  color: #ffffff;
  font-size: clamp(3rem, 6vw, 5.8rem);
  letter-spacing: 0;
  line-height: 0.96;
  margin: 18px 0 24px;
}

.tcw-dimensional-hero-copy h1 span,
.tcw-detail-heading h2 span {
  color: #38BDF8;
}

.tcw-dimensional-hero-copy p {
  color: rgba(226, 232, 240, 0.92);
  font-size: 1.08rem;
  line-height: 1.8;
  margin: 0 0 34px;
  max-width: 620px;
}

.tcw-dimensional-hero-stage {
  aspect-ratio: 1;
  min-height: 360px;
  perspective: 1100px;
  position: relative;
}

.tcw-dimensional-core {
  align-items: center;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(56, 189, 248, 0.1)),
    rgba(15, 23, 42, 0.72);
  border: 1px solid rgba(125, 211, 252, 0.36);
  border-radius: 28px;
  box-shadow: 0 34px 90px rgba(2, 6, 23, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 210px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotateX(12deg) rotateY(-18deg);
  width: 210px;
}

.tcw-dimensional-core span {
  color: #38BDF8;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
}

.tcw-dimensional-core strong {
  font-size: 0.88rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.tcw-orbit-card {
  align-items: center;
  backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 20px;
  box-shadow: 0 22px 60px rgba(2, 6, 23, 0.34);
  color: #ffffff;
  display: flex;
  gap: 12px;
  min-width: 155px;
  padding: 16px 18px;
  position: absolute;
  transform-style: preserve-3d;
}

.tcw-orbit-card i {
  align-items: center;
  background: linear-gradient(135deg, #38BDF8, #2563EB);
  border-radius: 14px;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.tcw-orbit-card span {
  font-size: 0.86rem;
  font-weight: 800;
}

.tcw-orbit-card-1 {
  left: 0;
  top: 18%;
  transform: translateZ(70px) rotateY(16deg);
}

.tcw-orbit-card-2 {
  right: 0;
  top: 8%;
  transform: translateZ(110px) rotateY(-18deg);
}

.tcw-orbit-card-3 {
  bottom: 12%;
  left: 26%;
  transform: translateZ(90px) rotateX(16deg);
}

.tcw-dimensional-section {
  padding: 110px 0;
  position: relative;
}

.tcw-dimensional-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tcw-dimensional-card {
  --tcw-card-accent: #38bdf8;
  --tcw-card-accent-soft: rgba(56, 189, 248, 0.22);
  isolation: isolate;
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--tcw-card-accent) 18%, transparent), transparent 32%),
    linear-gradient(145deg, rgba(12, 18, 40, 0.98), rgba(6, 11, 27, 0.98)) padding-box,
    linear-gradient(145deg, var(--tcw-card-accent), rgba(255, 255, 255, 0.05), var(--tcw-card-accent)) border-box;
  border: 1px solid transparent;
  border-radius: 28px;
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  padding: 28px;
  position: relative;
  transform: translateY(0) rotateX(0) rotateY(0);
  transform-style: preserve-3d;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.tcw-dimensional-card:hover {
  box-shadow:
    0 34px 84px rgba(0, 0, 0, 0.5),
    0 0 36px var(--tcw-card-accent-soft);
  transform: translateY(-10px) rotateX(3deg) rotateY(-2deg);
}

.tcw-dimensional-card-glow {
  background: radial-gradient(circle, var(--tcw-card-accent-soft), transparent 66%);
  height: 180px;
  position: absolute;
  right: -70px;
  top: -70px;
  width: 180px;
}

.tcw-industry-card-top,
.tcw-testimonial-card-head {
  align-items: center;
  display: flex;
  gap: 16px;
  position: relative;
  z-index: 1;
}

.tcw-industry-card-top {
  justify-content: space-between;
}

.tcw-industry-card-top > span,
.tcw-testimonial-badge {
  background: color-mix(in srgb, var(--tcw-card-accent) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--tcw-card-accent) 34%, transparent);
  border-radius: 999px;
  color: var(--tcw-card-accent);
  font-size: 0.75rem;
  font-weight: 800;
  padding: 8px 12px;
}

.tcw-industry-icon,
.tcw-testimonial-avatar {
  align-items: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--tcw-card-accent) 18%, transparent), rgba(255, 255, 255, 0.02));
  border-radius: 18px;
  color: var(--tcw-card-accent);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1.45rem;
  font-weight: 900;
  height: 64px;
  justify-content: center;
  width: 64px;
}

.tcw-industry-icon i {
  color: var(--tcw-card-accent);
  font-size: 1.55rem;
}

.tcw-industry-icon img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  filter: drop-shadow(0 8px 18px var(--tcw-card-accent-soft));
}

.tcw-industry-card-body {
  flex: 1;
  margin-top: 28px;
  position: relative;
  z-index: 1;
}

.tcw-industry-card-body strong {
  color: var(--tcw-card-accent);
  display: block;
  font-size: 0.86rem;
  font-weight: 900;
  margin-bottom: 10px;
}

.tcw-industry-card-body h3,
.tcw-testimonial-card-head h3 {
  color: #f8fbff;
  font-size: 1.35rem;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 0;
}

.tcw-industry-card-body p,
.tcw-testimonial-4d-card p {
  color: #b9c4df;
  line-height: 1.75;
  margin: 14px 0 0;
}

.tcw-dimensional-link {
  align-items: center;
  color: var(--tcw-card-accent);
  border: 1px solid color-mix(in srgb, var(--tcw-card-accent) 44%, transparent);
  border-radius: 14px;
  justify-content: space-between;
  margin-top: 28px;
  min-height: 54px;
  padding: 0 18px;
  width: 100%;
  display: inline-flex;
  font-weight: 900;
  gap: 10px;
  margin-top: 26px;
  position: relative;
  z-index: 1;
}

.tcw-testimonial-grid {
  align-items: stretch;
}

.tcw-testimonial-4d-card.is-featured {
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 197, 94, 0.18), transparent 32%),
    linear-gradient(145deg, rgba(12, 18, 40, 0.98), rgba(6, 11, 27, 0.98)) padding-box,
    linear-gradient(145deg, #22C55E, #38BDF8, #2563EB) border-box;
}

.tcw-testimonial-card-head span {
  color: #92a1c3;
  display: block;
  font-size: 0.88rem;
  font-weight: 700;
  margin-top: 4px;
}

.tcw-testimonial-rating {
  display: flex;
  gap: 4px;
  margin-top: 24px;
}

.tcw-testimonial-rating span {
  color: #cbd5e1;
  font-size: 1.05rem;
}

.tcw-testimonial-rating span.is-filled {
  color: #f59e0b;
}

.tcw-testimonial-badge {
  align-self: flex-start;
  margin-top: 18px;
}

.tcw-testimonial-4d-card p {
  flex: 1;
  font-size: 1rem;
  margin-top: 22px;
}

.tcw-industry-4d-card:nth-child(6n + 1),
.tcw-testimonial-4d-card:nth-child(6n + 1) {
  --tcw-card-accent: #a855f7;
  --tcw-card-accent-soft: rgba(168, 85, 247, 0.24);
}

.tcw-industry-4d-card:nth-child(6n + 2),
.tcw-testimonial-4d-card:nth-child(6n + 2) {
  --tcw-card-accent: #3b82f6;
  --tcw-card-accent-soft: rgba(59, 130, 246, 0.24);
}

.tcw-industry-4d-card:nth-child(6n + 3),
.tcw-testimonial-4d-card:nth-child(6n + 3) {
  --tcw-card-accent: #14b8a6;
  --tcw-card-accent-soft: rgba(20, 184, 166, 0.24);
}

.tcw-industry-4d-card:nth-child(6n + 4),
.tcw-testimonial-4d-card:nth-child(6n + 4) {
  --tcw-card-accent: #fb923c;
  --tcw-card-accent-soft: rgba(251, 146, 60, 0.24);
}

.tcw-industry-4d-card:nth-child(6n + 5),
.tcw-testimonial-4d-card:nth-child(6n + 5) {
  --tcw-card-accent: #38bdf8;
  --tcw-card-accent-soft: rgba(56, 189, 248, 0.24);
}

.tcw-industry-4d-card:nth-child(6n + 6),
.tcw-testimonial-4d-card:nth-child(6n + 6) {
  --tcw-card-accent: #ec4899;
  --tcw-card-accent-soft: rgba(236, 72, 153, 0.24);
}

.tcw-dimensional-empty {
  background: rgba(12, 18, 40, 0.98);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
  color: #b9c4df;
  grid-column: 1 / -1;
  padding: 34px;
  text-align: center;
}

/* Site-wide public page background alignment */
body {
  background: #040816 !important;
}

.tcw-blog-detail-page,
.tcw-company-page,
.tcw-quote-page,
.tcw-portfolio-listing,
.tcw-about-services-section,
.tcw-services-page-section,
.tcw-blog-related-section,
.tcw-detail-modern,
.tcw-detail-section,
.tcw-service-detail-page,
.client-video-reviews,
.cs-contact.cs-style2,
#next_section {
  background-color: #040816 !important;
}

.tcw-blog-detail-page,
.tcw-company-page,
.tcw-quote-page,
.tcw-detail-modern,
.tcw-service-detail-page {
  background-image:
    radial-gradient(circle at 12% 0%, rgba(56, 189, 248, 0.08), transparent 26%),
    radial-gradient(circle at 88% 10%, rgba(122, 53, 255, 0.08), transparent 24%),
    linear-gradient(180deg, #040816 0%, #060b1b 100%) !important;
}

.tcw-about-services-section::before,
.tcw-services-page-section::before,
.tcw-blog-related-section::before,
.client-video-reviews::before,
.tcw-detail-section::before {
  display: none !important;
}

/* About page dark redesign */
.tcw-about-page {
  color: #eef3ff;
  background:
    radial-gradient(circle at 12% 8%, rgba(31, 111, 255, 0.16), transparent 26%),
    radial-gradient(circle at 86% 10%, rgba(122, 53, 255, 0.18), transparent 24%),
    linear-gradient(180deg, #040816 0%, #050918 100%);
}

.tcw-about-page .tcw-about-hero {
  position: relative;
  min-height: clamp(340px, 44vw, 520px);
  padding: clamp(126px, 15vw, 180px) 0 clamp(72px, 8vw, 100px);
  overflow: hidden;
  background:
    radial-gradient(circle at 40% 58%, rgba(25, 104, 255, 0.18), transparent 26%),
    radial-gradient(circle at 78% 25%, rgba(127, 56, 255, 0.14), transparent 20%),
    linear-gradient(180deg, rgba(4, 8, 22, 0.2), rgba(4, 8, 22, 0.96)) !important;
}

/* Shared public hero background — matches homepage visual language */
.cs-hero.cs-style8.cs-type1,
.cs-hero.cs-style8.cs-type1.cs-center,
.cs-hero.cs-style8.cs-type1[data-src],
.tcw-dimensional-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 40% 58%, rgba(25, 104, 255, 0.18), transparent 26%),
    radial-gradient(circle at 78% 25%, rgba(127, 56, 255, 0.14), transparent 20%),
    linear-gradient(180deg, rgba(4, 8, 22, 0.2), rgba(4, 8, 22, 0.96)) !important;
}

.cs-hero.cs-style8.cs-type1::before,
.tcw-dimensional-hero::before {
  content: "";
  position: absolute;
  inset: 18% 0 0;
  background:
    radial-gradient(circle at 32% 30%, rgba(0, 153, 255, 0.34) 0 1px, transparent 1.2px),
    radial-gradient(circle at 50% 52%, rgba(0, 153, 255, 0.24) 0 1px, transparent 1.4px);
  background-size: 18px 18px, 24px 24px;
  mask-image: radial-gradient(circle at 34% 34%, #000 0, transparent 56%);
  opacity: 0.7;
  pointer-events: none;
}

.cs-hero.cs-style8.cs-type1::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 90px;
  background: linear-gradient(180deg, transparent, #040816);
}

.cs-hero.cs-style8.cs-type1 .container,
.cs-hero.cs-style8.cs-type1 .cs-hero_text,
.tcw-dimensional-hero > .container {
  position: relative;
  z-index: 1;
}

.cs-hero.cs-style8.cs-type1 .cs-hero_blur_shape {
  display: none;
}

.cs-hero.cs-style8.cs-type1 .cs-hero_title {
  color: #f8fbff;
}

.tcw-about-page .tcw-about-hero::before {
  content: "";
  position: absolute;
  inset: 18% 0 0;
  background:
    radial-gradient(circle at 32% 30%, rgba(0, 153, 255, 0.34) 0 1px, transparent 1.2px),
    radial-gradient(circle at 50% 52%, rgba(0, 153, 255, 0.24) 0 1px, transparent 1.4px);
  background-size: 18px 18px, 24px 24px;
  mask-image: radial-gradient(circle at 34% 34%, #000 0, transparent 56%);
  opacity: 0.7;
  pointer-events: none;
}

.tcw-about-page .tcw-about-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 90px;
  background: linear-gradient(180deg, transparent, #040816);
}

.tcw-about-page .tcw-about-hero .container,
.tcw-about-page .tcw-about-hero .cs-hero_text {
  position: relative;
  z-index: 1;
}

.tcw-about-page .tcw-about-hero .cs-hero_title {
  color: #f8fbff;
  font-size: clamp(2.3rem, 5vw, 4rem);
}

.tcw-about-page .tcw-about-hero .cs-down_btn {
  color: #fff !important;
  border: 1px solid rgba(123, 148, 255, 0.28);
  background: rgba(9, 16, 38, 0.72);
}

.tcw-about-page .tcw-about-hero .cs-hero_blur_shape {
  display: none;
}

.tcw-about-page .tcw-about-services-section {
  background:
    radial-gradient(circle at 14% 12%, rgba(56, 189, 248, 0.08), transparent 24%),
    #040816 !important;
}

.tcw-about-page .tcw-about-services-section::before {
  display: none !important;
}

.tcw-about-page .tcw-about-services-section .cs-section_subtitle,
.tcw-about-page .tcw-about-portfolio-section .cs-section_subtitle {
  color: #73a5ff;
}

.tcw-about-page .tcw-about-services-section .cs-section_title,
.tcw-about-page .tcw-about-portfolio-section .cs-section_title {
  color: #fff;
}

.tcw-about-page .tcw-about-services-section .cs-section_title,
.tcw-about-page .tcw-about-services-section .cs-section_title *,
.tcw-about-page .tcw-about-services-section .cs-section_title b {
  color: #fff !important;
}

.tcw-about-page .tcw-about-services-section .cs-section_title b,
.tcw-about-page .tcw-about-services-section .cs-section_title .cs-accent_color {
  color: #2f6df6 !important;
}

.tcw-about-page .tcw-about-services-section .tcw-about-services-grid .cs-icon_box.cs-style6 {
  border: 1px solid rgba(115, 140, 255, 0.18) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(79, 110, 255, 0.14), transparent 34%),
    rgba(9, 16, 38, 0.92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 18px 42px rgba(0, 0, 0, 0.28) !important;
}

.tcw-about-page .tcw-about-services-section .tcw-about-services-grid .cs-icon_box.cs-style6:hover {
  border-color: rgba(92, 124, 255, 0.48) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(79, 110, 255, 0.18), transparent 34%),
    rgba(9, 16, 38, 0.98) !important;
  box-shadow: 0 24px 64px rgba(5, 10, 28, 0.7), 0 0 28px rgba(56, 92, 255, 0.12) !important;
}

.tcw-about-page .tcw-about-services-section .cs-icon_box_icon {
  width: fit-content;
  height: auto;
  margin: 0 0 25px;
  padding: 0;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

.tcw-about-page .tcw-about-services-section .tcw-about-services-grid .cs-icon_box.cs-style6:hover,
.tcw-services-page-section .tcw-feature-card:hover {
  background-color: rgba(9, 16, 38, 0.98) !important;
  background-image: radial-gradient(circle at 18% 0%, rgba(79, 110, 255, 0.18), transparent 34%) !important;
}

.tcw-about-page .tcw-about-services-section .tcw-about-services-grid .cs-icon_box.cs-style6:hover .cs-icon_box_title,
.tcw-services-page-section .tcw-feature-card:hover .cs-icon_box_title {
  color: #fff !important;
}

.tcw-about-page .tcw-about-services-section .tcw-about-services-grid .cs-icon_box.cs-style6:hover .cs-icon_box_subtitle,
.tcw-services-page-section .tcw-feature-card:hover .cs-icon_box_subtitle {
  color: #fff !important;
}

.tcw-services-page-section .tcw-feature-card {
  border: 1px solid rgba(115, 140, 255, 0.18) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(79, 110, 255, 0.14), transparent 34%),
    rgba(9, 16, 38, 0.92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 18px 42px rgba(0, 0, 0, 0.28) !important;
}

.tcw-services-page-section .tcw-feature-card .cs-icon_box_title {
  color: #fff !important;
}

.tcw-services-page-section .tcw-feature-card .cs-icon_box_subtitle {
  color: #a8b2d8 !important;
}

.tcw-services-page-section {
  background:
    radial-gradient(circle at 14% 12%, rgba(56, 189, 248, 0.08), transparent 24%),
    #040816 !important;
}

.tcw-services-page-section::before {
  display: none !important;
}

.tcw-industries-page .tcw-dimensional-section {
  background:
    radial-gradient(circle at 14% 12%, rgba(56, 189, 248, 0.08), transparent 24%),
    #040816 !important;
}

.tcw-industries-page,
.tcw-industries-page #page-content,
.tcw-industries-page .tcw-dimensional-section {
  background-color: #040816 !important;
}

.tcw-industries-page .tcw-dimensional-section::before {
  display: none !important;
}

.tcw-industries-page .tcw-detail-heading h2 {
  color: #fff;
}

.tcw-industries-page .tcw-detail-heading .tcw-detail-eyebrow {
  color: #73a5ff;
}

/* Blog, testimonials, and quote page dark alignment */
.tcw-blog-page,
.tcw-testimonials-page,
.tcw-quote-page {
  background:
    radial-gradient(circle at 12% 8%, rgba(31, 111, 255, 0.12), transparent 26%),
    radial-gradient(circle at 86% 10%, rgba(122, 53, 255, 0.12), transparent 24%),
    linear-gradient(180deg, #040816 0%, #050918 100%) !important;
  color: #eef3ff;
}

.tcw-blog-page .tcw-blog-section {
  background: #040816 !important;
}

.tcw-blog-page .tcw-blog-section::before {
  display: none !important;
}

.tcw-blog-page .cs-section_subtitle {
  color: #73a5ff;
}

.tcw-blog-page .cs-section_title,
.tcw-blog-page .cs-section_title * {
  color: #fff !important;
}

.tcw-blog-page .cs-section_title b,
.tcw-blog-page .cs-section_title .cs-accent_color {
  color: #2f6df6 !important;
}

.tcw-blog-page .tcw-blog-card {
  background:
    linear-gradient(180deg, rgba(9, 16, 38, 0.12), rgba(9, 16, 38, 0.82)),
    #091026;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

.tcw-blog-page .tcw-blog-rail_arrow {
  background: rgba(9, 16, 38, 0.96) !important;
  border: 1px solid rgba(123, 148, 255, 0.22);
  color: #fff !important;
}

.tcw-testimonials-page .tcw-dimensional-section,
.tcw-quote-page .tcw-quote-section {
  background:
    radial-gradient(circle at 14% 12%, rgba(56, 189, 248, 0.08), transparent 24%),
    #040816 !important;
}

.tcw-testimonials-page,
.tcw-testimonials-page #page-content,
.tcw-testimonials-page .tcw-dimensional-section {
  background-color: #040816 !important;
}

.tcw-testimonials-page .tcw-dimensional-section::before {
  display: none !important;
}

.tcw-testimonials-page .tcw-detail-heading h2 {
  color: #fff;
}

.tcw-testimonials-page .tcw-detail-heading .tcw-detail-eyebrow,
.tcw-quote-page .tcw-detail-eyebrow {
  color: #73a5ff;
}

.tcw-quote-page {
  color: #eef3ff;
}

.tcw-quote-page .tcw-quote-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 40% 58%, rgba(25, 104, 255, 0.18), transparent 26%),
    radial-gradient(circle at 78% 25%, rgba(127, 56, 255, 0.14), transparent 20%),
    linear-gradient(180deg, rgba(4, 8, 22, 0.2), rgba(4, 8, 22, 0.96)) !important;
}

.tcw-quote-page .tcw-quote-hero::before {
  content: "";
  position: absolute;
  inset: 18% 0 0;
  background:
    radial-gradient(circle at 32% 30%, rgba(0, 153, 255, 0.34) 0 1px, transparent 1.2px),
    radial-gradient(circle at 50% 52%, rgba(0, 153, 255, 0.24) 0 1px, transparent 1.4px);
  background-size: 18px 18px, 24px 24px;
  mask-image: radial-gradient(circle at 34% 34%, #000 0, transparent 56%);
  opacity: 0.7;
  pointer-events: none;
}

.tcw-quote-page .tcw-quote-hero .container {
  position: relative;
  z-index: 1;
}

.tcw-quote-page .tcw-quote-copy h1,
.tcw-quote-page .tcw-quote-form-head h2 {
  color: #fff;
}

.tcw-quote-page .tcw-quote-copy p,
.tcw-quote-page .tcw-quote-fields label > span {
  color: #a8b2d8;
}

.tcw-quote-page .tcw-quote-form {
  border: 1px solid rgba(115, 140, 255, 0.18);
  background:
    radial-gradient(circle at 18% 0%, rgba(79, 110, 255, 0.14), transparent 34%),
    rgba(9, 16, 38, 0.92);
}

.tcw-quote-page .tcw-quote-fields input,
.tcw-quote-page .tcw-quote-fields select,
.tcw-quote-page .tcw-quote-fields textarea {
  border-color: rgba(121, 140, 255, 0.18);
  background: rgba(255, 255, 255, 0.02);
  color: #eef3ff;
}

.tcw-quote-page .tcw-quote-fields select option {
  background: #0b1228;
  color: #eef3ff;
}

.tcw-about-page .tcw-about-services-section .cs-icon_box_title {
  color: #fff !important;
}

.tcw-about-page .tcw-about-services-section .cs-icon_box_subtitle {
  color: #a8b2d8 !important;
}

.tcw-about-page .tcw-about-portfolio-section {
  border-color: rgba(115, 140, 255, 0.18);
  background:
    radial-gradient(circle at 82% 10%, rgba(56, 189, 248, 0.1), transparent 24%),
    rgba(9, 16, 38, 0.92);
}

.tcw-about-page .tcw-about-portfolio-section .cs-section_text {
  color: #a8b2d8 !important;
}

.tcw-about-page .tcw-about-portfolio-section .cs-portfolio.cs-style3 {
  border-color: rgba(115, 140, 255, 0.18) !important;
  background: rgba(9, 16, 38, 0.96) !important;
}

.tcw-about-page .tcw-about-portfolio-section .cs-portfolio_img {
  background:
    radial-gradient(circle at 80% 8%, rgba(56, 189, 248, 0.1), transparent 30%),
    #091026;
}

.tcw-about-page .tcw-about-portfolio-section .cs-portfolio_title {
  color: #fff !important;
}

.tcw-about-page .tcw-about-portfolio-slider .cs-pagination,
.tcw-about-page .tcw-about-portfolio-slider .cs-slider_arrows,
.tcw-about-page .tcw-about-portfolio-slider .slick-arrow,
.tcw-about-page .tcw-about-portfolio-slider .slick-dots {
  display: none !important;
}

.tcw-about-page .tcw-about-portfolio-section {
  min-height: 0;
}

.tcw-about-page .tcw-about-portfolio-section > .row {
  align-items: center;
}

.tcw-about-page .tcw-about-portfolio-slider,
.tcw-about-page .tcw-about-portfolio-slider .cs-slider_container,
.tcw-about-page .tcw-about-portfolio-slider .slick-list {
  width: 100%;
}

.tcw-about-page .tcw-about-portfolio-slider .slick-track {
  display: flex !important;
  align-items: stretch;
}

.tcw-about-page .tcw-about-portfolio-slider .slick-slide {
  height: auto;
}

.tcw-about-page .tcw-about-portfolio-slider .slick-slide > div,
.tcw-about-page .tcw-about-portfolio-slider .cs-slide,
.tcw-about-page .tcw-about-portfolio-slider .cs-portfolio {
  height: 100%;
}

.tcw-about-page .tcw-about-portfolio-slider .cs-portfolio {
  display: block;
  overflow: hidden;
}

.tcw-about-page .tcw-about-portfolio-slider .cs-portfolio_img {
  height: clamp(250px, 28vw, 360px);
}

.tcw-about-page .tcw-about-portfolio-slider .cs-portfolio_img img {
  object-fit: cover;
}

@media (max-width: 991px) {
  .tcw-about-page .tcw-about-portfolio-section > .row {
    gap: 28px;
  }

  .tcw-about-page .tcw-about-portfolio-slider .cs-portfolio_img {
    height: min(320px, 72vw);
  }
}

@media (max-width: 575px) {
  .tcw-about-page .tcw-about-portfolio-section {
    padding: 20px 14px 22px;
  }

  .tcw-about-page .tcw-about-portfolio-section .cs-portfolio.cs-style3 {
    padding: 0;
  }

  .tcw-about-page .tcw-about-portfolio-slider .slick-list {
    margin-right: 0;
    margin-left: 0;
  }

  .tcw-about-page .tcw-about-portfolio-slider .slick-slide {
    padding-right: 0;
    padding-left: 0;
  }

  .tcw-about-page .tcw-about-portfolio-slider .cs-portfolio_img {
    width: 100%;
    height: 220px;
  }

  .tcw-about-page .tcw-about-portfolio-slider .cs-portfolio_img img {
    width: 100%;
  }

  .tcw-about-page .tcw-about-portfolio-section .cs-section_heading {
    text-align: left;
  }

  .tcw-about-page .tcw-about-portfolio-section .cs-section_text {
    margin-left: 0;
    margin-right: 0;
  }
}

.tcw-about-page .tcw-reviews-section,
.tcw-about-page .cs-cta.cs-style5 {
  background-color: #040816 !important;
}

.tcw-about-page .tcw-reviews-section::before {
  display: none !important;
}

.tcw-about-page .tcw-reviews-section.client-reviews {
  background: #040816 !important;
}

.tcw-about-page .tcw-reviews-section .cs-section_subtitle,
.tcw-about-page .tcw-reviews-section .cs-section_title,
.tcw-about-page .tcw-reviews-section .cs-section_title * {
  color: #2f6df6 !important;
}

.tcw-about-page .tcw-reviews-section .client-review-card,
.tcw-about-page .tcw-reviews-section .client-review-card.is-featured {
  border-color: rgba(115, 140, 255, 0.18);
  background:
    radial-gradient(circle at 18% 0%, rgba(79, 110, 255, 0.14), transparent 34%),
    rgba(9, 16, 38, 0.92);
}

.tcw-about-page .tcw-reviews-section .client-review-author h3 {
  color: #fff;
}

.tcw-about-page .tcw-reviews-section .client-review-copy p,
.tcw-about-page .tcw-reviews-section .client-review-role {
  color: #a8b2d8;
}

.tcw-about-page .cs-cta.cs-style5 {
  background:
    radial-gradient(circle at 76% 14%, rgba(56, 189, 248, 0.12), transparent 24%),
    #040816 !important;
}

.tcw-about-page .cs-cta_title {
  color: #fff;
}

.tcw-about-page .cs-cta_subtitle {
  color: #a8b2d8;
}

@media (max-width: 767px) {
  .tcw-about-page .tcw-about-hero {
    min-height: 280px;
    padding-top: 112px;
    padding-bottom: 58px;
  }
}

@media (max-width: 1199px) {
  .tcw-dimensional-hero-grid,
  .tcw-dimensional-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .tcw-dimensional-hero {
    padding: 140px 0 84px;
  }

  .tcw-dimensional-hero-grid,
  .tcw-dimensional-grid {
    grid-template-columns: 1fr;
  }

  .tcw-dimensional-hero-stage {
    min-height: 320px;
  }
}

@media (max-width: 575px) {
  .tcw-dimensional-hero {
    padding: 108px 0 54px;
  }

  .tcw-dimensional-hero::after {
    height: 64px;
  }

  .tcw-dimensional-hero-grid {
    gap: 28px;
  }

  .tcw-dimensional-hero-copy {
    max-width: 100%;
  }

  .tcw-dimensional-hero-copy h1 {
    font-size: 2.15rem;
    line-height: 1.06;
    margin: 14px 0 18px;
  }

  .tcw-dimensional-hero-copy p {
    font-size: 0.94rem;
    line-height: 1.7;
    margin-bottom: 22px;
  }

  .tcw-dimensional-hero-stage {
    display: none;
  }

  .tcw-dimensional-section {
    padding: 68px 0;
  }

  .tcw-dimensional-card {
    padding: 22px;
  }

  .tcw-orbit-card {
    border-radius: 16px;
    gap: 8px;
    min-width: 112px;
    padding: 10px;
  }

  .tcw-orbit-card i {
    border-radius: 11px;
    font-size: 0.78rem;
    height: 30px;
    width: 30px;
  }

  .tcw-orbit-card span {
    font-size: 0.68rem;
  }

  .tcw-orbit-card-1 {
    left: 0;
    top: 14%;
  }

  .tcw-orbit-card-2 {
    right: 0;
    top: 4%;
  }

  .tcw-orbit-card-3 {
    bottom: 7%;
    left: 23%;
  }

  .tcw-dimensional-core {
    border-radius: 22px;
    height: 136px;
    width: 136px;
  }

  .tcw-dimensional-core span {
    font-size: 2.9rem;
  }

  .tcw-dimensional-core strong {
    font-size: 0.68rem;
  }
}

/* Quote result page refresh */
.tcw-quote-page .tcw-quote-result-section {
  background: #eef6ff;
  padding: 128px 0 28px;
}

.tcw-quote-page .tcw-quote-result-glow {
  display: none;
}

.tcw-quote-page .tcw-quote-result-shell {
  max-width: 1180px;
}

.tcw-quote-page .tcw-quote-result-shell .tcw-quote-result-card {
  align-items: stretch;
  background: #f8fbff;
  border: 1px solid rgba(191, 219, 254, 0.9);
  border-radius: 28px;
  box-shadow: 0 20px 55px rgba(15, 23, 42, 0.08);
  gap: 0;
  grid-template-columns: minmax(340px, 0.82fr) minmax(560px, 1.18fr);
  max-width: none;
  min-height: 420px;
  padding: 0;
  transform: none;
}

.tcw-quote-page .tcw-quote-result-shell .tcw-quote-result-card::before {
  background:
    radial-gradient(circle at 82% 100%, rgba(34, 211, 238, 0.34), transparent 32%),
    radial-gradient(circle at 70% 76%, rgba(59, 130, 246, 0.18), transparent 22%),
    linear-gradient(145deg, #071632, #08214b 68%, #063357);
  border-radius: 28px 0 0 28px;
  width: 40.7%;
}

.tcw-quote-page .tcw-quote-result-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px 42px;
}

.tcw-quote-page .tcw-quote-result-left .tcw-detail-eyebrow {
  align-self: flex-start;
  border: 1px solid rgba(96, 165, 250, 0.24);
  border-radius: 8px;
  color: #2f9cff;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  padding: 8px 12px;
}

.tcw-quote-page .tcw-quote-result-left h1 {
  font-size: clamp(2rem, 3vw, 2.65rem);
  letter-spacing: 0.03em;
  line-height: 1.12;
  margin: 24px 0 18px;
}

.tcw-quote-page .tcw-quote-result-left h1::after {
  background: linear-gradient(90deg, #27c8ff, #2f6df6);
  content: "";
  display: block;
  height: 2px;
  margin-top: 20px;
  width: 78px;
}

.tcw-quote-page .tcw-quote-result-left p {
  color: rgba(238, 243, 255, 0.92);
  font-size: 1rem;
  line-height: 1.8;
}

.tcw-quote-page .tcw-quote-result-left p strong {
  color: #27c8ff;
}

.tcw-quote-page .tcw-quote-actions {
  align-items: stretch;
  flex-direction: column;
  gap: 12px;
  margin-top: 22px;
}

.tcw-quote-page .tcw-quote-actions .tcw-quote-submit,
.tcw-quote-page .tcw-quote-actions .tcw-quote-secondary {
  border-radius: 14px;
  justify-content: space-between;
  margin-top: 0;
  min-height: 54px;
  padding-inline: 24px;
  width: 100%;
}

.tcw-quote-page .tcw-quote-actions .tcw-quote-submit {
  background: linear-gradient(90deg, #1189ff, #2559ff);
}

.tcw-quote-page .tcw-quote-actions .tcw-quote-secondary {
  background: transparent;
  border: 1px solid rgba(191, 219, 254, 0.72);
  color: #fff;
}

.tcw-quote-page .tcw-quote-result-panel {
  background: #fbfdff;
  border: 0;
  border-radius: 0 28px 28px 0;
  box-shadow: none;
  padding: 28px;
  transform: none;
}

.tcw-quote-page .tcw-quote-result-panel-top span {
  color: #344768;
  font-size: 0.86rem;
}

.tcw-quote-page .tcw-quote-result-panel-top i {
  background: linear-gradient(135deg, #2f6df6, #1d4ed8);
  border-radius: 12px;
  height: 42px;
  width: 42px;
}

.tcw-quote-page .tcw-quote-price {
  background: #edf6ff;
  border-radius: 16px;
  color: #1d4ed8;
  margin: 22px 0 24px;
  padding: 28px 20px;
  text-shadow: none;
  transform: none;
}

.tcw-quote-page .tcw-quote-price span,
.tcw-quote-page .tcw-quote-price strong,
.tcw-quote-page .tcw-quote-price small {
  display: block;
}

.tcw-quote-page .tcw-quote-price span {
  color: #48617f;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.tcw-quote-page .tcw-quote-price strong {
  color: #2870ea;
  font-size: clamp(2rem, 3.3vw, 2.75rem);
  line-height: 1.05;
}

.tcw-quote-page .tcw-quote-price small {
  color: #61718b;
  font-size: 0.9rem;
  font-weight: 600;
  margin-top: 12px;
}

.tcw-quote-page .tcw-quote-result-grid {
  gap: 16px;
  margin-top: 0;
}

.tcw-quote-page .tcw-quote-result-grid div {
  background: #fbfdff;
  border: 1px solid rgba(191, 219, 254, 0.9);
  border-radius: 16px;
  min-height: 126px;
  padding: 18px 16px;
  text-align: left;
}

.tcw-quote-page .tcw-quote-result-grid i {
  align-items: center;
  border-radius: 12px;
  display: inline-flex;
  font-size: 1rem;
  height: 40px;
  justify-content: center;
  margin-bottom: 12px;
  width: 40px;
}

.tcw-quote-page .tcw-quote-result-grid div:nth-child(1) i {
  background: #e8f2ff;
  color: #2486ff;
}

.tcw-quote-page .tcw-quote-result-grid div:nth-child(2) i {
  background: #e8fbef;
  color: #16a34a;
}

.tcw-quote-page .tcw-quote-result-grid div:nth-child(3) i {
  background: #f1ecff;
  color: #7c3aed;
}

.tcw-quote-page .tcw-quote-result-grid span {
  color: #52627b;
  font-size: 0.7rem;
}

.tcw-quote-page .tcw-quote-result-grid strong {
  color: #0b1220;
  font-size: 1rem;
  margin-top: 6px;
}

.tcw-quote-page .tcw-quote-result-note {
  align-items: center;
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid rgba(191, 219, 254, 0.9);
  border-radius: 16px;
  color: #50627d;
  display: flex;
  gap: 14px;
  margin-top: 18px;
  padding: 16px 22px;
}

.tcw-quote-page .tcw-quote-result-note i {
  color: #1d72f2;
}

@media (max-width: 991px) {
  .tcw-quote-page .tcw-quote-result-section {
    padding-top: 110px;
  }

  .tcw-quote-page .tcw-quote-result-shell .tcw-quote-result-card {
    grid-template-columns: 1fr;
  }

  .tcw-quote-page .tcw-quote-result-shell .tcw-quote-result-card::before {
    display: none;
  }

  .tcw-quote-page .tcw-quote-result-left {
    background:
      radial-gradient(circle at 82% 100%, rgba(34, 211, 238, 0.34), transparent 32%),
      radial-gradient(circle at 70% 76%, rgba(59, 130, 246, 0.18), transparent 22%),
      linear-gradient(145deg, #071632, #08214b 68%, #063357);
    border-radius: 28px 28px 0 0;
    padding: 34px 28px;
    text-align: left;
  }

  .tcw-quote-page .tcw-quote-result-panel {
    border-radius: 0 0 28px 28px;
  }

  .tcw-quote-page .tcw-quote-result-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .tcw-quote-page .tcw-quote-result-section {
    padding: 88px 0 24px;
  }

  .tcw-quote-page .tcw-quote-result-shell .tcw-quote-result-card {
    border-radius: 22px;
  }

  .tcw-quote-page .tcw-quote-result-left {
    border-radius: 22px 22px 0 0;
    padding: 26px 20px 28px;
  }

  .tcw-quote-page .tcw-quote-result-left .tcw-detail-eyebrow {
    font-size: 0.66rem;
    padding: 7px 10px;
  }

  .tcw-quote-page .tcw-quote-result-left h1 {
    font-size: 1.58rem;
    letter-spacing: 0.02em;
    margin: 18px 0 14px;
  }

  .tcw-quote-page .tcw-quote-result-left h1::after {
    margin-top: 16px;
    width: 64px;
  }

  .tcw-quote-page .tcw-quote-result-left p {
    font-size: 0.92rem;
    line-height: 1.7;
  }

  .tcw-quote-page .tcw-quote-actions {
    gap: 10px;
    margin-top: 18px;
  }

  .tcw-quote-page .tcw-quote-actions .tcw-quote-submit,
  .tcw-quote-page .tcw-quote-actions .tcw-quote-secondary {
    min-height: 48px;
    padding-inline: 16px;
  }

  .tcw-quote-page .tcw-quote-result-panel {
    border-radius: 0 0 22px 22px;
    padding: 18px;
  }

  .tcw-quote-page .tcw-quote-result-panel-top {
    gap: 12px;
  }

  .tcw-quote-page .tcw-quote-result-panel-top span {
    font-size: 0.72rem;
  }

  .tcw-quote-page .tcw-quote-result-panel-top i {
    border-radius: 10px;
    height: 38px;
    width: 38px;
  }

  .tcw-quote-page .tcw-quote-price {
    margin: 18px 0;
    padding: 22px 14px;
  }

  .tcw-quote-page .tcw-quote-price strong {
    font-size: 1.8rem;
  }

  .tcw-quote-page .tcw-quote-price small {
    font-size: 0.78rem;
    line-height: 1.45;
  }

  .tcw-quote-page .tcw-quote-result-grid div {
    min-height: auto;
    padding: 16px;
  }

  .tcw-quote-page .tcw-quote-result-note {
    align-items: flex-start;
    font-size: 0.88rem;
    line-height: 1.55;
    margin-top: 14px;
    padding: 14px 16px;
  }
}

/* Contact page dark form refresh */
.tcw-contact-form-shell {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tcw-contact-form-shell .cs-contact_left {
  border-radius: 28px 0 0 28px;
  background:
    radial-gradient(circle at 18% 8%, rgba(79, 110, 255, 0.2), transparent 30%),
    linear-gradient(145deg, #071632, #0b1736 72%, #0b2047) !important;
}

.tcw-contact-form-shell .cs-contact_right {
  background: transparent !important;
  padding: 0 !important;
}

.tcw-contact-form-shell .service-card {
  border: 1px solid rgba(115, 140, 255, 0.18) !important;
  border-radius: 0 28px 28px 0 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(79, 110, 255, 0.14), transparent 34%),
    rgba(9, 16, 38, 0.96) !important;
  box-shadow: none !important;
  padding: clamp(24px, 4vw, 42px);
}

@media (min-width: 992px) {
  html[dir="rtl"] .tcw-contact-form-shell .cs-contact_left {
    border-radius: 0 28px 28px 0;
  }

  html[dir="rtl"] .tcw-contact-form-shell .service-card {
    border-radius: 28px 0 0 28px !important;
  }
}

.tcw-contact-form-shell .tcw-form_badge {
  align-self: flex-start;
  color: #8ea6ff;
  min-width: 0;
  margin: 0 0 16px;
  background: rgba(47, 109, 246, 0.12);
  border: 1px solid rgba(115, 140, 255, 0.18);
}

.tcw-contact-form-shell .form-title {
  color: #2f6df6 !important;
}

.tcw-contact-form-shell .tcw-form_intro {
  color: #fff !important;
}

.tcw-it-home .tcw-hero_form_card .form-title {
  color: #2f6df6 !important;
}

.tcw-it-home .tcw-hero_form_card .tcw-form_intro {
  color: #fff !important;
}

.tcw-contact-form-shell .tcw-form-field input,
.tcw-contact-form-shell .tcw-form-field select,
.tcw-contact-form-shell .phone-field-wrap {
  border-color: rgba(121, 140, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.02) !important;
  color: #eef3ff !important;
}

.tcw-contact-form-shell .tcw-form-field input::placeholder {
  color: #8d98ba !important;
}

.tcw-contact-form-shell .tcw-form-field select {
  color: #eef3ff !important;
}

.tcw-contact-form-shell .tcw-form-field select option {
  background: #0b1228;
  color: #eef3ff;
}

.tcw-contact-form-shell .phone-field-wrap input {
  background: transparent !important;
}

.tcw-contact-form-shell .is-invalid {
  border-color: #ef4444 !important;
  background: rgba(255, 255, 255, 0.02) !important;
}

@media (max-width: 991px) {
  .tcw-contact-form-shell .cs-contact_left {
    border-radius: 24px 24px 0 0;
  }

  .tcw-contact-form-shell .service-card {
    border-radius: 0 0 24px 24px !important;
    margin-bottom: 0;
  }
}

/* Floating quote tab alignment */
.tcw-floating-contact {
  right: 0;
  gap: 10px;
  align-items: flex-end;
}

.tcw-floating-contact__icons {
  gap: 12px;
  padding-right: 8px;
}

.tcw-floating-contact__quote {
  width: 42px;
  min-width: 42px;
  height: 124px;
  min-height: 124px;
  padding: 0;
  border-radius: 14px 0 0 14px;
  overflow: hidden;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

.tcw-floating-contact__quote span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 124px;
  height: 42px;
  transform: rotate(-90deg);
  writing-mode: horizontal-tb;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .tcw-floating-contact {
    gap: 8px;
  }

  .tcw-floating-contact__icons {
    gap: 9px;
    padding-right: 7px;
  }

  .tcw-floating-contact__quote {
    width: 38px;
    min-width: 38px;
    height: 112px;
    min-height: 112px;
    border-radius: 12px 0 0 12px;
    font-size: 13px;
  }

  .tcw-floating-contact__quote span {
    width: 112px;
    height: 38px;
  }
}

/* Home mobile refinement */
@media (max-width: 767px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .tcw-it-home {
    overflow-x: hidden;
    background:
      radial-gradient(circle at 24% 5%, rgba(47, 109, 246, 0.22), transparent 30%),
      linear-gradient(180deg, #040816 0%, #050918 100%) !important;
  }

  .tcw-it-home .container {
    width: 100% !important;
    max-width: none;
    padding-right: 16px;
    padding-left: 16px;
  }

  .tcw-it-home .tcw-it-hero {
    min-height: auto;
    padding-top: 96px !important;
    padding-bottom: 34px;
  }

  .tcw-it-home .tcw-it-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }

  .tcw-it-home .tcw-it-hero-copy {
    width: 100%;
    text-align: left;
  }

  .tcw-it-home .tcw-it-kicker,
  .tcw-it-home .tcw-it-section-head span,
  .tcw-it-home .tcw-it-proof-copy span,
  .tcw-it-home .tcw-it-trusted p {
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    line-height: 1.45;
  }

  .tcw-it-home .tcw-it-hero-copy h1 {
    max-width: 100%;
    margin: 12px 0 14px;
    font-size: clamp(2rem, 10.5vw, 2.7rem);
    line-height: 1.08;
  }

  .tcw-it-home .tcw-it-hero-copy p {
    max-width: 100%;
    font-size: 0.95rem;
    line-height: 1.72;
  }

  .tcw-it-home .tcw-it-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 20px;
  }

  .tcw-it-home .tcw-it-btn {
    width: 100%;
    min-height: 48px;
    padding: 13px 16px;
    border-radius: 10px;
    font-size: 0.88rem;
  }

  .tcw-it-home .tcw-it-client-proof {
    width: 100%;
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center;
    row-gap: 4px;
    margin-top: 20px;
    padding: 16px 18px;
    border: 1px solid var(--tcw-home-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
    text-align: center;
  }

  .tcw-it-home .tcw-it-client-proof .tcw-it-avatars {
    grid-row: auto;
    min-width: 104px;
    justify-content: center;
  }

  .tcw-it-home .tcw-it-avatars span {
    width: 34px;
    height: 34px;
    margin-right: -9px;
    font-size: 0.58rem;
  }

  .tcw-it-home .tcw-it-client-proof strong {
    align-self: center;
    min-width: 0;
    font-size: 0.98rem;
    line-height: 1.15;
    white-space: nowrap;
  }

  .tcw-it-home .tcw-it-client-proof small {
    grid-column: auto;
    align-self: center;
    margin-top: 0;
    font-size: 0.86rem;
    line-height: 1.2;
  }

  .tcw-it-home .tcw-it-hero-form-panel {
    width: 100%;
    min-width: 0;
  }

  .tcw-it-home .tcw-hero_form_card,
  .tcw-it-home .tcw-it-hero-form-panel .service-card {
    width: 100%;
    margin-top: 8px !important;
    padding: 22px 16px 18px;
    border-radius: 18px;
  }

  .tcw-it-home .tcw-form_badge {
    margin-bottom: 10px;
    padding: 7px 11px;
    font-size: 0.66rem;
  }

  .tcw-it-home .tcw-hero_form_card .form-title {
    margin-bottom: 10px;
    font-size: 1.18rem;
    line-height: 1.25;
    text-align: left;
  }

  .tcw-it-home .tcw-hero_form_card .tcw-form_intro {
    margin: 0 0 16px;
    font-size: 0.86rem;
    line-height: 1.6;
    text-align: left;
  }

  .tcw-it-home .tcw-form-row {
    margin-right: 0;
    margin-left: 0;
    row-gap: 0;
  }

  .tcw-it-home .tcw-form-row > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .tcw-it-home .tcw-form-field {
    min-height: auto;
    margin-bottom: 10px;
  }

  .tcw-it-home .service-card input,
  .tcw-it-home .service-card select,
  .tcw-it-home .phone-field-wrap .iti--allow-dropdown input[type="tel"],
  .tcw-it-home .phone-field-wrap .iti--separate-dial-code input[type="tel"] {
    min-height: 46px;
    margin-bottom: 0;
    border-radius: 10px;
    font-size: 0.88rem;
  }

  .tcw-it-home .tcw-hero_form_card button {
    width: 100%;
    min-height: 48px;
    margin-top: 2px;
    border-radius: 10px;
    font-size: 0.82rem;
  }

  .tcw-it-home .tcw-it-section {
    padding: 42px 0;
  }

  .tcw-it-home .tcw-it-section-head {
    max-width: 100%;
    margin-bottom: 24px;
    text-align: center !important;
  }

  .tcw-it-home .tcw-it-section-head h2,
  .tcw-it-home .tcw-it-proof-copy h2 {
    font-size: clamp(1.55rem, 7vw, 2rem);
    line-height: 1.18;
  }

  .tcw-it-home .tcw-it-section-head h2::after,
  .tcw-it-home .tcw-it-proof-copy h2::after {
    width: 46px;
    height: 3px;
    margin: 12px auto 0;
  }

  .tcw-it-home .tcw-it-service-slider {
    margin: 0;
    padding: 4px 0 38px;
    overflow: hidden;
  }

  .tcw-it-home .tcw-it-service-slider .slick-list {
    overflow: hidden;
    padding: 8px 0 18px !important;
  }

  .tcw-it-home .tcw-it-service-slider .cs-slide,
  .tcw-it-home .tcw-it-service-slider .slick-slide {
    padding: 0 4px;
  }

  .tcw-it-home .tcw-it-service-slider .tcw-it-service-card {
    min-height: 250px;
    padding: 24px 16px 20px;
    border-radius: 16px;
    transform: none !important;
    animation: none !important;
  }

  .tcw-it-home .tcw-it-card-icon,
  .tcw-it-home .tcw-it-stat-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
    font-size: 1.42rem;
  }

  .tcw-it-home .tcw-it-card-icon img {
    width: 34px;
    height: 34px;
  }

  .tcw-it-home .tcw-it-service-card h3 {
    font-size: 1rem;
  }

  .tcw-it-home .tcw-it-service-card p {
    font-size: 0.86rem;
    line-height: 1.58;
  }

  .tcw-it-home .tcw-it-proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .tcw-it-home .tcw-it-proof-copy {
    grid-column: 1 / -1;
    padding: 0;
    text-align: center;
  }

  .tcw-it-home .tcw-it-proof-copy p {
    max-width: 100%;
    margin: 14px 0 18px;
    font-size: 0.92rem;
    line-height: 1.65;
  }

  .tcw-it-home .tcw-it-stat-card {
    min-height: 148px;
    padding: 18px 10px;
    border-radius: 16px;
  }

  .tcw-it-home .tcw-it-stat-card strong {
    font-size: 1.8rem;
  }

  .tcw-it-home .tcw-it-stat-card span {
    font-size: 0.78rem;
    line-height: 1.35;
  }

  .tcw-it-home .tcw-it-why-grid,
  .tcw-it-home .tcw-it-portfolio-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .tcw-it-home .tcw-it-why-card,
  .tcw-it-home .tcw-it-portfolio-card {
    border-radius: 16px;
  }

  .tcw-it-home .tcw-it-why-card {
    padding: 18px;
  }

  .tcw-it-home .tcw-it-portfolio-card div {
    padding: 16px;
  }

  .tcw-it-home .tcw-it-portfolio-card h3 {
    font-size: 1.05rem;
    line-height: 1.28;
  }

  .tcw-it-home .tcw-it-portfolio-card p {
    font-size: 0.86rem;
    line-height: 1.58;
  }

  .tcw-it-home .tcw-it-trusted {
    padding: 28px 0 36px;
  }

  .tcw-it-home .tcw-it-trusted p {
    max-width: 260px;
    margin: 0 auto 16px;
    font-size: 0.72rem;
    line-height: 1.45;
    letter-spacing: 0.13em;
   }

  .tcw-it-home .tcw-it-logo-slider {
    margin: 0;
    overflow: hidden;
  }

  .tcw-it-home .tcw-it-logo-slider .slick-list {
    overflow: hidden;
    margin: 0 -5px;
  }

  .tcw-it-home .tcw-it-logo-slider .cs-slide,
  .tcw-it-home .tcw-it-logo-slider .slick-slide {
    min-height: 94px;
    padding: 0 5px;
  }

  .tcw-it-home .tcw-it-logo-slider .tcw-it-logo-item,
  .tcw-it-home .tcw-it-logo-slider .tcw-it-logo-text {
    width: 100%;
    min-height: 78px;
    padding: 10px 8px;
    border: 1px solid rgba(115, 140, 255, 0.18);
    border-radius: 12px;
    background: rgba(9, 16, 38, 0.78) !important;
    font-size: 0.86rem;
    line-height: 1.25;
    overflow: hidden;
  }

  .tcw-it-home .tcw-it-logo-slider .tcw-it-logo-item img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 56px;
    object-fit: contain;
    margin: 0 auto;
  }

  .tcw-it-home .tcw-reviews-section.client-reviews {
    padding-top: 0;
  }

  .tcw-it-home .tcw-reviews-section .cs-height_135 {
    height: 42px !important;
  }

  .tcw-it-home .tcw-reviews-section .cs-height_90,
  .tcw-it-home .tcw-reviews-section .cs-height_140 {
    height: 24px !important;
  }

  .tcw-it-home .tcw-reviews-section .cs-section_heading {
    padding: 0 16px;
  }

  .tcw-it-home .tcw-reviews-section .cs-section_title {
    font-size: clamp(1.45rem, 7vw, 1.95rem);
    line-height: 1.18;
  }

  .tcw-it-home .tcw-review-slider-wrap,
  .tcw-it-home .tcw-blog-rail_wrap {
    --tcw-review-edge: 16px;
    --tcw-blog-edge: 16px;
    padding-top: 4px;
    padding-bottom: 24px;
  }

  .tcw-it-home .tcw-review-slide,
  .tcw-it-home .tcw-blog-rail_slide {
    flex-basis: calc(100vw - 32px);
  }

  .tcw-it-home .tcw-review-slider,
  .tcw-it-home .tcw-blog-rail_track {
    gap: 14px;
    padding-left: 0;
  }

  .tcw-it-home .client-review-card,
  .tcw-it-home .client-review-card.is-featured {
    min-height: 300px;
    padding: 22px 18px;
    border-radius: 18px;
  }

  .tcw-it-home .client-review-copy p {
    font-size: 0.9rem;
    line-height: 1.65;
  }

  .tcw-it-home .tcw-blog-card {
    height: 360px;
    border-radius: 18px;
  }

  .tcw-it-home .tcw-review-arrow,
  .tcw-it-home .tcw-blog-rail_arrow {
    width: 38px;
    height: 38px;
  }

  .tcw-it-home .tcw-review-prev,
  .tcw-it-home .tcw-blog-rail_prev {
    left: 8px;
  }

  .tcw-it-home .tcw-review-next,
  .tcw-it-home .tcw-blog-rail_next {
    right: 8px;
  }

  .tcw-it-home + .tcw-faq-section {
    padding-top: 38px;
    padding-bottom: 42px;
  }

  .tcw-faq-section h2 {
    padding: 0 16px;
    font-size: 1.25rem;
    line-height: 1.25;
  }

  .tcw-faq-section .container {
    width: 100%;
    max-width: none;
    padding-right: 16px;
    padding-left: 16px;
  }

  .tcw-faq-section .faq-item {
    border-radius: 12px;
  }

  .tcw-faq-section .faq-question {
    min-height: 46px;
    padding: 13px 14px;
    font-size: 0.9rem;
    line-height: 1.35;
  }

  .tcw-faq-section .faq-answer-content {
    padding: 0 14px 14px;
    font-size: 0.86rem;
    line-height: 1.6;
  }
}

@media (max-width: 374px) {
  .tcw-it-home .container,
  .tcw-faq-section .container {
    padding-right: 12px;
    padding-left: 12px;
  }

  .tcw-it-home .tcw-it-hero-copy h1 {
    font-size: 1.9rem;
  }

  .tcw-it-home .tcw-it-proof-grid {
    grid-template-columns: 1fr;
  }

  .tcw-it-home .tcw-it-client-proof {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .tcw-it-home .tcw-it-client-proof .tcw-it-avatars {
    grid-row: auto;
  }

  .tcw-it-home .tcw-it-client-proof small {
    grid-column: auto;
  }

  .tcw-it-home .tcw-review-slide,
  .tcw-it-home .tcw-blog-rail_slide {
    flex-basis: calc(100vw - 24px);
  }
}

/* Home review slider cards: match testimonials page cards */
.tcw-reviews-section .client-review-card.tcw-testimonial-4d-card,
.tcw-reviews-section .client-review-card.tcw-testimonial-4d-card.is-featured {
  --tcw-card-accent: #38bdf8;
  --tcw-card-accent-soft: rgba(56, 189, 248, 0.24);
  isolation: isolate;
  min-height: 100%;
  height: 100%;
  padding: 28px;
  border: 1px solid transparent;
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--tcw-card-accent) 18%, transparent), transparent 32%),
    linear-gradient(145deg, rgba(12, 18, 40, 0.98), rgba(6, 11, 27, 0.98)) padding-box,
    linear-gradient(145deg, var(--tcw-card-accent), rgba(255, 255, 255, 0.05), var(--tcw-card-accent)) border-box;
  color: #f8fbff;
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  overflow: hidden;
  transform: translateY(0) rotateX(0) rotateY(0);
  transform-style: preserve-3d;
}

.tcw-reviews-section .client-review-card.tcw-testimonial-4d-card.is-featured {
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 197, 94, 0.18), transparent 32%),
    linear-gradient(145deg, rgba(12, 18, 40, 0.98), rgba(6, 11, 27, 0.98)) padding-box,
    linear-gradient(145deg, #22C55E, #38BDF8, #2563EB) border-box;
}

.tcw-reviews-section .client-review-card.tcw-testimonial-4d-card:hover {
  box-shadow:
    0 34px 84px rgba(0, 0, 0, 0.5),
    0 0 36px var(--tcw-card-accent-soft);
  transform: translateY(-10px) rotateX(3deg) rotateY(-2deg);
}

.tcw-reviews-section .client-review-card.tcw-testimonial-4d-card::after {
  display: none;
}

.tcw-reviews-section .client-review-card .tcw-dimensional-card-glow {
  background: radial-gradient(circle, var(--tcw-card-accent-soft), transparent 66%);
  height: 180px;
  position: absolute;
  right: -70px;
  top: -70px;
  width: 180px;
}

.tcw-reviews-section .client-review-card .tcw-testimonial-card-head {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  z-index: 1;
}

.tcw-reviews-section .client-review-card .tcw-testimonial-avatar {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border-radius: 18px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--tcw-card-accent) 18%, transparent), rgba(255, 255, 255, 0.02));
  color: var(--tcw-card-accent);
  font-size: 1.45rem;
  font-weight: 900;
}

.tcw-reviews-section .client-review-card .tcw-testimonial-card-head h3 {
  color: #f8fbff;
  font-size: 1.35rem;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 0;
}

.tcw-reviews-section .client-review-card .client-review-role {
  color: #92a1c3;
  display: block;
  font-size: 0.88rem;
  font-weight: 700;
  margin-top: 4px;
}

.tcw-reviews-section .client-review-card .tcw-testimonial-rating {
  display: flex;
  gap: 4px;
  margin: 24px 0 0;
  position: relative;
  z-index: 1;
}

.tcw-reviews-section .client-review-card .tcw-testimonial-rating span {
  color: #cbd5e1;
  font-size: 1.05rem;
}

.tcw-reviews-section .client-review-card .tcw-testimonial-rating span.is-filled {
  color: #f59e0b;
}

.tcw-reviews-section .client-review-card .tcw-testimonial-badge {
  align-self: flex-start;
  margin-top: 18px;
  position: relative;
  z-index: 1;
}

.tcw-reviews-section .client-review-card.tcw-testimonial-4d-card p {
  flex: 1;
  color: #b9c4df;
  font-size: 1rem;
  line-height: 1.75;
  margin: 22px 0 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .tcw-reviews-section .client-review-card.tcw-testimonial-4d-card,
  .tcw-reviews-section .client-review-card.tcw-testimonial-4d-card.is-featured {
    padding: 22px 18px;
    border-radius: 20px;
  }

  .tcw-reviews-section .client-review-card .tcw-testimonial-avatar {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
    border-radius: 16px;
    font-size: 1.18rem;
  }

  .tcw-reviews-section .client-review-card .tcw-testimonial-card-head h3 {
    font-size: 1.05rem;
  }
}

/* SaaS platform pages */
.tcw-saas-page {
  color: #fff;
  background:
    radial-gradient(circle at 18% 4%, rgba(59, 130, 246, 0.22), transparent 30%),
    radial-gradient(circle at 82% 8%, rgba(139, 92, 246, 0.18), transparent 26%),
    #070B14;
}

.tcw-saas-hero,
.tcw-offer-detail-hero {
  padding: clamp(120px, 13vw, 170px) 0 clamp(64px, 8vw, 110px);
  position: relative;
  overflow: hidden;
}

.tcw-saas-hero::before,
.tcw-offer-detail-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(59, 130, 246, 0.07) 1px, transparent 1px),
    linear-gradient(180deg, rgba(59, 130, 246, 0.07) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at 36% 22%, #000, transparent 62%);
}

.tcw-saas-hero .container,
.tcw-offer-detail-hero .container {
  position: relative;
  z-index: 1;
}

.tcw-saas-kicker,
.tcw-saas-section-head span {
  display: inline-flex;
  color: #93C5FD;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.tcw-saas-hero h1,
.tcw-offer-detail-hero h1 {
  max-width: 850px;
  margin: 16px 0;
  color: #fff;
  font-size: clamp(2.8rem, 7vw, 5.8rem);
  line-height: 0.98;
}

.tcw-saas-hero p,
.tcw-offer-detail-hero p {
  max-width: 680px;
  color: #94A3B8;
  font-size: 1.08rem;
  line-height: 1.75;
}

.tcw-saas-actions,
.tcw-offer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.tcw-saas-btn {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  color: #fff;
  background: rgba(255, 255, 255, 0.04);
  font-weight: 900;
  line-height: 1;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.tcw-saas-btn.is-primary {
  border-color: transparent;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  box-shadow: 0 18px 40px rgba(59, 130, 246, 0.28);
}

.tcw-saas-btn:hover {
  color: #fff;
  border-color: rgba(59, 130, 246, 0.44);
  transform: translateY(-2px);
}

.tcw-saas-section {
  padding: clamp(62px, 8vw, 110px) 0;
}

.tcw-saas-section-head {
  max-width: 760px;
  margin-bottom: 34px;
}

.tcw-saas-section-head h2 {
  margin: 10px 0 0;
  color: #fff;
  font-size: clamp(2rem, 4vw, 3.3rem);
  line-height: 1.08;
}

.tcw-offer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.tcw-offer-card,
.tcw-saas-panel,
.tcw-sticky-price-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  background:
    radial-gradient(circle at 18% 0%, rgba(59, 130, 246, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.88), rgba(7, 11, 20, 0.98));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

.tcw-offer-card {
  min-height: 100%;
  padding: 26px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.tcw-offer-card:hover,
.tcw-offer-card.is-popular {
  border-color: rgba(139, 92, 246, 0.46);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.48), 0 0 34px rgba(139, 92, 246, 0.16);
  transform: translateY(-8px);
}

.tcw-offer-badge,
.tcw-offer-card > span {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 7px 11px;
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 999px;
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.1);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.tcw-offer-badge {
  position: absolute;
  top: 18px;
  right: 18px;
  color: #fff;
  background: linear-gradient(135deg, #8B5CF6, #EC4899);
}

.tcw-offer-card h3,
.tcw-saas-panel h2,
.tcw-saas-panel h3,
.tcw-sticky-price-card h3 {
  color: #fff;
}

.tcw-offer-card p,
.tcw-saas-panel p {
  color: #94A3B8;
  line-height: 1.7;
}

.tcw-offer-card strong,
.tcw-sticky-price-card strong {
  display: block;
  margin-top: 18px;
  color: #fff;
  font-size: 2.2rem;
  line-height: 1;
}

.tcw-offer-card small,
.tcw-sticky-price-card span,
.tcw-order-summary small {
  color: #94A3B8;
}

.tcw-offer-card ul {
  display: grid;
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.tcw-offer-card li,
.tcw-feature-list div {
  display: flex;
  gap: 10px;
  color: #CBD5E1;
  line-height: 1.45;
}

.tcw-offer-card li i,
.tcw-feature-list i {
  color: #3B82F6;
  margin-top: 3px;
}

.tcw-offer-detail-hero .container,
.tcw-checkout-grid,
.tcw-offer-detail-grid,
.tcw-project-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 24px;
  align-items: start;
}

.tcw-sticky-price-card {
  padding: 26px;
  position: sticky;
  top: 110px;
}

.tcw-saas-panel {
  padding: 28px;
}

.tcw-feature-list,
.tcw-tech-pills,
.tcw-process-flow,
.tcw-checkout-fields,
.tcw-payment-methods {
  display: grid;
  gap: 12px;
}

.tcw-tech-pills {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tcw-tech-pills span,
.tcw-process-flow div,
.tcw-payment-methods label {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 13px 14px;
  color: #CBD5E1;
  background: rgba(255, 255, 255, 0.035);
}

.tcw-process-flow {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.tcw-process-flow.is-vertical {
  grid-template-columns: 1fr;
}

.tcw-process-flow b {
  display: block;
  color: #60A5FA;
  margin-bottom: 6px;
}

.tcw-checkout-fields input,
.tcw-checkout-fields textarea,
.tcw-order-summary input,
.tcw-project-message-form textarea {
  width: 100%;
  min-height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  color: #fff;
  background: rgba(255, 255, 255, 0.035);
  padding: 13px 15px;
}

.tcw-checkout-fields textarea,
.tcw-project-message-form textarea {
  min-height: 130px;
  resize: vertical;
}

.tcw-payment-methods label {
  cursor: pointer;
}

.tcw-order-summary {
  position: sticky;
  top: 110px;
}

.tcw-order-summary div,
.tcw-order-total {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #CBD5E1;
}

.tcw-order-total strong {
  color: #fff;
  font-size: 1.6rem;
}

.tcw-client-main.is-standalone {
  min-height: 100vh;
  padding: 24px;
  background: #070B14;
}

.tcw-client-grid-list,
.tcw-project-list,
.tcw-project-timeline,
.tcw-project-messages {
  display: grid;
  gap: 12px;
}

.tcw-client-grid-list article,
.tcw-project-list a,
.tcw-project-timeline article,
.tcw-project-messages article {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(115, 140, 255, 0.18);
  border-radius: 16px;
  color: #E5ECFF;
  background: rgba(255, 255, 255, 0.025);
}

.tcw-project-list a b {
  min-width: 76px;
  color: #93C5FD;
}

.tcw-project-list a b i {
  display: block;
  width: 76px;
  height: 6px;
  margin-bottom: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, #3B82F6 var(--progress), rgba(255, 255, 255, 0.08) 0);
}

.tcw-project-progress {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.tcw-project-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #3B82F6, #8B5CF6);
}

.admin-project-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.admin-project-grid .card:last-child {
  grid-column: 1 / -1;
}

@media (max-width: 1199px) {
  .tcw-offer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-process-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .tcw-saas-hero,
  .tcw-offer-detail-hero {
    padding: 104px 0 48px;
  }

  .tcw-saas-hero h1,
  .tcw-offer-detail-hero h1 {
    font-size: 2.45rem;
  }

  .tcw-saas-actions,
  .tcw-offer-actions,
  .tcw-saas-btn {
    width: 100%;
  }

  .tcw-offer-grid,
  .tcw-offer-detail-hero .container,
  .tcw-checkout-grid,
  .tcw-offer-detail-grid,
  .tcw-project-workspace,
  .admin-project-grid {
    grid-template-columns: 1fr;
  }

  .tcw-process-flow {
    grid-template-columns: 1fr;
  }

  .tcw-saas-panel,
  .tcw-offer-card,
  .tcw-sticky-price-card {
    padding: 20px;
    border-radius: 18px;
  }

  .tcw-sticky-price-card,
  .tcw-order-summary {
    position: static;
  }

  .tcw-client-main.is-standalone {
    padding: 14px;
  }
}

/* Premium offers page */
.tcw-offers-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 70% 12%, rgba(139, 92, 246, 0.2), transparent 26%),
    radial-gradient(circle at 20% 44%, rgba(59, 130, 246, 0.12), transparent 28%),
    linear-gradient(180deg, #050915 0%, #071123 50%, #050915 100%);
}

.tcw-offers-page .container {
  max-width: 1330px;
}

.tcw-offers-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(96px, 9vw, 142px) 0 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  background:
    radial-gradient(circle at 72% 55%, rgba(139, 92, 246, 0.26), transparent 24%),
    linear-gradient(180deg, rgba(12, 18, 36, 0.78), rgba(7, 11, 20, 0.92));
}

.tcw-offers-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 48%, rgba(139, 92, 246, 0.16) 49%, transparent 52%),
    radial-gradient(circle at 76% 46%, rgba(236, 72, 153, 0.14), transparent 28%);
}

.tcw-offers-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(380px, 0.8fr);
  gap: clamp(30px, 7vw, 88px);
  align-items: center;
  min-height: 310px;
}

.tcw-offers-hero-copy {
  padding-bottom: 54px;
}

.tcw-offers-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.65rem, 5vw, 4.45rem);
  line-height: 1.03;
  letter-spacing: 0;
}

.tcw-offers-hero h1 span {
  color: #a855f7;
  text-shadow: 0 0 34px rgba(168, 85, 247, 0.46);
}

.tcw-offers-hero p {
  max-width: 550px;
  margin: 16px 0 0;
  color: #cbd5e1;
  font-size: 1.05rem;
  line-height: 1.62;
}

.tcw-offers-hero .tcw-offers-lead {
  margin-top: 12px;
  color: #aeb8ca;
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  line-height: 1.3;
}

.tcw-offers-visual {
  position: relative;
  min-height: 300px;
}

.tcw-offers-stage {
  position: absolute;
  right: 4%;
  bottom: 14px;
  width: min(430px, 100%);
  height: 240px;
  transform-style: preserve-3d;
}

.tcw-offers-stage::before,
.tcw-offers-stage::after {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  bottom: 0;
  height: 70px;
  border: 2px solid rgba(168, 85, 247, 0.78);
  border-radius: 50%;
  box-shadow: 0 0 28px rgba(168, 85, 247, 0.74), inset 0 0 28px rgba(59, 130, 246, 0.28);
}

.tcw-offers-stage::after {
  left: 21%;
  right: 21%;
  bottom: 25px;
  height: 24px;
  border-color: rgba(59, 130, 246, 0.34);
  box-shadow: none;
}

.tcw-offers-tag {
  position: absolute;
  left: 22%;
  top: 18px;
  width: 168px;
  height: 168px;
  display: grid;
  place-items: center;
  border: 3px solid rgba(167, 139, 250, 0.95);
  border-radius: 26px;
  color: #c084fc;
  background: linear-gradient(145deg, rgba(49, 46, 129, 0.92), rgba(15, 23, 42, 0.86));
  box-shadow: 0 24px 60px rgba(88, 28, 135, 0.56), inset 0 0 30px rgba(255, 255, 255, 0.08);
  transform: rotate(-43deg) skew(-3deg);
}

.tcw-offers-tag i {
  font-size: 4.2rem;
  filter: drop-shadow(0 0 18px rgba(236, 72, 153, 0.55));
  transform: rotate(43deg);
}

.tcw-offers-tag::before {
  content: "";
  position: absolute;
  top: 22px;
  right: 22px;
  width: 26px;
  height: 26px;
  border: 8px solid #c084fc;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(236, 72, 153, 0.8);
}

.tcw-offers-gift {
  position: absolute;
  right: 18%;
  bottom: 70px;
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  border-radius: 18px;
  color: #d8b4fe;
  background: linear-gradient(145deg, #1f1142, #090d1c);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.46), 0 0 28px rgba(168, 85, 247, 0.42);
}

.tcw-offers-gift i {
  font-size: 2.3rem;
}

.tcw-offers-orb {
  position: absolute;
  display: block;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 26%, #e9d5ff, #6d28d9 38%, rgba(30, 41, 59, 0.1) 72%);
  box-shadow: 0 0 26px rgba(139, 92, 246, 0.58);
}

.tcw-offers-orb.is-one {
  width: 44px;
  height: 44px;
  left: 12%;
  top: 34px;
}

.tcw-offers-orb.is-two {
  width: 22px;
  height: 22px;
  left: 4%;
  top: 120px;
}

.tcw-offers-orb.is-three {
  width: 31px;
  height: 31px;
  right: 3%;
  top: 70px;
}

.tcw-offers-catalog {
  padding: 30px 0 clamp(58px, 7vw, 88px);
}

.tcw-offers-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 34px;
}

.tcw-offers-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tcw-offers-filters a,
.tcw-billing-toggle {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 9px;
  color: #aeb8ca;
  background: rgba(15, 23, 42, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.tcw-offers-filters a {
  padding: 0 19px;
  font-size: 0.92rem;
}

.tcw-offers-filters a.is-active,
.tcw-offers-filters a:hover {
  color: #fff;
  border-color: rgba(59, 130, 246, 0.68);
  background: linear-gradient(135deg, #243cff, #7c3aed);
  box-shadow: 0 12px 28px rgba(59, 130, 246, 0.26);
}

.tcw-billing-toggle {
  flex: 0 0 auto;
  overflow: hidden;
  padding: 0;
  border-color: rgba(139, 92, 246, 0.7);
}

.tcw-billing-toggle span,
.tcw-billing-toggle b {
  min-width: 112px;
  padding: 12px 18px;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 600;
}

.tcw-billing-toggle b {
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
}

.tcw-offers-page .tcw-offer-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.tcw-premium-offer-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 18px;
  border-radius: 10px;
  background:
    radial-gradient(circle at 20% 0%, rgba(59, 130, 246, 0.1), transparent 36%),
    linear-gradient(160deg, rgba(12, 18, 36, 0.92), rgba(5, 9, 21, 0.96));
  border-color: rgba(148, 163, 184, 0.2);
}

.tcw-premium-offer-card:hover {
  transform: translateY(-7px);
  border-color: rgba(139, 92, 246, 0.66);
}

.tcw-premium-offer-card.is-featured {
  border-color: rgba(217, 70, 239, 0.9);
  box-shadow: 0 0 0 1px rgba(217, 70, 239, 0.16), 0 0 34px rgba(168, 85, 247, 0.22);
}

.tcw-offer-card-top {
  min-height: 48px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.tcw-offer-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #c4b5fd;
  background: linear-gradient(145deg, rgba(79, 70, 229, 0.72), rgba(30, 27, 75, 0.78));
}

.tcw-offer-icon.is-pink {
  color: #f0abfc;
  background: linear-gradient(145deg, rgba(190, 24, 93, 0.54), rgba(49, 46, 129, 0.64));
}

.tcw-offer-icon.is-purple {
  color: #d8b4fe;
}

.tcw-offer-icon.is-violet {
  color: #a5b4fc;
}

.tcw-premium-offer-card .tcw-offer-badge {
  position: static;
  margin: 0;
  padding: 6px 10px;
  border: 0;
  font-size: 0.68rem;
  line-height: 1;
  text-transform: none;
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

.tcw-premium-offer-card.is-featured .tcw-offer-badge {
  background: linear-gradient(135deg, #be185d, #a855f7);
}

.tcw-premium-offer-card h3 {
  margin: 16px 0 7px;
  color: #f8fafc;
  font-size: clamp(1.18rem, 1.55vw, 1.38rem);
  line-height: 1.08;
}

.tcw-premium-offer-card p {
  min-height: 46px;
  margin: 0;
  color: #aeb8ca;
  font-size: 0.88rem;
  line-height: 1.45;
}

.tcw-offer-price {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 18px 0 0;
}

.tcw-premium-offer-card .tcw-offer-price strong {
  margin: 0;
  color: #a855f7;
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  line-height: 1;
}

.tcw-offer-price small {
  color: #667085;
  font-size: 0.82rem;
  text-decoration: line-through;
}

.tcw-premium-offer-card ul {
  gap: 9px;
  margin: 18px 0 22px;
}

.tcw-premium-offer-card li {
  align-items: flex-start;
  gap: 8px;
  color: #b8c2d4;
  font-size: 0.86rem;
}

.tcw-premium-offer-card li i {
  color: #8b95aa;
  margin-top: 2px;
  font-size: 0.78rem;
}

.tcw-offer-card-btn {
  min-height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  border-radius: 7px;
  color: #fff;
  background: linear-gradient(135deg, #2148ff, #7c2df1);
  font-size: 0.9rem;
  font-weight: 800;
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.22);
}

.tcw-offer-card-btn:hover {
  color: #fff;
  transform: translateY(-1px);
}

.tcw-offer-card-btn.is-hot {
  background: linear-gradient(135deg, #ec4899, #bf21dd);
}

.tcw-home-premium-offer-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tcw-home-premium-offer-grid .tcw-premium-offer-card > small {
  display: none;
}

.tcw-home-premium-offer-grid .tcw-premium-offer-card {
  border-radius: 14px;
}

@media (max-width: 1199px) {
  .tcw-home-premium-offer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .tcw-home-premium-offer-grid {
    grid-template-columns: 1fr;
  }
}

.tcw-offers-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 22px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.48);
  overflow: hidden;
}

.tcw-offers-benefits article {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 22px 28px;
  border-right: 1px solid rgba(148, 163, 184, 0.1);
}

.tcw-offers-benefits article:last-child {
  border-right: 0;
}

.tcw-offers-benefits i {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #c4b5fd;
  background: rgba(148, 163, 184, 0.09);
  font-size: 1.35rem;
}

.tcw-offers-benefits h4 {
  margin: 0 0 4px;
  color: #bca7ff;
  font-size: 1rem;
  line-height: 1.25;
}

.tcw-offers-benefits p {
  margin: 0;
  color: #9aa6ba;
  font-size: 0.86rem;
  line-height: 1.42;
}

.tcw-offers-custom-cta {
  width: min(570px, 100%);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 22px;
  align-items: center;
  margin: 24px auto 0;
  padding: 16px 26px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.62);
}

.tcw-offers-custom-cta h3 {
  margin: 0;
  color: #d8dcff;
  font-size: 1.1rem;
}

.tcw-offers-custom-cta p {
  margin: 3px 0 0;
  color: #aeb8ca;
}

.tcw-offers-custom-cta a {
  min-width: 230px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #8b5cf6);
  font-weight: 800;
}

@media (max-width: 1399px) {
  .tcw-offers-page .tcw-offer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1199px) {
  .tcw-offers-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 0.72fr);
  }

  .tcw-offers-toolbar {
    flex-direction: column;
  }

  .tcw-offers-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-offers-benefits article:nth-child(2) {
    border-right: 0;
  }
}

@media (max-width: 991px) {
  .tcw-offers-hero-grid,
  .tcw-offers-page .tcw-offer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .tcw-offers-visual {
    min-height: 250px;
  }

  .tcw-offers-stage {
    right: 0;
    transform: scale(0.82);
    transform-origin: right bottom;
  }
}

@media (max-width: 767px) {
  .tcw-offers-hero {
    padding: 86px 0 0;
  }

  .tcw-offers-hero-grid,
  .tcw-offers-page .tcw-offer-grid,
  .tcw-offers-benefits,
  .tcw-offers-custom-cta {
    grid-template-columns: 1fr;
  }

  .tcw-offers-hero-copy {
    padding-bottom: 16px;
    text-align: center;
  }

  .tcw-offers-hero h1 {
    margin-top: 20px;
    font-size: clamp(2.15rem, 10vw, 3rem);
  }

  .tcw-offers-hero p {
    margin-left: auto;
    margin-right: auto;
    font-size: 0.95rem;
  }

  .tcw-offers-visual {
    min-height: 205px;
  }

  .tcw-offers-stage {
    left: 50%;
    right: auto;
    bottom: -18px;
    width: 360px;
    transform: translateX(-50%) scale(0.7);
    transform-origin: center bottom;
  }

  .tcw-offers-toolbar {
    gap: 16px;
    margin-bottom: 22px;
  }

  .tcw-offers-filters {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }

  .tcw-offers-filters::-webkit-scrollbar {
    display: none;
  }

  .tcw-offers-filters a {
    flex: 0 0 auto;
    min-width: max-content;
    padding: 0 15px;
  }

  .tcw-billing-toggle {
    width: 100%;
  }

  .tcw-billing-toggle span,
  .tcw-billing-toggle b {
    flex: 1;
    min-width: 0;
  }

  .tcw-premium-offer-card {
    padding: 18px;
  }

  .tcw-premium-offer-card p {
    min-height: 0;
  }

  .tcw-offers-benefits article {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    padding: 18px;
  }

  .tcw-offers-benefits article:last-child {
    border-bottom: 0;
  }

  .tcw-offers-custom-cta {
    padding: 18px;
    text-align: center;
  }

  .tcw-offers-custom-cta a {
    min-width: 0;
    width: 100%;
  }
}

/* Premium offer detail page */
.tcw-offer-detail-page {
  background:
    radial-gradient(circle at 48% 7%, rgba(37, 99, 235, 0.22), transparent 26%),
    radial-gradient(circle at 84% 28%, rgba(139, 92, 246, 0.14), transparent 24%),
    linear-gradient(180deg, #050a14 0%, #061120 48%, #050a14 100%);
}

.tcw-offer-detail-page .container {
  max-width: 1320px;
}

.tcw-premium-detail-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(92px, 9vw, 126px) 0 24px;
}

.tcw-premium-detail-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 55% 45%, rgba(37, 99, 235, 0.16), transparent 32%),
    linear-gradient(90deg, rgba(37, 99, 235, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(37, 99, 235, 0.04) 1px, transparent 1px);
  background-size: auto, 42px 42px, 42px 42px;
  mask-image: linear-gradient(180deg, #000, transparent 86%);
}

.tcw-detail-breadcrumb,
.tcw-detail-hero-grid,
.tcw-detail-content .container {
  position: relative;
  z-index: 1;
}

.tcw-detail-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-bottom: 34px;
  color: #8da0bd;
  font-size: 0.78rem;
}

.tcw-detail-breadcrumb a {
  color: #9fb2d0;
}

.tcw-detail-breadcrumb i {
  color: #52657f;
  font-size: 0.62rem;
}

.tcw-detail-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.72fr) minmax(250px, 0.34fr);
  gap: clamp(22px, 4vw, 42px);
  align-items: center;
}

.tcw-detail-kicker {
  display: inline-flex;
  padding: 8px 14px;
  border: 1px solid rgba(14, 165, 233, 0.28);
  border-radius: 999px;
  color: #38bdf8;
  background: rgba(14, 165, 233, 0.08);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tcw-detail-copy h1 {
  max-width: 620px;
  margin: 18px 0 20px;
  color: #fff;
  font-size: clamp(3rem, 6vw, 5rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.tcw-detail-copy p {
  max-width: 580px;
  margin: 0;
  color: #afbdd2;
  font-size: 1.02rem;
  line-height: 1.72;
}

.tcw-detail-mini-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 36px;
}

.tcw-detail-mini-stats span {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #c8d4e7;
  font-size: 0.78rem;
  line-height: 1.35;
}

.tcw-detail-mini-stats i {
  color: #18a7ff;
  margin-top: 2px;
}

.tcw-detail-device {
  position: relative;
  min-height: 330px;
}

.tcw-detail-glow-ring {
  position: absolute;
  inset: 10px 0 0;
  margin: auto;
  width: 330px;
  height: 260px;
  border: 2px solid rgba(14, 116, 255, 0.78);
  border-radius: 50%;
  box-shadow: 0 0 42px rgba(37, 99, 235, 0.48), inset 0 0 42px rgba(37, 99, 235, 0.18);
}

.tcw-detail-laptop {
  position: absolute;
  left: 0;
  bottom: 56px;
  width: 330px;
  height: 190px;
  padding: 14px;
  border: 2px solid rgba(148, 163, 184, 0.28);
  border-radius: 14px;
  background: linear-gradient(145deg, #0d1627, #030712);
  box-shadow: 0 34px 70px rgba(0, 0, 0, 0.6), 0 0 34px rgba(37, 99, 235, 0.22);
  transform: perspective(800px) rotateX(5deg) rotateY(-8deg);
}

.tcw-detail-laptop::after {
  content: "";
  position: absolute;
  left: 10%;
  right: -18%;
  bottom: -25px;
  height: 22px;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(90deg, #1e293b, #64748b, #111827);
  transform: skewX(22deg);
}

.tcw-device-bar {
  height: 8px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2563eb 0 16%, rgba(148, 163, 184, 0.18) 16%);
}

.tcw-device-screen {
  height: calc(100% - 22px);
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 18px;
  border-radius: 10px;
  background:
    radial-gradient(circle at 72% 42%, rgba(37, 99, 235, 0.3), transparent 20%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.88), rgba(3, 7, 18, 0.9));
}

.tcw-device-screen strong {
  max-width: 150px;
  color: #fff;
  font-size: 1rem;
  line-height: 1.15;
}

.tcw-device-screen span,
.tcw-device-screen small {
  display: block;
  height: 9px;
  max-width: 150px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.25);
}

.tcw-device-screen small {
  max-width: 105px;
}

.tcw-detail-phone {
  position: absolute;
  right: 18px;
  bottom: 58px;
  width: 108px;
  height: 205px;
  display: grid;
  gap: 10px;
  align-content: end;
  padding: 18px 12px;
  border: 2px solid rgba(148, 163, 184, 0.34);
  border-radius: 25px;
  background: linear-gradient(145deg, #101827, #050915);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.62), 0 0 34px rgba(37, 99, 235, 0.22);
}

.tcw-detail-phone span {
  height: 28px;
  border-radius: 9px;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.5), rgba(139, 92, 246, 0.25));
}

.tcw-detail-price-card,
.tcw-detail-panel,
.tcw-detail-side-nav {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 14px;
  background:
    radial-gradient(circle at 22% 0%, rgba(37, 99, 235, 0.12), transparent 30%),
    rgba(11, 18, 34, 0.82);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}

.tcw-detail-price-card {
  align-self: start;
  padding: 26px 22px;
}

.tcw-detail-price-card > span,
.tcw-detail-price-card small {
  display: block;
  color: #9dafc9;
  font-size: 0.9rem;
}

.tcw-detail-price-card strong {
  display: block;
  margin: 10px 0 6px;
  color: #fff;
  font-size: 2.25rem;
  line-height: 1;
}

.tcw-detail-price-card > a:first-of-type {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
  border-radius: 9px;
  color: #fff;
  background: linear-gradient(135deg, #3564ff, #8b5cf6);
  font-weight: 900;
}

.tcw-detail-price-card ul,
.tcw-why-card ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tcw-detail-price-card li,
.tcw-why-card li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #c4cede;
  font-size: 0.86rem;
}

.tcw-detail-price-card li i,
.tcw-why-card li i {
  color: #1fb6ff;
}

.tcw-detail-price-card div {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.tcw-detail-price-card b {
  color: #fff;
}

.tcw-detail-price-card p {
  margin: 4px 0 8px;
  color: #9dafc9;
}

.tcw-detail-price-card div a {
  color: #38bdf8;
  font-weight: 800;
}

.tcw-detail-content {
  padding: 0 0 clamp(54px, 7vw, 86px);
}

.tcw-detail-layout {
  display: grid;
  grid-template-columns: minmax(150px, 0.23fr) minmax(0, 0.78fr) minmax(260px, 0.34fr);
  gap: 20px;
  align-items: start;
}

.tcw-detail-side-nav {
  position: sticky;
  top: 102px;
  display: grid;
  gap: 2px;
  padding: 24px 18px;
}

.tcw-detail-side-nav a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 13px 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  color: #aebbd0;
  font-size: 0.9rem;
  font-weight: 700;
}

.tcw-detail-side-nav a:last-child {
  border-bottom: 0;
}

.tcw-detail-side-nav a.is-active,
.tcw-detail-side-nav a:hover {
  color: #38bdf8;
}

.tcw-detail-main,
.tcw-detail-right {
  display: grid;
  gap: 20px;
}

.tcw-detail-panel {
  padding: 24px;
}

.tcw-detail-panel h2 {
  margin: 0 0 18px;
  color: #fff;
  font-size: 1.45rem;
  line-height: 1.2;
}

.tcw-detail-panel p {
  margin: 0;
  color: #aebbd0;
  line-height: 1.68;
}

.tcw-overview-chip-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.tcw-overview-chip-grid span,
.tcw-detail-stack span {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 9px;
  color: #d4dceb;
  background: rgba(15, 23, 42, 0.66);
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.3;
}

.tcw-overview-chip-grid i,
.tcw-detail-stack i {
  color: #7dd3fc;
}

.tcw-detail-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 28px;
}

.tcw-detail-feature-grid article {
  display: flex;
  gap: 14px;
}

.tcw-detail-feature-grid article > i {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(135deg, #3564ff, #22c7ff);
  font-size: 0.72rem;
  box-shadow: 0 0 18px rgba(34, 199, 255, 0.35);
}

.tcw-detail-feature-grid h3 {
  margin: 0 0 4px;
  color: #f8fafc;
  font-size: 0.9rem;
}

.tcw-detail-feature-grid p {
  font-size: 0.8rem;
  line-height: 1.45;
}

.tcw-detail-stack {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 10px;
}

.tcw-detail-stack span {
  min-height: 66px;
  flex-direction: column;
  font-weight: 800;
}

.tcw-detail-stack i {
  font-size: 1.25rem;
}

.tcw-detail-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 30px;
}

.tcw-detail-timeline::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 18px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2563eb, #22c7ff, #7c3aed);
}

.tcw-detail-timeline article {
  position: relative;
  text-align: center;
}

.tcw-detail-timeline b {
  position: relative;
  z-index: 1;
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border: 2px solid #2563eb;
  border-radius: 50%;
  color: #fff;
  background: #0b1222;
  box-shadow: 0 0 18px rgba(37, 99, 235, 0.6);
}

.tcw-detail-timeline h3 {
  margin: 12px 0 5px;
  color: #fff;
  font-size: 0.88rem;
}

.tcw-detail-timeline p {
  font-size: 0.78rem;
  line-height: 1.45;
}

.tcw-detail-timeline-note {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 26px;
  padding: 14px;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.74);
}

.tcw-detail-timeline-note span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #cbd5e1;
  font-size: 0.82rem;
  font-weight: 800;
}

.tcw-detail-timeline-note i {
  color: #38bdf8;
}

.tcw-why-card {
  overflow: hidden;
}

.tcw-cart-visual {
  height: 190px;
  display: grid;
  place-items: center;
  margin-top: 14px;
  color: #316cff;
  font-size: 7rem;
  text-shadow: 0 0 28px rgba(49, 108, 255, 0.7);
}

.tcw-detail-faq {
  display: grid;
  gap: 8px;
}

.tcw-detail-faq details {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 9px;
  background: rgba(15, 23, 42, 0.55);
}

.tcw-detail-faq summary {
  cursor: pointer;
  padding: 13px 14px;
  color: #cbd5e1;
  font-size: 0.9rem;
  list-style: none;
}

.tcw-detail-faq summary::-webkit-details-marker {
  display: none;
}

.tcw-detail-faq p {
  padding: 0 14px 14px;
  font-size: 0.82rem;
}

.tcw-view-faqs {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 14px;
  padding: 0 14px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 8px;
  color: #38bdf8;
  background: rgba(15, 23, 42, 0.55);
  font-weight: 800;
}

.tcw-related-offers {
  margin-top: 20px;
}

.tcw-related-offer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.tcw-related-offer-grid a {
  position: relative;
  min-height: 106px;
  display: grid;
  align-content: center;
  padding: 16px 18px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 10px;
  color: #fff;
  background:
    radial-gradient(circle at 80% 40%, rgba(37, 99, 235, 0.28), transparent 30%),
    rgba(15, 23, 42, 0.62);
}

.tcw-related-offer-grid b {
  position: absolute;
  top: 0;
  right: 12px;
  padding: 7px 12px;
  border-radius: 0 0 8px 8px;
  color: #fff;
  background: linear-gradient(135deg, #22c55e, #14b8a6);
  font-size: 0.7rem;
}

.tcw-related-offer-grid span {
  color: #7ba7ff;
  font-size: 0.68rem;
}

.tcw-related-offer-grid h3 {
  margin: 5px 0;
  color: #fff;
  font-size: 1rem;
}

.tcw-related-offer-grid strong {
  color: #22d3ee;
  font-size: 1.1rem;
}

.tcw-related-offer-grid small {
  color: #9dafc9;
}

@media (max-width: 1199px) {
  .tcw-detail-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
  }

  .tcw-detail-price-card {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 14px 24px;
    align-items: center;
  }

  .tcw-detail-price-card > a:first-of-type,
  .tcw-detail-price-card ul,
  .tcw-detail-price-card div {
    margin: 0;
  }

  .tcw-detail-price-card div {
    padding-top: 0;
    border-top: 0;
  }

  .tcw-detail-layout {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.4fr);
  }

  .tcw-detail-side-nav {
    display: none;
  }

  .tcw-overview-chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-detail-stack,
  .tcw-related-offer-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .tcw-detail-hero-grid,
  .tcw-detail-layout {
    grid-template-columns: 1fr;
  }

  .tcw-detail-copy {
    text-align: center;
  }

  .tcw-detail-copy p {
    margin-left: auto;
    margin-right: auto;
  }

  .tcw-detail-mini-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }

  .tcw-detail-device {
    max-width: 470px;
    width: 100%;
    margin: 0 auto;
  }

  .tcw-detail-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .tcw-premium-detail-hero {
    padding: 82px 0 18px;
  }

  .tcw-detail-breadcrumb {
    justify-content: center;
    margin-bottom: 22px;
    font-size: 0.72rem;
  }

  .tcw-detail-copy h1 {
    font-size: clamp(2.4rem, 13vw, 3.35rem);
  }

  .tcw-detail-mini-stats,
  .tcw-detail-right,
  .tcw-detail-price-card,
  .tcw-detail-feature-grid,
  .tcw-detail-timeline-note,
  .tcw-related-offer-grid {
    grid-template-columns: 1fr;
  }

  .tcw-detail-mini-stats span {
    justify-content: center;
    text-align: center;
  }

  .tcw-detail-device {
    min-height: 250px;
    overflow: hidden;
  }

  .tcw-detail-glow-ring {
    width: 260px;
    height: 210px;
  }

  .tcw-detail-laptop {
    left: 50%;
    bottom: 46px;
    width: 260px;
    height: 155px;
    transform: translateX(-58%) perspective(800px) rotateX(5deg) rotateY(-8deg);
  }

  .tcw-detail-phone {
    right: calc(50% - 135px);
    bottom: 48px;
    width: 78px;
    height: 158px;
    padding: 14px 9px;
    border-radius: 20px;
  }

  .tcw-detail-price-card,
  .tcw-detail-panel {
    padding: 18px;
    border-radius: 12px;
  }

  .tcw-detail-price-card > a:first-of-type {
    width: 100%;
  }

  .tcw-overview-chip-grid,
  .tcw-detail-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-detail-timeline {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 20px;
  }

  .tcw-detail-timeline::before {
    left: 18px;
    right: auto;
    top: 0;
    bottom: 0;
    width: 3px;
    height: auto;
  }

  .tcw-detail-timeline article {
    min-height: 58px;
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 0 14px;
    text-align: left;
  }

  .tcw-detail-timeline b {
    grid-row: span 2;
  }

  .tcw-detail-timeline h3 {
    margin: 0 0 4px;
  }

  .tcw-cart-visual {
    height: 120px;
    font-size: 4.6rem;
  }
}

@media (max-width: 420px) {
  .tcw-overview-chip-grid,
  .tcw-detail-stack {
    grid-template-columns: 1fr;
  }
}

/* Premium checkout page */
.tcw-checkout-page {
  background:
    radial-gradient(circle at 16% 12%, rgba(14, 165, 233, 0.18), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(139, 92, 246, 0.2), transparent 24%),
    linear-gradient(180deg, #050a14 0%, #061120 52%, #050a14 100%);
}

.tcw-checkout-page .container {
  max-width: 1260px;
}

.tcw-premium-checkout {
  position: relative;
  padding: clamp(96px, 9vw, 135px) 0 0;
}

.tcw-premium-checkout::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(37, 99, 235, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(37, 99, 235, 0.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(180deg, #000, transparent 80%);
}

.tcw-premium-checkout .container {
  position: relative;
  z-index: 1;
}

.tcw-checkout-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  max-width: 940px;
  margin: 0 auto 36px;
}

.tcw-checkout-steps div {
  position: relative;
  display: grid;
  place-items: center;
  gap: 14px;
  color: #cbd5e1;
  text-align: center;
  font-weight: 800;
}

.tcw-checkout-steps div::before {
  content: "";
  position: absolute;
  top: 22px;
  left: -50%;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #0ea5e9, #7c3aed);
}

.tcw-checkout-steps div:first-child::before {
  display: none;
}

.tcw-checkout-steps b {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 2px solid rgba(124, 58, 237, 0.9);
  border-radius: 50%;
  color: #fff;
  background: #0b1020;
  box-shadow: 0 0 22px rgba(124, 58, 237, 0.55);
}

.tcw-checkout-steps .is-active b {
  border-color: #0ea5e9;
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
  box-shadow: 0 0 28px rgba(14, 165, 233, 0.72);
}

.tcw-checkout-steps span {
  font-size: 0.9rem;
}

.tcw-checkout-secure-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  color: #8da1bd;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.tcw-checkout-secure-head small {
  color: #9fb1ca;
  letter-spacing: 0;
  text-transform: none;
}

.tcw-premium-checkout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.42fr);
  gap: 26px;
  align-items: start;
  padding-bottom: 26px;
}

.tcw-checkout-form-card,
.tcw-checkout-summary-card,
.tcw-checkout-safe-card {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 14px;
  background:
    radial-gradient(circle at 18% 0%, rgba(37, 99, 235, 0.12), transparent 30%),
    rgba(10, 17, 32, 0.9);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}

.tcw-checkout-form-card {
  padding: 22px;
}

.tcw-checkout-block {
  padding: 0 0 28px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.tcw-checkout-block:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.tcw-checkout-block-head {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 24px;
}

.tcw-checkout-block-head > i {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  color: #38bdf8;
  font-size: 1.35rem;
}

.tcw-checkout-block-head h2,
.tcw-checkout-summary-card h2,
.tcw-checkout-safe-card h2 {
  margin: 0;
  color: #fff;
  font-size: 1.35rem;
}

.tcw-checkout-block-head p {
  margin: 4px 0 0;
  color: #a5b4c9;
}

.tcw-premium-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 14px;
}

.tcw-premium-fields label,
.tcw-summary-coupon h3,
.tcw-summary-addons h3 {
  color: #b9c6d8;
  font-size: 0.86rem;
  font-weight: 700;
}

.tcw-premium-fields sup {
  color: #fb7185;
}

.tcw-premium-fields input,
.tcw-premium-fields select,
.tcw-checkout-block textarea,
.tcw-summary-coupon input {
  width: 100%;
  min-height: 48px;
  margin-top: 7px;
  border: 1px solid rgba(148, 163, 184, 0.15);
  border-radius: 8px;
  color: #eef5ff;
  background: rgba(15, 23, 42, 0.78);
  padding: 12px 14px;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  color-scheme: dark;
}

.tcw-premium-fields input:focus,
.tcw-premium-fields select:focus,
.tcw-checkout-block textarea:focus,
.tcw-summary-coupon input:focus {
  border-color: rgba(14, 165, 233, 0.7);
  background: rgba(8, 15, 30, 0.96);
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.1);
}

.tcw-premium-fields input::placeholder,
.tcw-checkout-block textarea::placeholder,
.tcw-summary-coupon input::placeholder {
  color: #72819a;
}

.tcw-premium-fields select option {
  color: #eef5ff;
  background: #0b162b;
}

.tcw-premium-fields input:-webkit-autofill,
.tcw-premium-fields input:-webkit-autofill:hover,
.tcw-premium-fields input:-webkit-autofill:focus,
.tcw-summary-coupon input:-webkit-autofill,
.tcw-summary-coupon input:-webkit-autofill:hover,
.tcw-summary-coupon input:-webkit-autofill:focus {
  -webkit-text-fill-color: #eef5ff;
  box-shadow: 0 0 0 1000px #0b162b inset, 0 0 0 4px rgba(14, 165, 233, 0.1);
  caret-color: #fff;
  transition: background-color 9999s ease-out 0s;
}

.tcw-checkout-block textarea {
  min-height: 76px;
  resize: vertical;
}

.tcw-upload-box {
  display: grid;
  place-items: center;
  gap: 4px;
  margin-top: 10px;
  min-height: 94px;
  border: 1px dashed rgba(14, 165, 233, 0.48);
  border-radius: 8px;
  color: #a5b4c9;
  background: rgba(3, 10, 24, 0.42);
  text-align: center;
  cursor: pointer;
}

.tcw-upload-box input {
  display: none;
}

.tcw-upload-box i {
  color: #2563eb;
  font-size: 1.7rem;
}

.tcw-upload-box b {
  color: #fff;
}

.tcw-upload-box small,
.tcw-upload-box span {
  color: #8898ae;
  font-size: 0.78rem;
}

.tcw-premium-payments {
  display: grid;
  gap: 10px;
}

.tcw-premium-payments label {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 12px 16px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.52);
  cursor: pointer;
}

.tcw-premium-payments label.is-active,
.tcw-premium-payments label:has(input:checked) {
  border-color: rgba(37, 99, 235, 0.95);
  background: rgba(37, 99, 235, 0.16);
}

.tcw-premium-payments input {
  accent-color: #2563eb;
}

.tcw-premium-payments b {
  display: block;
  color: #c7d2fe;
  font-size: 0.9rem;
}

.tcw-premium-payments small {
  display: block;
  color: #a5b4c9;
  font-size: 0.78rem;
}

.tcw-premium-payments strong {
  color: #6aa6ff;
  font-size: 1.05rem;
  white-space: nowrap;
}

.tcw-payment-note {
  display: flex;
  gap: 10px;
  margin: 15px 0 0;
  color: #8da1bd;
  font-size: 0.82rem;
}

.tcw-payment-note i {
  color: #38bdf8;
}

.tcw-checkout-trust-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
}

.tcw-checkout-trust-row span {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 0 10px;
  color: #fff;
}

.tcw-checkout-trust-row i {
  grid-row: span 2;
  color: #7dd3fc;
  font-size: 1.35rem;
}

.tcw-checkout-trust-row b {
  font-size: 0.84rem;
}

.tcw-checkout-trust-row small {
  color: #8da1bd;
  font-size: 0.75rem;
}

.tcw-checkout-summary-wrap {
  position: sticky;
  top: 104px;
  display: grid;
  gap: 18px;
}

.tcw-checkout-summary-card,
.tcw-checkout-safe-card {
  padding: 24px;
}

.tcw-summary-product {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 16px;
  align-items: center;
  margin: 22px 0 18px;
}

.tcw-summary-thumb {
  height: 86px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 10px;
  color: #38bdf8;
  background:
    radial-gradient(circle at 60% 45%, rgba(37, 99, 235, 0.35), transparent 36%),
    #0b1222;
  font-size: 2rem;
}

.tcw-summary-product h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 1.1rem;
}

.tcw-summary-product span {
  display: inline-flex;
  padding: 6px 10px;
  border: 1px solid rgba(139, 92, 246, 0.35);
  border-radius: 999px;
  color: #c084fc;
  background: rgba(139, 92, 246, 0.12);
  font-size: 0.75rem;
  font-weight: 800;
}

.tcw-summary-features,
.tcw-checkout-safe-card ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tcw-summary-features li,
.tcw-checkout-safe-card li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #b9c6d8;
  font-size: 0.86rem;
}

.tcw-summary-features i {
  color: #0ea5e9;
}

.tcw-summary-lines {
  display: grid;
  gap: 14px;
  margin: 22px 0;
  padding: 18px 0;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.tcw-summary-lines div,
.tcw-summary-addons label,
.tcw-summary-total {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  color: #fff;
}

.tcw-summary-lines span,
.tcw-summary-total span {
  color: #d8e1ef;
  font-weight: 800;
}

.tcw-summary-lines b,
.tcw-summary-addons b {
  white-space: nowrap;
}

.tcw-summary-addons {
  display: grid;
  gap: 12px;
}

.tcw-summary-addons label {
  align-items: center;
  color: #d8e1ef;
  font-size: 0.86rem;
}

.tcw-summary-addons label span {
  flex: 1;
}

.tcw-summary-addons input {
  width: 16px;
  height: 16px;
  accent-color: #2563eb;
}

.tcw-summary-coupon {
  margin-top: 24px;
}

.tcw-summary-coupon div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin-top: 9px;
}

.tcw-summary-coupon input {
  margin-top: 0;
}

.tcw-summary-coupon button {
  min-width: 72px;
  border: 1px solid rgba(37, 99, 235, 0.8);
  border-radius: 8px;
  color: #fff;
  background: rgba(37, 99, 235, 0.18);
  font-weight: 800;
}

.tcw-summary-total {
  align-items: center;
  margin-top: 22px;
  padding-top: 22px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
}

.tcw-summary-total strong {
  color: #fff;
  font-size: 1.75rem;
}

.tcw-checkout-submit {
  width: 100%;
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 18px 0 12px;
  border: 0;
  border-radius: 9px;
  color: #fff;
  background: linear-gradient(135deg, #243cff, #c026d3);
  font-weight: 900;
  box-shadow: 0 18px 34px rgba(124, 58, 237, 0.3);
}

.tcw-checkout-summary-card > small {
  display: block;
  color: #8da1bd;
  text-align: center;
}

.tcw-checkout-summary-card > small a {
  color: #38bdf8;
}

.tcw-checkout-safe-card {
  display: grid;
  grid-template-columns: 1fr 104px;
  gap: 16px;
  align-items: center;
}

.tcw-checkout-safe-card > i {
  color: #315dff;
  font-size: 6rem;
  text-shadow: 0 0 32px rgba(49, 93, 255, 0.6);
}

.tcw-checkout-safe-card li i {
  color: #22c55e;
}

@media (max-width: 1199px) {
  .tcw-premium-checkout-grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.44fr);
  }

  .tcw-premium-fields {
    grid-template-columns: 1fr;
  }

  .tcw-checkout-trust-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .tcw-premium-checkout-grid {
    grid-template-columns: 1fr;
  }

  .tcw-checkout-summary-wrap {
    position: static;
  }

  .tcw-checkout-steps {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .tcw-premium-checkout {
    padding-top: 84px;
  }

  .tcw-checkout-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 0;
    margin-bottom: 28px;
  }

  .tcw-checkout-steps div::before {
    display: none;
  }

  .tcw-checkout-steps b {
    width: 42px;
    height: 42px;
  }

  .tcw-checkout-secure-head {
    flex-direction: column;
    text-align: center;
  }

  .tcw-checkout-form-card,
  .tcw-checkout-summary-card,
  .tcw-checkout-safe-card {
    padding: 18px;
    border-radius: 12px;
  }

  .tcw-checkout-block-head {
    margin-bottom: 18px;
  }

  .tcw-premium-payments label {
    grid-template-columns: 22px 1fr;
  }

  .tcw-premium-payments strong {
    grid-column: 2;
  }

  .tcw-summary-product,
  .tcw-checkout-safe-card {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .tcw-summary-thumb {
    width: 92px;
    margin: 0 auto;
  }

  .tcw-summary-lines div,
  .tcw-summary-addons label,
  .tcw-summary-total {
    align-items: flex-start;
  }

  .tcw-summary-total strong {
    font-size: 1.45rem;
  }

  .tcw-checkout-safe-card > i {
    margin: 0 auto;
    font-size: 4.5rem;
  }
}

@media (max-width: 420px) {
  .tcw-checkout-steps {
    grid-template-columns: 1fr;
  }

  .tcw-summary-coupon div {
    grid-template-columns: 1fr;
  }

  .tcw-summary-coupon button {
    min-height: 44px;
  }
}

/* Premium client dashboard redesign */
.tcw-premium-client-dashboard {
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 16px;
  padding: 16px;
  background:
    radial-gradient(circle at 78% 6%, rgba(79, 70, 229, 0.2), transparent 25%),
    radial-gradient(circle at 16% 18%, rgba(14, 165, 233, 0.16), transparent 28%),
    #030815;
}

@media (min-width: 1200px) {
  .tcw-premium-client-dashboard {
    display: grid;
    height: 100vh;
    overflow: hidden;
  }

  .tcw-premium-client-dashboard .tcw-client-sidebar {
    position: static;
    width: auto;
  }

  .tcw-premium-client-dashboard .tcw-client-main {
    height: calc(100vh - 32px);
    margin-left: 0;
    overflow-y: auto;
  }
}

.tcw-premium-client-sidebar,
.tcw-premium-client-dashboard .tcw-client-main {
  border: 1px solid rgba(115, 140, 255, 0.24);
  border-radius: 18px;
  background:
    radial-gradient(circle at 20% 0%, rgba(37, 99, 235, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(9, 17, 34, 0.96), rgba(3, 8, 21, 0.98));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
}

.tcw-premium-client-sidebar {
  gap: 22px;
  padding: 18px 14px;
}

.tcw-client-brand-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.tcw-premium-client-sidebar .tcw-client-brand img {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  box-shadow: 0 0 22px rgba(37, 99, 235, 0.42);
}

.tcw-premium-client-sidebar .tcw-client-brand strong {
  font-size: 1.18rem;
  line-height: 1;
}

.tcw-premium-client-sidebar nav {
  gap: 5px;
}

.tcw-premium-client-sidebar nav a {
  min-height: 44px;
  border-radius: 9px;
  padding: 0 14px;
  font-size: 0.93rem;
}

.tcw-premium-client-sidebar nav a.is-active {
  background: linear-gradient(135deg, #5038ff, #6d28d9);
  box-shadow: 0 16px 34px rgba(79, 70, 229, 0.34);
}

.tcw-premium-client-sidebar nav > span {
  margin: 12px 14px 6px;
  color: #7e8da8;
  font-size: 0.72rem;
}

.tcw-premium-client-sidebar nav b {
  margin-left: auto;
  background: rgba(99, 102, 241, 0.38);
}

.tcw-client-help-card,
.tcw-client-profile-mini {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.58);
}

.tcw-client-help-card {
  margin-top: auto;
  padding: 18px;
}

.tcw-client-help-card h3 {
  margin: 0 0 10px;
  color: #fff;
}

.tcw-client-help-card p {
  margin: 0 0 16px;
  color: #9fb0ca;
  line-height: 1.55;
}

.tcw-client-help-card a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
}

.tcw-client-profile-mini {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 14px;
}

.tcw-client-profile-mini > span {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #64748b;
  font-size: 1.15rem;
  font-weight: 900;
}

.tcw-client-profile-mini strong,
.tcw-client-profile-mini small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tcw-client-profile-mini strong {
  color: #fff;
}

.tcw-client-profile-mini small {
  color: #8da1bd;
}

.tcw-premium-client-dashboard .tcw-client-main {
  padding: 20px;
}

.tcw-premium-client-dashboard .tcw-client-topbar {
  margin-bottom: 22px;
}

.tcw-client-topbar h1 {
  color: #fff;
  margin: 0;
  font-size: clamp(1.45rem, 2vw, 1.9rem);
}

.tcw-client-heading p {
  margin: 6px 0 0;
  color: #9fb0ca;
}

.tcw-client-top-actions {
  align-items: center;
  display: flex;
  gap: 16px;
}

.tcw-client-search {
  width: min(420px, 32vw);
  min-height: 46px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 10px;
  color: #8da1bd;
  background: rgba(15, 23, 42, 0.6);
}

.tcw-client-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  color: #fff;
  background: transparent;
}

.tcw-client-search kbd {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 6px;
  color: #a7b5ca;
  background: rgba(2, 6, 23, 0.5);
  font-size: 0.72rem;
}

.tcw-client-bell,
.tcw-client-user-chip {
  border-radius: 999px;
}

.tcw-premium-stat-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.tcw-premium-stat-grid article {
  position: relative;
  min-height: 130px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 13px;
  background:
    radial-gradient(circle at 82% 82%, rgba(124, 58, 237, 0.22), transparent 28%),
    rgba(15, 23, 42, 0.62);
}

.tcw-premium-stat-grid article > i {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  font-size: 1.25rem;
}

.tcw-premium-stat-grid .is-purple > i { background: linear-gradient(135deg, #6d28d9, #4c1d95); }
.tcw-premium-stat-grid .is-blue > i { background: linear-gradient(135deg, #0284c7, #075985); }
.tcw-premium-stat-grid .is-green > i { background: linear-gradient(135deg, #16a34a, #14532d); }
.tcw-premium-stat-grid .is-orange > i { background: linear-gradient(135deg, #ea580c, #7c2d12); }
.tcw-premium-stat-grid .is-red > i { background: linear-gradient(135deg, #e11d48, #7f1d1d); }

.tcw-premium-stat-grid span,
.tcw-premium-stat-grid small {
  color: #9fb0ca;
}

.tcw-premium-stat-grid strong {
  display: block;
  color: #fff;
  font-size: 1.55rem;
  line-height: 1.15;
}

.tcw-premium-stat-grid b {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 12px;
  height: 28px;
  border-bottom: 2px solid currentColor;
  border-radius: 50%;
  color: #7c3aed;
  opacity: 0.9;
}

.tcw-premium-stat-grid .is-blue b { color: #2563eb; }
.tcw-premium-stat-grid .is-green b { color: #22c55e; }
.tcw-premium-stat-grid .is-orange b { color: #f97316; }
.tcw-premium-stat-grid .is-red b { color: #f43f5e; }

.tcw-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(300px, 0.72fr);
  gap: 16px;
}

.tcw-dashboard-grid .tcw-client-panel {
  border-radius: 13px;
  background:
    radial-gradient(circle at 18% 0%, rgba(37, 99, 235, 0.1), transparent 34%),
    rgba(10, 17, 32, 0.78);
}

.tcw-recent-requests-card {
  grid-column: 1 / span 2;
}

.tcw-bar-card,
.tcw-service-spend-card {
  min-height: 172px;
}

.tcw-donut-wrap {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 28px;
  align-items: center;
}

.tcw-css-donut {
  width: 160px;
  height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  place-items: center;
  margin: auto;
  border-radius: 50%;
  background: var(--tcw-donut-gradient, conic-gradient(#2563eb 0 32%, #9333ea 32% 64%, #f59e0b 64% 80%, #14b8a6 80% 100%));
  position: relative;
}

.tcw-css-donut::after {
  content: "";
  position: absolute;
  inset: 38px;
  border-radius: 50%;
  background: #081225;
}

.tcw-css-donut strong,
.tcw-css-donut span {
  position: relative;
  z-index: 1;
  display: block;
  text-align: center;
}

.tcw-css-donut strong {
  color: #fff;
  font-size: 1.85rem;
  line-height: 0.95;
}

.tcw-css-donut span {
  color: #cbd5e1;
  margin-top: 6px;
  font-size: 0.9rem;
  line-height: 1;
}

.tcw-donut-legend {
  display: grid;
  gap: 13px;
}

.tcw-donut-legend p {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) auto 48px;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #b7c5df;
}

.tcw-donut-legend i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.tcw-donut-legend .is-blue { background: #2563eb; }
.tcw-donut-legend .is-purple { background: #9333ea; }
.tcw-donut-legend .is-orange { background: #f59e0b; }
.tcw-donut-legend .is-cyan { background: #14b8a6; }

.tcw-donut-legend b {
  color: #fff;
}

.tcw-donut-legend em {
  color: #8da1bd;
  font-size: 0.78rem;
  font-style: normal;
  text-align: right;
}

.tcw-donut-legend a {
  margin-top: 10px;
  color: #a855f7;
  text-decoration: none;
}

.tcw-line-chart {
  position: relative;
  min-height: 190px;
  overflow: hidden;
  padding: 12px 12px 28px;
  border-radius: 10px;
  background:
    linear-gradient(rgba(148, 163, 184, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.06) 1px, transparent 1px);
  background-size: 44px 34px;
}

.tcw-line-chart svg {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 160px;
}

.tcw-line-chart b {
  position: absolute;
  top: 44px;
  left: 46%;
  z-index: 2;
  padding: 10px 12px;
  border-radius: 8px;
  color: #fff;
  background: rgba(15, 23, 42, 0.95);
  font-size: 0.78rem;
  line-height: 1.35;
  transform: translateX(-50%);
  pointer-events: none;
}

.tcw-activity-line {
  fill: none;
  stroke: #8b5cf6;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 8px rgba(139, 92, 246, 0.85));
}

.tcw-activity-area {
  fill: url(#tcwActivityFill);
}

.tcw-activity-dots circle {
  fill: #fff;
  stroke: #8b5cf6;
  stroke-width: 2;
  filter: drop-shadow(0 0 5px rgba(139, 92, 246, 0.8));
}

.tcw-activity-axis {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 8px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #8da1bd;
  font-size: 0.76rem;
}

.tcw-activity-axis span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tcw-activity-axis span:nth-child(2) {
  text-align: center;
}

.tcw-activity-month-select {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.tcw-activity-month-select select {
  min-height: 36px;
  min-width: 138px;
  appearance: none;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  color: #9fb0ca;
  background: rgba(15, 23, 42, 0.78);
  padding: 0 34px 0 12px;
  outline: 0;
  cursor: pointer;
}

.tcw-activity-month-select i {
  position: absolute;
  right: 12px;
  color: #8da1bd;
  font-size: 0.72rem;
  pointer-events: none;
}

.tcw-updates-card article,
.tcw-deadlines-card article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
}

.tcw-updates-card article i,
.tcw-deadlines-card article i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
}

.tcw-updates-card p,
.tcw-deadlines-card span {
  margin: 0;
  color: #b7c5df;
}

.tcw-updates-card time {
  color: #7f8da8;
  font-size: 0.76rem;
  white-space: nowrap;
}

.tcw-deadlines-card strong {
  color: #fff;
}

.tcw-deadlines-card b {
  padding: 7px 10px;
  border-radius: 7px;
  color: #fbbf24;
  background: rgba(245, 158, 11, 0.14);
  font-size: 0.76rem;
}

.tcw-bar-chart {
  min-height: 140px;
  display: grid;
  grid-template-rows: auto minmax(118px, 1fr);
  gap: 10px;
  padding: 12px 14px 0;
  border-radius: 10px;
  background:
    linear-gradient(rgba(148, 163, 184, 0.07) 1px, transparent 1px);
  background-size: 100% 28px;
}

.tcw-bar-total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  color: #8da1bd;
  font-size: 0.82rem;
}

.tcw-bar-total strong {
  color: #fff;
  font-size: 1.05rem;
}

.tcw-bar-bars {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
  min-height: 112px;
}

.tcw-bar-bars span {
  height: 112px;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: end;
  justify-items: center;
  min-width: 0;
}

.tcw-bar-bars i {
  display: block;
  width: min(22px, 100%);
  height: var(--h);
  min-height: 24px;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(180deg, #9333ea, #2563eb);
  box-shadow: 0 0 18px rgba(124, 58, 237, 0.32);
}

.tcw-bar-bars b {
  color: #8da1bd;
  font-size: 0.68rem;
  font-weight: 700;
}

.tcw-donut-wrap.is-small {
  grid-template-columns: 110px 1fr;
  gap: 18px;
}

.tcw-service-spend-card .tcw-donut-wrap.is-small {
  grid-template-columns: minmax(96px, 110px) minmax(0, 1fr);
}

.tcw-service-spend-card .tcw-donut-legend p {
  grid-template-columns: 12px minmax(0, 1fr) max-content;
}

.tcw-service-spend-card .tcw-donut-legend b {
  justify-self: end;
  white-space: nowrap;
}

.tcw-donut-wrap.is-small .tcw-css-donut {
  width: 100px;
  height: 100px;
}

.tcw-donut-wrap.is-small .tcw-css-donut::after {
  inset: 28px;
}

.tcw-quick-actions-card {
  grid-row: span 2;
}

.tcw-quick-actions-card > div:not(.tcw-client-panel-head) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.tcw-quick-actions-card a {
  min-height: 78px;
  display: grid;
  place-items: center;
  gap: 8px;
  border: 1px solid rgba(109, 40, 217, 0.26);
  border-radius: 11px;
  color: #e5e7ff;
  background:
    linear-gradient(145deg, rgba(80, 56, 255, 0.08), rgba(109, 40, 217, 0.03)),
    rgba(15, 23, 42, 0.66);
  text-align: center;
  text-decoration: none;
  font-size: 0.78rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.tcw-quick-actions-card i {
  color: #9a8cff;
  font-size: 1.3rem;
  transition: color 0.2s ease, transform 0.2s ease;
}

.tcw-quick-actions-card a:hover {
  border-color: rgba(129, 104, 255, 0.62);
  background:
    linear-gradient(135deg, rgba(80, 56, 255, 0.24), rgba(109, 40, 217, 0.18)),
    rgba(15, 23, 42, 0.82);
  box-shadow: 0 12px 28px rgba(79, 70, 229, 0.22);
  color: #ffffff;
  transform: translateY(-2px);
}

.tcw-quick-actions-card a:hover i {
  color: #c4baff;
  transform: scale(1.06);
}

.tcw-client-panel-head button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  color: #9fb0ca;
  background: rgba(15, 23, 42, 0.6);
}

.tcw-client-mobile-nav {
  border: 1px solid rgba(115, 140, 255, 0.24);
  background: rgba(7, 12, 26, 0.94);
  backdrop-filter: blur(16px);
}

@media (max-width: 1399px) {
  .tcw-premium-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tcw-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-recent-requests-card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1199px) {
  .tcw-premium-client-dashboard {
    display: block;
    padding: 0;
  }

  .tcw-premium-client-dashboard .tcw-client-main {
    min-height: 100vh;
    border-radius: 0;
  }

  .tcw-premium-client-sidebar {
    border-radius: 0 18px 18px 0;
  }

  .tcw-client-search {
    display: none;
  }
}

@media (max-width: 991px) {
  .tcw-premium-stat-grid,
  .tcw-dashboard-grid {
    grid-template-columns: 1fr;
  }

  .tcw-donut-wrap {
    grid-template-columns: 1fr;
  }

  .tcw-quick-actions-card > div:not(.tcw-client-panel-head) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .tcw-premium-client-dashboard .tcw-client-main {
    padding: 14px;
  }

  .tcw-client-top-actions {
    gap: 8px;
  }

  .tcw-premium-client-dashboard .tcw-client-topbar {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
  }

  .tcw-premium-client-dashboard .tcw-client-heading {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-width: 0;
  }

  .tcw-premium-client-dashboard .tcw-client-sidebar-toggle {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .tcw-client-topbar h1 {
    max-width: 100%;
    font-size: 1.24rem;
    line-height: 1.15;
    overflow-wrap: normal;
  }

  .tcw-client-heading p {
    max-width: 100%;
    margin-top: 5px;
    color: #9fb0ca;
    font-size: 0.82rem;
    line-height: 1.35;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .tcw-premium-client-dashboard .tcw-client-top-actions .tcw-client-user-menu .tcw-client-user-chip {
    width: 46px;
    height: 46px;
    padding: 0;
  }

  .tcw-premium-client-dashboard .tcw-client-top-actions .tcw-client-user-chip i {
    display: none;
  }

  .tcw-premium-stat-grid article {
    min-height: 116px;
    padding: 15px;
  }

  .tcw-donut-wrap {
    gap: 16px;
  }

  .tcw-service-spend-card {
    overflow: hidden;
  }

  .tcw-service-spend-card .tcw-client-panel-head {
    margin-bottom: 14px;
  }

  .tcw-service-spend-card .tcw-donut-wrap.is-small {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 18px;
  }

  .tcw-service-spend-card .tcw-donut-legend {
    width: 100%;
  }

  .tcw-service-spend-card .tcw-donut-legend p {
    grid-template-columns: 12px minmax(0, 1fr) max-content;
    gap: 8px 10px;
    line-height: 1.25;
  }

  .tcw-service-spend-card .tcw-donut-legend b {
    font-size: 0.95rem;
  }

  .tcw-css-donut {
    width: 132px;
    height: 132px;
  }

  .tcw-css-donut::after {
    inset: 32px;
  }

  .tcw-css-donut strong {
    font-size: 1.45rem;
  }

  .tcw-css-donut span {
    margin-top: 4px;
    font-size: 0.78rem;
  }

  .tcw-line-chart {
    min-height: 150px;
  }

  .tcw-updates-card article,
  .tcw-deadlines-card article {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .tcw-updates-card time,
  .tcw-deadlines-card b {
    grid-column: 2;
  }

  .tcw-quick-actions-card > div:not(.tcw-client-panel-head) {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 420px) {
  .tcw-service-spend-card .tcw-donut-legend p {
    grid-template-columns: 12px minmax(0, 1fr);
  }

  .tcw-service-spend-card .tcw-donut-legend b {
    grid-column: 2;
    justify-self: start;
  }
}

/* Premium settings page */
.tcw-account-dashboard.tcw-premium-client-dashboard {
  background:
    radial-gradient(circle at 78% 6%, rgba(79, 70, 229, 0.2), transparent 25%),
    radial-gradient(circle at 16% 18%, rgba(14, 165, 233, 0.16), transparent 28%),
    #030815;
}

.tcw-account-dashboard .tcw-account-main {
  padding: 20px;
}

.tcw-settings-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  padding: 22px;
  border: 1px solid rgba(115, 140, 255, 0.22);
  border-radius: 16px;
  background:
    radial-gradient(circle at 82% 24%, rgba(139, 92, 246, 0.22), transparent 28%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.88), rgba(7, 12, 26, 0.92));
}

.tcw-settings-hero span {
  display: inline-flex;
  margin-bottom: 8px;
  color: #7dd3fc;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tcw-settings-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.7rem, 3vw, 2.35rem);
}

.tcw-settings-hero p {
  max-width: 620px;
  margin: 8px 0 0;
  color: #9fb0ca;
  line-height: 1.6;
}

.tcw-settings-hero > a {
  min-height: 48px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 18px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #0ea5e9, #2563eb, #7c3aed);
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 18px 36px rgba(37, 99, 235, 0.28);
}

.tcw-settings-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.tcw-settings-overview article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 14px;
  background:
    radial-gradient(circle at 90% 20%, rgba(37, 99, 235, 0.12), transparent 34%),
    rgba(15, 23, 42, 0.66);
}

.tcw-settings-overview i,
.tcw-settings-card header > span {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  box-shadow: 0 0 24px rgba(37, 99, 235, 0.26);
}

.tcw-settings-overview span,
.tcw-settings-overview strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tcw-settings-overview span {
  color: #8da1bd;
  font-size: 0.82rem;
}

.tcw-settings-overview strong {
  color: #fff;
}

.tcw-account-grid {
  gap: 18px;
}

.tcw-settings-card {
  overflow: hidden;
  border-radius: 16px;
  background:
    radial-gradient(circle at 18% 0%, rgba(37, 99, 235, 0.11), transparent 34%),
    rgba(10, 17, 32, 0.78);
}

.tcw-settings-card header {
  padding: 22px;
}

.tcw-settings-card form {
  padding: 22px;
}

.tcw-settings-card label > div {
  min-height: 52px;
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.62);
}

.tcw-settings-card input {
  min-height: 52px;
}

.tcw-settings-card aside {
  border-color: rgba(14, 165, 233, 0.22);
  background: rgba(14, 165, 233, 0.08);
}

.tcw-settings-card button[type="submit"] {
  min-height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  font-weight: 900;
}

.tcw-back-website-float {
  position: fixed;
  right: 43px;
  bottom: 43px;
  z-index: 9999;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(125, 211, 252, 0.38);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
  box-shadow: 0 18px 38px rgba(14, 165, 233, 0.34), 0 0 26px rgba(37, 99, 235, 0.28);
  text-decoration: none;
}

.tcw-back-website-float i {
  font-size: 1.25rem;
}

.tcw-back-website-float span {
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  padding: 7px 10px;
  border-radius: 8px;
  color: #dbeafe;
  background: rgba(15, 23, 42, 0.94);
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.tcw-back-website-float:hover {
  color: #fff;
  transform: translateY(-2px);
}

.tcw-back-website-float:hover span {
  opacity: 1;
  transform: translate(-2px, -50%);
}

.tcw-client-bell.has-unread i {
  color: #fff;
  transform-origin: 50% 0;
  animation: tcwBellRing 1.7s ease-in-out infinite;
  filter: drop-shadow(0 0 10px rgba(96, 165, 250, 0.55));
}

@keyframes tcwBellRing {
  0%, 42%, 100% {
    transform: rotate(0deg);
  }
  8% {
    transform: rotate(12deg);
  }
  18% {
    transform: rotate(-10deg);
  }
  28% {
    transform: rotate(7deg);
  }
  36% {
    transform: rotate(-5deg);
  }
}

.tcw-subscription-success-pop {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 18%, rgba(59, 130, 246, 0.22), transparent 32%),
    radial-gradient(circle at 62% 54%, rgba(139, 92, 246, 0.22), transparent 28%),
    rgba(3, 7, 18, 0.72);
  backdrop-filter: blur(18px);
  animation: tcwSuccessBackdropIn 0.28s ease both;
}

.tcw-subscription-success-pop.is-leaving {
  animation: tcwSuccessBackdropOut 0.26s ease both;
}

.tcw-subscription-success-card {
  position: relative;
  width: min(520px, 100%);
  overflow: hidden;
  padding: 34px;
  border: 1px solid rgba(125, 211, 252, 0.22);
  border-radius: 24px;
  color: #fff;
  text-align: center;
  background:
    linear-gradient(145deg, rgba(15, 23, 42, 0.94), rgba(7, 11, 20, 0.98)),
    radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.22), transparent 42%);
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.58),
    0 0 80px rgba(37, 99, 235, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform-style: preserve-3d;
  animation: tcwSuccessCardIn 0.5s cubic-bezier(.2,.9,.2,1.05) both;
}

.tcw-subscription-success-card::before,
.tcw-subscription-success-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.tcw-subscription-success-card::before {
  inset: -40%;
  background: conic-gradient(from 120deg, transparent, rgba(56, 189, 248, 0.18), rgba(168, 85, 247, 0.22), transparent 32%);
  animation: tcwSuccessSpin 7s linear infinite;
}

.tcw-subscription-success-card::after {
  inset: 1px;
  border-radius: 23px;
  background:
    radial-gradient(circle at 20% 20%, rgba(59, 130, 246, 0.14), transparent 22%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(7, 11, 20, 0.98));
}

.tcw-subscription-success-card > * {
  position: relative;
  z-index: 1;
}

.tcw-subscription-success-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 50%;
  color: #cbd5e1;
  background: rgba(15, 23, 42, 0.78);
  cursor: pointer;
}

.tcw-success-orbit {
  position: relative;
  width: 108px;
  height: 108px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(34, 197, 94, 0.2), transparent 60%),
    linear-gradient(135deg, rgba(14, 165, 233, 0.28), rgba(139, 92, 246, 0.26));
  box-shadow: 0 0 44px rgba(34, 197, 94, 0.26);
}

.tcw-success-orbit span {
  position: absolute;
  inset: 8px;
  border-radius: inherit;
  border: 1px dashed rgba(125, 211, 252, 0.55);
  animation: tcwSuccessSpin 6s linear infinite;
}

.tcw-success-orbit i {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #22c55e, #06b6d4, #7c3aed);
  box-shadow: 0 16px 38px rgba(34, 197, 94, 0.32);
  font-size: 1.55rem;
}

.tcw-subscription-success-card small {
  display: inline-flex;
  padding: 7px 12px;
  border: 1px solid rgba(34, 197, 94, 0.24);
  border-radius: 999px;
  color: #86efac;
  background: rgba(34, 197, 94, 0.1);
  font-weight: 900;
  letter-spacing: 0;
}

.tcw-subscription-success-card h2 {
  margin: 14px 0 10px;
  color: #fff;
  font-size: clamp(1.55rem, 4vw, 2.2rem);
}

.tcw-subscription-success-card p {
  max-width: 410px;
  margin: 0 auto;
  color: #aebbd1;
  line-height: 1.7;
}

.tcw-success-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 22px 0;
}

.tcw-success-meta span {
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.66);
}

.tcw-success-meta strong,
.tcw-success-meta em {
  display: block;
}

.tcw-success-meta strong {
  color: #fff;
  font-size: 1.02rem;
}

.tcw-success-meta em {
  margin-top: 4px;
  color: #8ea0ba;
  font-size: 0.78rem;
  font-style: normal;
}

.tcw-subscription-success-card a {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #7c3aed, #ec4899);
  box-shadow: 0 18px 38px rgba(124, 58, 237, 0.32);
  font-weight: 900;
  text-decoration: none;
}

@keyframes tcwSuccessBackdropIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes tcwSuccessBackdropOut {
  to {
    opacity: 0;
  }
}

@keyframes tcwSuccessCardIn {
  from {
    opacity: 0;
    transform: perspective(900px) rotateX(12deg) translateY(24px) scale(0.94);
  }
  to {
    opacity: 1;
    transform: perspective(900px) rotateX(0deg) translateY(0) scale(1);
  }
}

@keyframes tcwSuccessSpin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 991px) {
  .tcw-settings-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .tcw-settings-overview,
  .tcw-account-grid {
    grid-template-columns: 1fr;
  }

  .tcw-settings-hero > a {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .tcw-account-dashboard .tcw-account-main {
    padding: 14px;
  }

  .tcw-settings-hero,
  .tcw-settings-overview article,
  .tcw-settings-card header,
  .tcw-settings-card form {
    padding: 16px;
  }

  .tcw-settings-overview article {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .tcw-settings-overview i,
  .tcw-settings-card header > span {
    width: 42px;
    height: 42px;
  }

  .tcw-back-website-float {
    right: 43px;
    bottom: 43px;
    width: 50px;
    height: 50px;
  }

  .tcw-back-website-float span {
    display: none;
  }

  .tcw-subscription-success-pop {
    padding: 16px;
  }

  .tcw-subscription-success-card {
    padding: 28px 18px 20px;
    border-radius: 20px;
  }

  .tcw-success-meta {
    grid-template-columns: 1fr;
  }

  .tcw-subscription-success-card a {
    width: 100%;
  }
}

/* Website pages inherit the same visual palette used on the home page. */
body:has(.tcw-about-page),
body:has(.tcw-services-page-section),
body:has(.tcw-portfolio-page),
body:has(.tcw-industries-page),
body:has(.tcw-testimonials-page),
body:has(.tcw-blog-page),
body:has(.tcw-contact-page),
body:has(.tcw-careers-page),
body:has(.tcw-offers-page),
body:has(.tcw-case-studies-page),
body:has(.tcw-sitemap-page),
body:has(.tcw-terms-page),
body:has(.tcw-privacy-page) {
  background: #f8fafc;
  color: var(--tcw-body, #475569);
}

body:has(.tcw-dimensional-page),
body:has(.tcw-company-page),
body:has(.tcw-quote-page),
body:has(.tcw-saas-page),
body:has(.tcw-blog-detail-page),
body:has(.tcw-checkout-page) {
  background: #f8fafc;
  color: var(--tcw-body, #475569);
}

.cs-hero.cs-style8,
.tcw-page-hero,
.tcw-about-hero,
.tcw-dimensional-hero,
.tcw-company-page__hero {
  min-height: min(560px, 78vh);
  display: flex;
  align-items: center;
  padding-top: clamp(122px, 12vw, 160px);
  padding-bottom: clamp(72px, 8vw, 104px);
  background:
    radial-gradient(circle at 52% 34%, rgba(37, 99, 235, 0.22), transparent 28%),
    radial-gradient(circle at 74% 18%, rgba(56, 189, 248, 0.12), transparent 24%),
    linear-gradient(90deg, rgba(56, 189, 248, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(56, 189, 248, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, #070d1d 0%, #050915 100%),
    var(--tcw-navy, #0f172a) !important;
  background-size: auto, auto, 18px 18px, 18px 18px, auto, auto !important;
}

.cs-hero.cs-style8 .cs-hero_title,
.tcw-page-hero h1,
.tcw-about-hero .cs-hero_title,
.tcw-dimensional-hero h1,
.tcw-company-page__hero h1 {
  color: #ffffff !important;
}

.cs-hero.cs-style8 .cs-hero_title b,
.tcw-page-hero h1 b,
.tcw-page-hero h1 span,
.tcw-about-hero .cs-hero_title b,
.tcw-dimensional-hero h1 span,
.tcw-company-page__hero span {
  color: var(--tcw-blue, #2563EB) !important;
}

.tcw-dimensional-hero p,
.tcw-company-page__hero p {
  color: rgba(255, 255, 255, 0.82) !important;
}

.cs-hero.cs-style8 .cs-down_btn,
.tcw-page-hero .cs-down_btn {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--tcw-sky, #38BDF8), var(--tcw-blue, #2563EB));
  border-color: rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 16px 30px rgba(37, 99, 235, 0.24);
}

.cs-hero.cs-style8 .cs-hero_blur_shape,
.tcw-about-hero .cs-hero_blur_shape {
  opacity: 0.42;
}

.cs-bg,
.tcw-services-page-section,
.tcw-about-services-section,
.tcw-reviews-section,
.tcw-blog-section,
.tcw-dimensional-section,
.tcw-company-page {
  background:
    radial-gradient(circle at 12% 10%, rgba(56, 189, 248, 0.08), transparent 28%),
    #f8fafc !important;
}

.cs-section_subtitle,
.tcw-page-kicker,
.tcw-empty-title,
.cs-section_heading .cs-section_subtitle {
  color: var(--tcw-blue, #2563EB) !important;
}

.cs-section_title,
.tcw-empty-title,
.tcw-page-heading h1 {
  color: var(--tcw-navy-deep, #020617) !important;
}

.cs-section_text,
.tcw-empty-text {
  color: var(--tcw-body, #475569) !important;
}

.tcw-feature-card,
.tcw-feature-card-alt,
.cs-icon_box.cs-style6,
.cs-portfolio.cs-style3,
.tcw-blog-card,
.tcw-offer-card,
.tcw-industry-card,
.tcw-dimensional-card,
.tcw-company-page__content,
.case-study-card,
.client-review-card {
  border-color: rgba(226, 232, 240, 0.92) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 22% 16%, rgba(56, 189, 248, 0.14), transparent 34%),
    #ffffff !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08) !important;
}

.tcw-feature-card:hover,
.tcw-feature-card-alt:hover,
.cs-icon_box.cs-style6:hover,
.cs-portfolio.cs-style3:hover,
.tcw-blog-card:hover,
.tcw-offer-card:hover,
.tcw-industry-card:hover,
.tcw-dimensional-card:hover,
.tcw-company-page__content:hover,
.case-study-card:hover,
.client-review-card:hover {
  border-color: rgba(56, 189, 248, 0.46) !important;
  background:
    radial-gradient(circle at 22% 16%, rgba(56, 189, 248, 0.2), transparent 34%),
    #ffffff !important;
  box-shadow: 0 26px 54px rgba(15, 23, 42, 0.12) !important;
  transform: translateY(-5px);
}

.cs-icon_box.cs-style6:hover .cs-icon_box_title,
.cs-icon_box.cs-style6:hover .cs-icon_box_subtitle {
  color: var(--tcw-navy-deep, #020617) !important;
}

.tcw-home-service-icon,
.cs-icon_box.cs-style6 .cs-icon_box_icon,
.tcw-offer-icon,
.tcw-industry-icon,
.tcw-testimonial-avatar,
.tcw-industry-card i,
.case-study-card i {
  background: rgba(56, 189, 248, 0.12) !important;
  color: var(--tcw-blue, #2563EB) !important;
}

.cs-btn.cs-style6.cs-accent_bg,
.tcw-load-more-btn,
.tcw-offer-card-btn,
.tcw-contact-submit,
.tcw-quote-submit,
.tcw-page-action {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--tcw-sky, #38BDF8) 0%, var(--tcw-blue, #2563EB) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 30px rgba(37, 99, 235, 0.24);
}

.cs-btn.cs-style6.cs-accent_bg:hover,
.tcw-load-more-btn:hover,
.tcw-offer-card-btn:hover,
.tcw-contact-submit:hover,
.tcw-quote-submit:hover,
.tcw-page-action:hover {
  color: #ffffff !important;
  transform: translateY(-2px);
}

@media (max-width: 767px) {
  .cs-hero.cs-style8,
  .tcw-page-hero,
  .tcw-about-hero,
  .tcw-dimensional-hero,
  .tcw-company-page__hero {
    min-height: auto;
    padding-top: 112px;
    padding-bottom: 64px;
  }
}

/* Dark services dropdown to match the current website theme. */
.tcw-site-header .tcw-mega_panel {
  width: min(780px, calc(100vw - 40px));
  padding: 18px;
  border: 1px solid rgba(56, 189, 248, 0.2);
  border-radius: 0 0 28px 28px;
  background:
    radial-gradient(circle at 88% 8%, rgba(56, 189, 248, 0.2), transparent 30%),
    radial-gradient(circle at 12% 20%, rgba(37, 99, 235, 0.16), transparent 28%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98)) !important;
  box-shadow:
    0 30px 80px rgba(2, 6, 23, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(18px);
}

.tcw-site-header .tcw-services_list {
  gap: 14px;
  max-height: min(52vh, 430px);
  padding: 6px 10px 6px 6px;
  scrollbar-color: rgba(56, 189, 248, 0.72) rgba(15, 23, 42, 0.82);
}

.tcw-site-header .tcw-services_list::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.82);
}

.tcw-site-header .tcw-services_list::-webkit-scrollbar-thumb {
  border: 2px solid rgba(15, 23, 42, 0.82);
  background: linear-gradient(180deg, var(--tcw-sky, #38BDF8), var(--tcw-blue, #2563EB));
}

.tcw-site-header .tcw-service_item {
  min-height: 168px;
  padding: 18px;
  border: 1px solid rgba(125, 211, 252, 0.18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 16% 18%, rgba(56, 189, 248, 0.14), transparent 32%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(8, 13, 25, 0.96)) !important;
  color: #dbeafe !important;
  box-shadow: 0 16px 36px rgba(2, 6, 23, 0.34);
}

.tcw-site-header .tcw-service_item:hover {
  border-color: rgba(56, 189, 248, 0.58);
  background:
    radial-gradient(circle at 18% 18%, rgba(56, 189, 248, 0.22), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.96), rgba(14, 35, 58, 0.94)) !important;
  box-shadow:
    0 22px 48px rgba(2, 6, 23, 0.42),
    0 0 0 1px rgba(56, 189, 248, 0.08);
}

.tcw-site-header .tcw-service_icon {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(125, 211, 252, 0.26);
  border-radius: 50%;
  background: linear-gradient(135deg, var(--tcw-sky, #38BDF8), var(--tcw-blue, #2563EB)) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.26);
}

.tcw-site-header .tcw-service_icon img {
  filter: brightness(0) invert(1);
}

.tcw-site-header .tcw-service_title {
  color: #ffffff !important;
  font-size: 1.02rem;
  font-weight: 900;
}

.tcw-site-header .tcw-service_text {
  color: #a8b7d0 !important;
}

.tcw-site-header .tcw-service_arrow {
  color: var(--tcw-sky, #38BDF8) !important;
  font-size: 1rem;
}

.tcw-site-header .tcw-service_item:hover .tcw-service_title,
.tcw-site-header .tcw-service_item:hover .tcw-service_arrow {
  color: var(--tcw-sky, #38BDF8) !important;
}

.tcw-site-header .tcw-header_auth {
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
  justify-content: center;
  padding: 0 !important;
  border-color: rgba(56, 189, 248, 0.32);
  background: rgba(56, 189, 248, 0.1);
  color: #ffffff !important;
  font-size: 1rem;
  gap: 0;
}

.tcw-site-header .tcw-header_auth:hover {
  border-color: rgba(56, 189, 248, 0.64);
  background: linear-gradient(135deg, var(--tcw-sky, #38BDF8), var(--tcw-blue, #2563EB));
  color: #ffffff !important;
}

@media (max-width: 991px) {
  .tcw-mobile_panel {
    border: 1px solid rgba(56, 189, 248, 0.18);
    background:
      radial-gradient(circle at 88% 10%, rgba(56, 189, 248, 0.18), transparent 30%),
      linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98)) !important;
  }

  .tcw-mobile_link,
  .tcw-mobile_group_toggle,
  .tcw-mobile_sublink_title {
    color: #ffffff !important;
  }

  .tcw-mobile_sublink,
  .tcw-mobile_cta_wrap {
    border-color: rgba(125, 211, 252, 0.16) !important;
    background: rgba(15, 23, 42, 0.82) !important;
  }

  .tcw-mobile_sublink_text,
  .tcw-mobile_cta_wrap p {
    color: #a8b7d0 !important;
  }
}

/* Dark treatment for services, offers, and home review/service cards. */
.tcw-services-page-section,
.tcw-offers-page,
.tcw-offers-catalog,
.tcw-it-home .tcw-home-offers,
.tcw-it-home .tcw-it-services,
.tcw-it-home .tcw-reviews-section.client-reviews {
  background:
    radial-gradient(circle at 82% 8%, rgba(56, 189, 248, 0.16), transparent 28%),
    radial-gradient(circle at 12% 24%, rgba(37, 99, 235, 0.13), transparent 30%),
    linear-gradient(180deg, #050915 0%, #081122 48%, #040816 100%) !important;
}

.tcw-services-page-section::before,
.tcw-offers-page::before,
.tcw-it-home .tcw-it-services::before,
.tcw-it-home .tcw-reviews-section::before {
  background:
    linear-gradient(90deg, rgba(56, 189, 248, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(56, 189, 248, 0.04) 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
  opacity: 0.28;
}

.tcw-services-page-section .cs-section_title,
.tcw-services-page-section .cs-section_title *,
.tcw-offers-page h1,
.tcw-offers-page h2,
.tcw-offers-page h3,
.tcw-it-home .tcw-it-services .tcw-it-section-head h2,
.tcw-it-home .tcw-reviews-section .cs-section_title,
.tcw-it-home .tcw-reviews-section .cs-section_title *,
.tcw-it-home .tcw-home-offers .tcw-it-section-head h2 {
  color: #ffffff !important;
}

.tcw-services-page-section .cs-section_subtitle,
.tcw-offers-page h1 span,
.tcw-it-home .tcw-it-services .tcw-it-section-head span,
.tcw-it-home .tcw-reviews-section .cs-section_subtitle,
.tcw-it-home .tcw-home-offers .tcw-it-section-head span {
  color: var(--tcw-sky, #38BDF8) !important;
}

.tcw-services-page-section .cs-section_text,
.tcw-offers-page p,
.tcw-it-home .tcw-reviews-section .client-review-role,
.tcw-it-home .tcw-reviews-section .client-review-card p,
.tcw-it-home .tcw-it-service-card p {
  color: #a8b7d0 !important;
}

.tcw-services-page-section .tcw-feature-card,
.tcw-it-home .tcw-it-service-slider .tcw-it-service-card,
.tcw-it-home .tcw-it-service-card,
.tcw-it-home .tcw-reviews-section .client-review-card,
.tcw-it-home .tcw-reviews-section .client-review-card.is-featured,
.tcw-offers-page .tcw-premium-offer-card,
.tcw-it-home .tcw-home-offers .tcw-premium-offer-card {
  border: 1px solid rgba(125, 211, 252, 0.18) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(56, 189, 248, 0.16), transparent 36%),
    linear-gradient(155deg, rgba(15, 23, 42, 0.95), rgba(7, 12, 26, 0.98)) !important;
  box-shadow:
    0 22px 54px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.tcw-services-page-section .tcw-feature-card:hover,
.tcw-it-home .tcw-it-service-slider .tcw-it-service-card:hover,
.tcw-it-home .tcw-it-service-slider .slick-current .tcw-it-service-card,
.tcw-it-home .tcw-reviews-section .client-review-card:hover,
.tcw-offers-page .tcw-premium-offer-card:hover,
.tcw-it-home .tcw-home-offers .tcw-premium-offer-card:hover {
  border-color: rgba(56, 189, 248, 0.58) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(56, 189, 248, 0.24), transparent 38%),
    linear-gradient(155deg, rgba(15, 23, 42, 0.98), rgba(11, 29, 49, 0.96)) !important;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(56, 189, 248, 0.08) !important;
}

.tcw-services-page-section .tcw-feature-card:hover,
.tcw-it-home .tcw-it-service-slider .tcw-it-service-card:hover,
.tcw-it-home .tcw-it-service-slider .slick-current .tcw-it-service-card {
  border-color: rgba(56, 189, 248, 0.58) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(56, 189, 248, 0.24), transparent 38%),
    linear-gradient(155deg, rgba(15, 23, 42, 0.98), rgba(11, 29, 49, 0.96)) !important;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(56, 189, 248, 0.08) !important;
  transform: translateY(-7px) !important;
}

.tcw-it-home .tcw-it-service-slider .slick-current .tcw-it-service-card {
  animation: none !important;
}

.tcw-services-page-section .tcw-feature-card:hover .cs-icon_box_title,
.tcw-services-page-section .tcw-feature-card:hover .cs-icon_box_subtitle,
.tcw-it-home .tcw-it-service-card:hover h3,
.tcw-it-home .tcw-it-service-card:hover p {
  color: #ffffff !important;
}

.tcw-services-page-section .tcw-feature-card .cs-icon_box_title,
.tcw-it-home .tcw-it-service-card h3,
.tcw-it-home .tcw-reviews-section .client-review-author h3,
.tcw-it-home .tcw-reviews-section .tcw-testimonial-card-head h3,
.tcw-offers-page .tcw-premium-offer-card h3,
.tcw-it-home .tcw-home-offers .tcw-premium-offer-card h3 {
  color: #ffffff !important;
}

.tcw-services-page-section .tcw-feature-card .cs-icon_box_subtitle,
.tcw-offers-page .tcw-premium-offer-card p,
.tcw-offers-page .tcw-premium-offer-card li,
.tcw-it-home .tcw-home-offers .tcw-premium-offer-card p,
.tcw-it-home .tcw-home-offers .tcw-premium-offer-card li {
  color: #a8b7d0 !important;
}

.tcw-services-page-section .tcw-home-service-icon,
.tcw-it-home .tcw-it-card-icon,
.tcw-it-home .tcw-reviews-section .client-review-avatar,
.tcw-it-home .tcw-reviews-section .tcw-testimonial-avatar,
.tcw-offers-page .tcw-offer-icon,
.tcw-it-home .tcw-home-offers .tcw-offer-icon {
  border: 1px solid rgba(125, 211, 252, 0.26) !important;
  background: linear-gradient(135deg, var(--tcw-sky, #38BDF8), var(--tcw-blue, #2563EB)) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.26);
}

.tcw-services-page-section .tcw-home-service-icon img,
.tcw-it-home .tcw-it-card-icon img {
  filter: brightness(0) invert(1);
}

.tcw-offers-hero {
  min-height: min(560px, 78vh);
  display: flex;
  align-items: center;
  padding-top: clamp(122px, 12vw, 160px) !important;
  padding-bottom: clamp(72px, 8vw, 104px) !important;
  background:
    radial-gradient(circle at 52% 34%, rgba(37, 99, 235, 0.22), transparent 28%),
    radial-gradient(circle at 74% 18%, rgba(56, 189, 248, 0.12), transparent 24%),
    linear-gradient(90deg, rgba(56, 189, 248, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(56, 189, 248, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, #070d1d 0%, #050915 100%),
    var(--tcw-navy, #0f172a) !important;
  background-size: auto, auto, 18px 18px, 18px 18px, auto, auto !important;
}

.tcw-offers-hero .tcw-offers-hero-grid {
  width: 100%;
  min-height: 0;
  grid-template-columns: minmax(0, 760px);
}

.tcw-offers-hero .tcw-offers-hero-copy {
  padding-bottom: 0;
}

.tcw-offers-hero .tcw-offers-visual {
  display: none !important;
}

.tcw-offers-hero::before {
  background: none !important;
}

.tcw-offers-hero h1 span {
  color: var(--tcw-sky, #38BDF8) !important;
  text-shadow: none !important;
}

.tcw-offers-filters a,
.tcw-billing-toggle,
.tcw-offers-benefits article,
.tcw-offers-custom-cta {
  border-color: rgba(125, 211, 252, 0.18) !important;
  background: rgba(15, 23, 42, 0.82) !important;
  color: #dbeafe !important;
}

.tcw-offers-filters a.is-active,
.tcw-offers-filters a:hover,
.tcw-billing-toggle b,
.tcw-offer-card-btn,
.tcw-offer-card-btn.is-hot {
  background: linear-gradient(135deg, var(--tcw-sky, #38BDF8), var(--tcw-blue, #2563EB)) !important;
  color: #ffffff !important;
}

.tcw-offers-benefits h4,
.tcw-offers-custom-cta h3 {
  color: #ffffff !important;
}

.tcw-offers-benefits p,
.tcw-offers-custom-cta p {
  color: #a8b7d0 !important;
}

.tcw-offers-benefits i {
  color: var(--tcw-sky, #38BDF8) !important;
}

.tcw-industries-page .tcw-dimensional-hero,
.tcw-testimonials-page .tcw-dimensional-hero {
  min-height: min(560px, 78vh);
  display: flex;
  align-items: center;
  padding-top: clamp(122px, 12vw, 160px) !important;
  padding-bottom: clamp(72px, 8vw, 104px) !important;
  background:
    radial-gradient(circle at 52% 34%, rgba(37, 99, 235, 0.22), transparent 28%),
    radial-gradient(circle at 74% 18%, rgba(56, 189, 248, 0.12), transparent 24%),
    linear-gradient(90deg, rgba(56, 189, 248, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(56, 189, 248, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, #070d1d 0%, #050915 100%),
    var(--tcw-navy, #0f172a) !important;
  background-size: auto, auto, 18px 18px, 18px 18px, auto, auto !important;
}

.tcw-industries-page .tcw-dimensional-hero::before,
.tcw-testimonials-page .tcw-dimensional-hero::before {
  background: none !important;
}

.tcw-industries-page .tcw-dimensional-hero-grid,
.tcw-testimonials-page .tcw-dimensional-hero-grid {
  grid-template-columns: minmax(0, 760px);
  min-height: 0;
}

.tcw-industries-page .tcw-dimensional-hero-stage,
.tcw-testimonials-page .tcw-dimensional-hero-stage {
  display: none !important;
}

.tcw-industries-page .tcw-dimensional-hero h1 span,
.tcw-testimonials-page .tcw-dimensional-hero h1 span,
.tcw-industries-page .tcw-detail-eyebrow,
.tcw-testimonials-page .tcw-detail-eyebrow {
  color: var(--tcw-sky, #38BDF8) !important;
  text-shadow: none !important;
}

.tcw-industries-page .tcw-dimensional-section,
.tcw-testimonials-page .tcw-dimensional-section {
  background:
    radial-gradient(circle at 82% 8%, rgba(56, 189, 248, 0.14), transparent 28%),
    radial-gradient(circle at 12% 24%, rgba(37, 99, 235, 0.12), transparent 30%),
    linear-gradient(180deg, #050915 0%, #081122 48%, #040816 100%) !important;
}

.tcw-industries-page .tcw-detail-heading h2,
.tcw-industries-page .tcw-detail-heading h2 span,
.tcw-testimonials-page .tcw-detail-heading h2,
.tcw-testimonials-page .tcw-detail-heading h2 span {
  color: #ffffff !important;
}

.tcw-industries-page .tcw-industry-4d-card,
.tcw-testimonials-page .tcw-testimonial-4d-card,
.tcw-testimonials-page .tcw-testimonial-4d-card.is-featured {
  --tcw-card-accent: var(--tcw-sky, #38BDF8) !important;
  --tcw-card-accent-soft: rgba(56, 189, 248, 0.22) !important;
  border: 1px solid rgba(125, 211, 252, 0.18) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(56, 189, 248, 0.16), transparent 34%),
    linear-gradient(155deg, rgba(15, 23, 42, 0.95), rgba(7, 12, 26, 0.98)) !important;
  box-shadow:
    0 22px 54px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transform: none;
}

.tcw-industries-page .tcw-industry-4d-card:hover,
.tcw-testimonials-page .tcw-testimonial-4d-card:hover,
.tcw-testimonials-page .tcw-testimonial-4d-card.is-featured:hover {
  border-color: rgba(56, 189, 248, 0.58) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(56, 189, 248, 0.24), transparent 36%),
    linear-gradient(155deg, rgba(15, 23, 42, 0.98), rgba(11, 29, 49, 0.96)) !important;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(56, 189, 248, 0.08) !important;
  transform: translateY(-6px);
}

.tcw-industries-page .tcw-dimensional-card-glow,
.tcw-testimonials-page .tcw-dimensional-card-glow {
  background: radial-gradient(circle, rgba(56, 189, 248, 0.22), transparent 66%) !important;
}

.tcw-industries-page .tcw-industry-icon,
.tcw-testimonials-page .tcw-testimonial-avatar {
  border: 1px solid rgba(125, 211, 252, 0.26) !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--tcw-sky, #38BDF8), var(--tcw-blue, #2563EB)) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.26);
}

.tcw-industries-page .tcw-industry-icon i {
  color: #ffffff !important;
}

.tcw-industries-page .tcw-industry-icon img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  filter: none !important;
  opacity: 1 !important;
}

.tcw-industries-page .tcw-industry-card-top > span,
.tcw-testimonials-page .tcw-testimonial-badge {
  border-color: rgba(56, 189, 248, 0.28) !important;
  background: rgba(56, 189, 248, 0.1) !important;
  color: var(--tcw-sky, #38BDF8) !important;
}

.tcw-industries-page .tcw-industry-card-body strong,
.tcw-testimonials-page .tcw-testimonial-rating span.is-filled {
  color: var(--tcw-sky, #38BDF8) !important;
}

.tcw-industries-page .tcw-industry-card-body h3,
.tcw-testimonials-page .tcw-testimonial-card-head h3 {
  color: #ffffff !important;
}

.tcw-industries-page .tcw-industry-card-body p,
.tcw-testimonials-page .tcw-testimonial-4d-card p,
.tcw-testimonials-page .tcw-testimonial-card-head span {
  color: #a8b7d0 !important;
}

.tcw-industries-page .tcw-dimensional-link {
  border-color: rgba(56, 189, 248, 0.32) !important;
  background: rgba(56, 189, 248, 0.08);
  color: #ffffff !important;
}

.tcw-industries-page .tcw-dimensional-link:hover {
  background: linear-gradient(135deg, var(--tcw-sky, #38BDF8), var(--tcw-blue, #2563EB)) !important;
  color: #ffffff !important;
}

/* Service details page dark theme alignment. */
.tcw-service-modern {
  --tcw-detail-blue: var(--tcw-sky, #38BDF8);
  --tcw-detail-green: var(--tcw-blue, #2563EB);
  --tcw-detail-ink: #ffffff;
  --tcw-detail-muted: #a8b7d0;
  background:
    radial-gradient(circle at 82% 8%, rgba(56, 189, 248, 0.14), transparent 28%),
    radial-gradient(circle at 12% 24%, rgba(37, 99, 235, 0.12), transparent 30%),
    linear-gradient(180deg, #050915 0%, #081122 48%, #040816 100%) !important;
  color: #ffffff;
}

.tcw-service-modern .tcw-detail-hero {
  min-height: min(640px, 86vh);
  display: flex;
  align-items: center;
  padding-top: clamp(122px, 12vw, 160px) !important;
  padding-bottom: clamp(72px, 8vw, 104px) !important;
  background:
    radial-gradient(circle at 52% 34%, rgba(37, 99, 235, 0.22), transparent 28%),
    radial-gradient(circle at 74% 18%, rgba(56, 189, 248, 0.12), transparent 24%),
    linear-gradient(90deg, rgba(56, 189, 248, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(56, 189, 248, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, #070d1d 0%, #050915 100%),
    var(--tcw-navy, #0f172a) !important;
  background-size: auto, auto, 18px 18px, 18px 18px, auto, auto !important;
}

.tcw-service-modern .tcw-detail-breadcrumb {
  color: #8da0bd;
}

.tcw-service-modern .tcw-detail-breadcrumb a {
  color: #dbeafe;
}

.tcw-service-modern .tcw-detail-breadcrumb span,
.tcw-service-modern .tcw-detail-breadcrumb i {
  color: #7dd3fc;
}

.tcw-service-modern .tcw-detail-eyebrow,
.tcw-service-modern .tcw-detail-hero-copy h1 span,
.tcw-service-modern .tcw-detail-heading h2 span {
  color: var(--tcw-sky, #38BDF8) !important;
}

.tcw-service-modern .tcw-detail-hero-copy h1,
.tcw-service-modern .tcw-detail-heading h2,
.tcw-service-modern .tcw-process-card h3,
.tcw-service-modern .tcw-feature-mini h4,
.tcw-service-modern .tcw-detail-info-card strong,
.tcw-service-modern .tcw-tech-card span,
.tcw-service-modern .tcw-detail-cta h2,
.tcw-service-modern .tcw-cta-stats strong {
  color: #ffffff !important;
}

.tcw-service-modern .tcw-detail-hero-copy p,
.tcw-service-modern .tcw-process-card p,
.tcw-service-modern .tcw-detail-richtext,
.tcw-service-modern .tcw-feature-mini p,
.tcw-service-modern .tcw-detail-info-card span,
.tcw-service-modern .tcw-detail-cta p,
.tcw-service-modern .tcw-cta-stats span {
  color: #a8b7d0 !important;
}

.tcw-service-modern .tcw-detail-section,
.tcw-service-modern .tcw-about-detail-section {
  background: transparent !important;
}

.tcw-service-modern .tcw-detail-hero-media,
.tcw-service-modern .tcw-detail-video,
.tcw-service-modern .tcw-process-card,
.tcw-service-modern .tcw-feature-mini,
.tcw-service-modern .tcw-detail-info-card,
.tcw-service-modern .tcw-tech-card,
.tcw-service-modern .tcw-cta-stats > div {
  border: 1px solid rgba(125, 211, 252, 0.18) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(56, 189, 248, 0.16), transparent 34%),
    linear-gradient(155deg, rgba(15, 23, 42, 0.95), rgba(7, 12, 26, 0.98)) !important;
  box-shadow:
    0 22px 54px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.tcw-service-modern .tcw-process-card:hover,
.tcw-service-modern .tcw-feature-mini:hover,
.tcw-service-modern .tcw-tech-card:hover,
.tcw-service-modern .tcw-cta-stats > div:hover {
  border-color: rgba(56, 189, 248, 0.58) !important;
  transform: translateY(-6px);
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(56, 189, 248, 0.08) !important;
}

.tcw-service-modern .tcw-detail-hero-media::before {
  border-color: rgba(56, 189, 248, 0.28) !important;
  background: rgba(56, 189, 248, 0.08) !important;
}

.tcw-service-modern .tcw-detail-hero-media img,
.tcw-service-modern .tcw-detail-video img {
  border-radius: 14px;
}

.tcw-service-modern .tcw-process-icon,
.tcw-service-modern .tcw-detail-info-card i,
.tcw-service-modern .tcw-tech-card i,
.tcw-service-modern .tcw-cta-stats i {
  border: 1px solid rgba(125, 211, 252, 0.26) !important;
  background: linear-gradient(135deg, var(--tcw-sky, #38BDF8), var(--tcw-blue, #2563EB)) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.26);
}

.tcw-service-modern .tcw-process-card > span {
  color: var(--tcw-sky, #38BDF8) !important;
}

.tcw-service-modern .tcw-detail-btn-primary,
.tcw-service-modern .tcw-detail-btn-light,
.tcw-service-modern .tcw-video-play {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--tcw-sky, #38BDF8), var(--tcw-blue, #2563EB)) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 30px rgba(37, 99, 235, 0.24);
}

.tcw-service-modern .tcw-detail-btn-outline {
  border-color: rgba(56, 189, 248, 0.42) !important;
  background: rgba(56, 189, 248, 0.08) !important;
  color: #ffffff !important;
}

.tcw-service-modern .tcw-detail-btn:hover {
  color: #ffffff !important;
  transform: translateY(-2px);
}

.tcw-service-modern .tcw-detail-cta {
  border: 1px solid rgba(125, 211, 252, 0.2) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(56, 189, 248, 0.22), transparent 34%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(11, 29, 49, 0.96)) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42) !important;
}

@media (max-width: 991px) {
  .tcw-service-modern .tcw-detail-hero-grid,
  .tcw-service-modern .tcw-about-detail-grid,
  .tcw-service-modern .tcw-detail-cta {
    grid-template-columns: 1fr !important;
  }
}

/* Final responsive pass for public website pages. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
video,
iframe {
  max-width: 100%;
}

.tcw-detail-modern .container,
.tcw-dimensional-page .container,
.tcw-saas-page .container,
.tcw-it-home .container,
.tcw-footer .container {
  width: min(100% - 32px, 1320px);
}

@media (max-width: 1280px) {
  .tcw-site-header .cs-main_header_in,
  .tcw-site-header.cs-sticky-active .cs-main_header_in {
    width: min(100% - 24px, 1240px) !important;
    padding-inline: 16px !important;
  }

  .tcw-site-header .tcw-brand img {
    width: 126px !important;
    height: 48px !important;
  }

  .tcw-site-header .tcw-nav_list {
    gap: 3px !important;
  }

  .tcw-site-header .tcw-nav_item > a,
  .tcw-site-header .tcw-dropdown_link_group {
    padding: 11px 9px !important;
    font-size: 0.72rem !important;
  }

  .tcw-site-header .tcw-header_cta,
  .tcw-site-header .tcw-header_cta:hover {
    min-height: 46px !important;
    padding-inline: 18px !important;
    font-size: 0.78rem !important;
  }

  .tcw-site-header .tcw-header_auth {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
  }

  .tcw-offers-page .tcw-offer-grid,
  .tcw-home-premium-offer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1100px) {
  .tcw-site-header .cs-main_header_center,
  .tcw-site-header .tcw-header_actions {
    display: none !important;
  }

  .tcw-site-header .tcw-menu_toggle {
    display: inline-flex !important;
  }

  .tcw-site-header .tcw-brand img {
    width: 136px !important;
    height: 52px !important;
  }

  .tcw-site-header .cs-main_header_in,
  .tcw-site-header.cs-sticky-active .cs-main_header_in {
    min-height: 72px !important;
    border-radius: 22px !important;
  }
}

@media (max-width: 991px) {
  .cs-hero.cs-style8,
  .tcw-page-hero,
  .tcw-about-hero,
  .tcw-dimensional-hero,
  .tcw-company-page__hero,
  .tcw-offers-hero,
  .tcw-service-modern .tcw-detail-hero {
    min-height: auto !important;
    padding-top: 112px !important;
    padding-bottom: 64px !important;
  }

  .tcw-detail-hero-grid,
  .tcw-service-modern .tcw-detail-hero-grid,
  .tcw-about-detail-grid,
  .tcw-offers-hero-grid,
  .tcw-dimensional-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .tcw-service-modern .tcw-detail-hero-copy,
  .tcw-service-modern .tcw-detail-hero-copy h1,
  .tcw-service-modern .tcw-detail-hero-copy p,
  .tcw-offers-hero-copy,
  .tcw-dimensional-hero-copy {
    text-align: center !important;
  }

  .tcw-service-modern .tcw-detail-hero-copy p,
  .tcw-offers-hero p,
  .tcw-dimensional-hero-copy p {
    margin-inline: auto !important;
  }

  .tcw-detail-actions,
  .tcw-it-actions {
    justify-content: center !important;
  }

  .tcw-process-grid,
  .tcw-dimensional-grid,
  .tcw-industry-grid,
  .tcw-testimonial-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .tcw-tech-grid,
  .tcw-cta-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .tcw-detail-cta {
    gap: 24px !important;
    padding: 26px !important;
  }

  .tcw-footer .row {
    row-gap: 32px;
  }
}

@media (max-width: 767px) {
  .tcw-detail-modern .container,
  .tcw-dimensional-page .container,
  .tcw-saas-page .container,
  .tcw-it-home .container,
  .tcw-footer .container {
    width: min(100% - 24px, 1320px);
  }

  .tcw-site-header,
  .tcw-site-header.cs-sticky-active {
    padding-top: 8px !important;
  }

  .tcw-site-header .cs-main_header_in,
  .tcw-site-header.cs-sticky-active .cs-main_header_in {
    width: calc(100% - 16px) !important;
    min-height: 66px !important;
    padding: 8px 12px !important;
    border-radius: 18px !important;
  }

  .tcw-site-header .tcw-brand img {
    width: 112px !important;
    height: 44px !important;
  }

  .tcw-menu_toggle {
    width: 44px !important;
    height: 44px !important;
  }

  .cs-hero.cs-style8 .cs-hero_title,
  .tcw-offers-hero h1,
  .tcw-dimensional-hero h1,
  .tcw-service-modern .tcw-detail-hero-copy h1 {
    font-size: clamp(2.25rem, 12vw, 3.4rem) !important;
    line-height: 1.05 !important;
  }

  .tcw-detail-breadcrumb {
    justify-content: center;
    font-size: 0.72rem !important;
  }

  .tcw-detail-actions,
  .tcw-it-actions,
  .tcw-offers-toolbar,
  .tcw-offers-benefits,
  .tcw-offers-custom-cta {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .tcw-detail-btn,
  .tcw-it-btn,
  .tcw-offers-custom-cta a {
    width: 100%;
  }

  .tcw-detail-hero-media,
  .tcw-detail-video {
    max-width: 560px;
    margin-inline: auto;
  }

  .tcw-process-grid,
  .tcw-dimensional-grid,
  .tcw-industry-grid,
  .tcw-testimonial-grid,
  .tcw-offers-page .tcw-offer-grid,
  .tcw-home-premium-offer-grid {
    grid-template-columns: 1fr !important;
  }

  .tcw-feature-mini-grid,
  .tcw-tech-grid,
  .tcw-cta-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .tcw-detail-info-card > div {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .tcw-detail-info-card > div span {
    grid-column: 2 !important;
  }

  .tcw-footer {
    text-align: center;
  }

  .tcw-footer-logo img {
    margin-inline: auto;
  }

  .tcw-footer .cs-address_widgert ul,
  .tcw-footer .menu {
    display: grid;
    justify-items: center;
  }

  .tcw-footer .cs-footer_newsletter_form,
  .tcw-footer .cs-social_btns {
    justify-content: center;
    margin-inline: auto;
  }

  .tcw-floating-contact {
    right: 12px !important;
    bottom: 86px !important;
  }

  .tcw-floating-contact__quote {
    writing-mode: initial !important;
    transform: none !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
  }
}

@media (max-width: 575px) {
  .tcw-feature-mini-grid,
  .tcw-tech-grid,
  .tcw-cta-stats {
    grid-template-columns: 1fr !important;
  }

  .tcw-process-card,
  .tcw-industry-4d-card,
  .tcw-testimonial-4d-card,
  .tcw-premium-offer-card,
  .tcw-service-modern .tcw-feature-mini,
  .tcw-service-modern .tcw-tech-card,
  .tcw-service-modern .tcw-cta-stats > div {
    padding: 20px !important;
  }

  .tcw-detail-heading h2,
  .tcw-it-section-head h2,
  .cs-section_title {
    font-size: clamp(1.8rem, 9vw, 2.45rem) !important;
  }

  .tcw-detail-cta {
    padding: 22px 18px !important;
    text-align: center;
  }

  .tcw-mobile_panel_inner {
    max-height: calc(100vh - 92px);
    overflow-y: auto;
  }

  .tcw-support-chat {
    right: 12px !important;
    bottom: 12px !important;
  }
}

/* Final service detail redesign */
.tcw-service-modern {
  --tcw-card-bg: linear-gradient(145deg, rgba(10, 23, 47, 0.92), rgba(4, 10, 24, 0.98));
  --tcw-card-border: rgba(125, 211, 252, 0.18);
  --tcw-service-text: #d8e5fb;
  --tcw-service-muted: #96a8c4;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 70% 8%, rgba(37, 99, 235, 0.24), transparent 30%),
    radial-gradient(circle at 10% 36%, rgba(56, 189, 248, 0.12), transparent 28%),
    linear-gradient(180deg, #030712 0%, #071326 42%, #040816 100%) !important;
}

.tcw-service-modern::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.035) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), transparent 56%);
}

.tcw-service-modern .container {
  position: relative;
  z-index: 1;
}

.tcw-service-modern .tcw-detail-hero {
  min-height: auto !important;
  padding-top: clamp(120px, 12vw, 165px) !important;
  padding-bottom: clamp(46px, 6vw, 74px) !important;
  background:
    radial-gradient(circle at 65% 30%, rgba(37, 99, 235, 0.28), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(56, 189, 248, 0.16), transparent 24%),
    linear-gradient(180deg, rgba(4, 10, 24, 0.2), rgba(4, 10, 24, 0.78)) !important;
}

.tcw-service-modern .tcw-detail-breadcrumb {
  justify-content: flex-start;
  margin-bottom: clamp(28px, 4vw, 52px);
  color: #91a6c6;
}

.tcw-service-modern .tcw-detail-breadcrumb a,
.tcw-service-modern .tcw-detail-breadcrumb span {
  color: #dbeafe;
}

.tcw-service-modern .tcw-detail-hero-grid {
  align-items: center;
  display: grid;
  gap: clamp(30px, 6vw, 76px);
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
}

.tcw-service-modern .tcw-detail-eyebrow {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  background: rgba(37, 99, 235, 0.24);
  color: #28c3ff !important;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.tcw-service-modern .tcw-detail-hero-copy h1 {
  max-width: 650px;
  margin: 22px 0 22px;
  color: #ffffff !important;
  font-size: clamp(3.1rem, 5.5vw, 5.9rem);
  letter-spacing: 0;
  line-height: 1.02;
}

.tcw-service-modern .tcw-detail-hero-copy h1 span {
  color: #189cff !important;
}

.tcw-service-modern .tcw-detail-hero-copy h1 b {
  display: inline;
  color: #ffffff !important;
  font: inherit;
}

.tcw-service-modern .tcw-detail-hero-copy p {
  max-width: 520px;
  color: var(--tcw-service-text) !important;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.85;
}

.tcw-service-modern .tcw-detail-actions {
  gap: 18px;
  margin-top: 34px;
}

.tcw-service-modern .tcw-detail-btn {
  min-height: 58px;
  padding: 0 27px;
  border-radius: 7px;
  font-size: 0.86rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.tcw-service-modern .tcw-detail-btn-primary,
.tcw-service-modern .tcw-detail-btn-light {
  background: linear-gradient(135deg, #1ea7ff, #153dff) !important;
  box-shadow: 0 20px 42px rgba(20, 83, 255, 0.32);
}

.tcw-service-modern .tcw-detail-btn-outline {
  border-color: rgba(219, 234, 254, 0.28) !important;
  background: rgba(3, 7, 18, 0.34) !important;
}

.tcw-service-modern .tcw-detail-hero-media {
  display: grid;
  place-items: center;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.tcw-service-modern .tcw-detail-hero-media::before {
  display: none;
}

.tcw-service-modern .tcw-detail-hero-media a {
  display: block;
  width: min(100%, 660px);
}

.tcw-service-modern .tcw-detail-hero-media img {
  width: 100%;
  height: auto;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: 0 34px 95px rgba(0, 70, 255, 0.22);
  object-fit: contain;
}

.tcw-service-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: clamp(44px, 7vw, 72px);
}

.tcw-service-stats article,
.tcw-service-modern .tcw-process-card,
.tcw-service-modern .tcw-tech-card {
  border: 1px solid var(--tcw-card-border) !important;
  border-radius: 12px !important;
  background: var(--tcw-card-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 24px 72px rgba(0, 0, 0, 0.24) !important;
}

.tcw-service-stats article {
  min-height: 174px;
  padding: 32px;
}

.tcw-service-stats i,
.tcw-service-modern .tcw-process-icon {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1da6ff, #173cff) !important;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(37, 99, 235, 0.3);
}

.tcw-service-stats strong {
  display: block;
  margin-top: 22px;
  color: #ffffff;
  font-size: clamp(2rem, 3vw, 2.7rem);
  line-height: 1;
}

.tcw-service-stats span {
  display: block;
  margin-top: 10px;
  color: #c9d7ed;
}

.tcw-service-modern .tcw-detail-section {
  padding: clamp(58px, 7vw, 92px) 0 !important;
}

.tcw-service-modern .tcw-detail-heading {
  margin-bottom: clamp(28px, 4vw, 52px);
}

.tcw-service-modern .tcw-detail-heading.text-center .tcw-detail-eyebrow {
  margin-inline: auto;
}

.tcw-service-modern .tcw-detail-heading h2 {
  margin-top: 16px;
  color: #ffffff !important;
  font-size: clamp(2.2rem, 4vw, 3.55rem);
  line-height: 1.12;
}

.tcw-service-modern .tcw-detail-heading p,
.tcw-benefits-panel > p {
  max-width: 780px;
  margin: 14px auto 0;
  color: #adc0dc !important;
  line-height: 1.7;
}

.tcw-service-modern .tcw-process-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 54px);
}

.tcw-service-modern .tcw-process-grid::before {
  display: none !important;
}

.tcw-service-modern .tcw-process-card {
  position: relative;
  min-height: 330px;
  padding: clamp(26px, 3vw, 38px) !important;
}

.tcw-service-modern .tcw-process-card:not(:last-child)::after {
  content: "\f061";
  position: absolute;
  top: 50%;
  right: calc(clamp(24px, 4vw, 54px) / -1 - 12px);
  transform: translateY(-50%);
  color: #ffffff;
  font-family: "Font Awesome 5 Free";
  font-size: 2.1rem;
  font-weight: 900;
}

.tcw-service-modern .tcw-process-card > span {
  display: inline-block;
  margin-left: 12px;
  color: #1aa2ff !important;
  font-size: 1.28rem;
  font-weight: 900;
  vertical-align: middle;
}

.tcw-service-modern .tcw-process-card h3 {
  margin-top: 26px;
  color: #ffffff !important;
  font-size: 1.18rem;
}

.tcw-service-modern .tcw-process-card p {
  margin-top: 16px;
  color: #bfd0e7 !important;
  line-height: 1.8;
}

.tcw-benefits-tech-grid {
  display: grid;
  align-items: start;
  gap: clamp(34px, 7vw, 86px);
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
}

.tcw-benefits-panel .tcw-detail-heading {
  margin-bottom: 0;
}

.tcw-benefit-list {
  display: grid;
  gap: 16px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.tcw-benefit-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #ffffff;
  font-weight: 700;
}

.tcw-benefit-list i {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(56, 189, 248, 0.55);
  border-radius: 50%;
  color: #38bdf8;
  font-size: 0.7rem;
}

.tcw-service-tech-panel .tcw-detail-heading {
  margin-bottom: 22px;
}

.tcw-service-modern .tcw-tech-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.tcw-service-modern .tcw-tech-card {
  min-height: 158px;
  display: grid;
  place-items: center;
  gap: 14px;
  padding: 24px 18px !important;
  text-align: center;
}

.tcw-service-modern .tcw-tech-card i {
  width: auto;
  height: auto;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 3.05rem;
}

.tcw-service-modern .tcw-tech-card.is-orange i { color: #ff9f1c !important; }
.tcw-service-modern .tcw-tech-card.is-cyan i { color: #24c8f2 !important; }
.tcw-service-modern .tcw-tech-card.is-blue i { color: #4f80ff !important; }
.tcw-service-modern .tcw-tech-card.is-sky i { color: #38bdf8 !important; }
.tcw-service-modern .tcw-tech-card.is-violet i { color: #7c3aed !important; }
.tcw-service-modern .tcw-tech-card.is-cream i { color: #f5d7b5 !important; }
.tcw-service-modern .tcw-tech-card.is-red i { color: #f97316 !important; }

.tcw-service-modern .tcw-tech-card span {
  color: #ffffff !important;
  font-size: 0.92rem;
  font-weight: 800;
}

.tcw-service-modern .tcw-detail-cta {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  padding: clamp(34px, 5vw, 54px) clamp(28px, 5vw, 58px) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 78% 60%, rgba(37, 99, 235, 0.32), transparent 26%),
    linear-gradient(135deg, rgba(17, 34, 64, 0.98), rgba(7, 14, 31, 0.98)) !important;
}

.tcw-service-modern .tcw-detail-cta h2 {
  max-width: 560px;
  color: #ffffff !important;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.1;
}

.tcw-service-modern .tcw-detail-cta p {
  margin-top: 12px;
  color: #cbd5e1 !important;
}

@media (max-width: 1200px) {
  .tcw-service-modern .tcw-detail-hero-grid,
  .tcw-benefits-tech-grid {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.95fr);
  }

  .tcw-service-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .tcw-service-modern .tcw-detail-hero-grid,
  .tcw-benefits-tech-grid,
  .tcw-service-modern .tcw-detail-cta {
    grid-template-columns: 1fr !important;
  }

  .tcw-service-modern .tcw-detail-hero-copy,
  .tcw-service-modern .tcw-detail-hero-copy h1,
  .tcw-service-modern .tcw-detail-hero-copy p {
    text-align: left !important;
  }

  .tcw-service-modern .tcw-detail-actions {
    justify-content: flex-start !important;
  }

  .tcw-service-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-service-modern .tcw-process-grid {
    grid-template-columns: 1fr !important;
    max-width: 620px;
    margin-inline: auto;
  }

  .tcw-service-modern .tcw-process-card {
    min-height: 0;
  }

  .tcw-service-modern .tcw-process-card:not(:last-child)::after {
    content: "\f063";
    top: auto;
    right: 50%;
    bottom: -42px;
    transform: translateX(50%);
  }

  .tcw-service-modern .tcw-tech-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .tcw-service-modern .tcw-detail-hero {
    padding-top: 96px !important;
    padding-bottom: 42px !important;
  }

  .tcw-service-modern .tcw-detail-breadcrumb {
    justify-content: flex-start !important;
    margin-bottom: 24px;
  }

  .tcw-service-modern .tcw-detail-hero-copy h1 {
    font-size: clamp(2.38rem, 12vw, 3.35rem) !important;
  }

  .tcw-service-modern .tcw-detail-hero-copy p {
    font-size: 0.94rem;
    line-height: 1.72;
  }

  .tcw-service-modern .tcw-detail-actions {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 12px;
  }

  .tcw-service-modern .tcw-detail-btn {
    justify-content: center;
    min-height: 54px;
    width: 100%;
  }

  .tcw-service-modern .tcw-detail-hero-media {
    margin-top: 10px;
  }

  .tcw-service-stats {
    gap: 10px;
    margin-top: 20px;
  }

  .tcw-service-stats article {
    min-height: 116px;
    padding: 18px 14px;
  }

  .tcw-service-stats i {
    width: 34px;
    height: 34px;
    font-size: 0.86rem;
  }

  .tcw-service-stats strong {
    margin-top: 14px;
    font-size: 1.55rem;
  }

  .tcw-service-stats span {
    margin-top: 6px;
    font-size: 0.75rem;
    line-height: 1.25;
  }

  .tcw-service-modern .tcw-detail-section {
    padding: 46px 0 !important;
  }

  .tcw-service-modern .tcw-detail-heading h2 {
    font-size: clamp(1.9rem, 9vw, 2.45rem) !important;
  }

  .tcw-service-modern .tcw-process-card {
    padding: 24px !important;
  }

  .tcw-service-modern .tcw-process-card:not(:last-child)::after {
    bottom: -36px;
    font-size: 1.5rem;
  }

  .tcw-service-modern .tcw-tech-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 9px;
  }

  .tcw-service-modern .tcw-tech-card {
    min-height: 82px;
    padding: 12px 8px !important;
    gap: 8px;
  }

  .tcw-service-modern .tcw-tech-card i {
    font-size: 1.7rem;
  }

  .tcw-service-modern .tcw-tech-card span {
    font-size: 0.64rem;
    line-height: 1.15;
  }

  .tcw-service-modern .tcw-detail-cta {
    padding: 24px 18px !important;
  }

  .tcw-service-modern .tcw-detail-cta h2 {
    font-size: 1.7rem !important;
  }
}

@media (max-width: 380px) {
  .tcw-service-modern .tcw-tech-grid {
    gap: 7px;
  }

  .tcw-service-modern .tcw-tech-card {
    min-height: 76px;
  }

  .tcw-service-modern .tcw-tech-card i {
    font-size: 1.45rem;
  }

  .tcw-service-modern .tcw-tech-card span {
    font-size: 0.58rem;
  }
}

/* Final footer restore and service-process arrow alignment */
.tcw-footer {
  text-align: initial !important;
}

.tcw-footer-logo img {
  margin-inline: 0 !important;
}

.tcw-footer .cs-address_widgert ul,
.tcw-footer .menu {
  display: block !important;
  justify-items: initial !important;
}

.tcw-footer .cs-footer_newsletter_form,
.tcw-footer .cs-social_btns {
  justify-content: flex-start !important;
  margin-inline: 0 !important;
}

.tcw-service-modern .tcw-process-grid {
  overflow: visible;
}

.tcw-service-modern .tcw-process-card:not(:last-child)::after {
  z-index: 3;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: #ffffff;
  text-shadow: 0 0 18px rgba(56, 189, 248, 0.55);
}

@media (min-width: 992px) {
  .tcw-service-modern .tcw-process-card:not(:last-child)::after {
    content: "\f061" !important;
    top: 50% !important;
    right: calc(clamp(24px, 4vw, 54px) / -1 - 19px) !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .tcw-service-modern .tcw-process-grid {
    gap: 38px !important;
  }

  .tcw-service-modern .tcw-process-card:not(:last-child)::after {
    right: -38px !important;
    width: 38px;
    height: 38px;
    font-size: 1.45rem !important;
  }
}

@media (max-width: 991px) {
  .tcw-service-modern .tcw-process-grid {
    gap: 56px !important;
  }

  .tcw-service-modern .tcw-process-card:not(:last-child)::after {
    content: "\f063" !important;
    top: auto !important;
    right: 50% !important;
    bottom: -48px !important;
    transform: translateX(50%) !important;
  }
}

@media (max-width: 767px) {
  .tcw-service-modern .tcw-process-grid {
    gap: 48px !important;
  }

  .tcw-service-modern .tcw-process-card:not(:last-child)::after {
    bottom: -42px !important;
    width: 32px;
    height: 32px;
    font-size: 1.25rem !important;
  }
}

/* Final portfolio detail redesign */
.tcw-portfolio-modern {
  --tcw-portfolio-card: linear-gradient(145deg, rgba(9, 21, 45, 0.94), rgba(4, 10, 24, 0.98));
  --tcw-portfolio-border: rgba(125, 211, 252, 0.2);
  --tcw-portfolio-blue: #168cff;
  background:
    radial-gradient(circle at 70% 10%, rgba(37, 99, 235, 0.24), transparent 28%),
    radial-gradient(circle at 16% 36%, rgba(56, 189, 248, 0.1), transparent 30%),
    linear-gradient(180deg, #030712 0%, #071326 44%, #030712 100%) !important;
  color: #ffffff;
}

.tcw-portfolio-modern .tcw-detail-hero {
  padding-top: clamp(122px, 12vw, 165px) !important;
  padding-bottom: clamp(42px, 6vw, 74px) !important;
  background:
    radial-gradient(circle at 66% 34%, rgba(37, 99, 235, 0.26), transparent 30%),
    linear-gradient(180deg, rgba(4, 10, 24, 0.16), rgba(4, 10, 24, 0.72)) !important;
}

.tcw-portfolio-modern .tcw-detail-hero::before,
.tcw-portfolio-modern .tcw-detail-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(56, 189, 248, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.026) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 70%);
}

.tcw-portfolio-modern .tcw-detail-hero .container,
.tcw-portfolio-modern .tcw-detail-section .container {
  position: relative;
  z-index: 1;
}

.tcw-portfolio-modern .tcw-detail-breadcrumb {
  justify-content: flex-start;
  margin-bottom: clamp(28px, 4vw, 52px);
  color: #9cafcc;
}

.tcw-portfolio-modern .tcw-detail-breadcrumb a,
.tcw-portfolio-modern .tcw-detail-breadcrumb span {
  color: #dbeafe;
}

.tcw-portfolio-modern .tcw-detail-hero-grid {
  display: grid;
  align-items: center;
  gap: clamp(30px, 6vw, 76px);
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  grid-template-areas:
    "copy media"
    "actions media";
}

.tcw-portfolio-modern .tcw-detail-hero-copy {
  grid-area: copy;
}

.tcw-portfolio-modern .tcw-detail-hero-media {
  grid-area: media;
}

.tcw-portfolio-modern .tcw-detail-actions {
  grid-area: actions;
}

.tcw-portfolio-modern .tcw-detail-eyebrow {
  display: inline-flex;
  width: fit-content;
  min-height: 34px;
  align-items: center;
  padding: 0 14px;
  border-radius: 8px;
  background: rgba(37, 99, 235, 0.24);
  color: #21c6ff !important;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.tcw-portfolio-modern .tcw-detail-hero-copy h1 {
  max-width: 700px;
  margin: 22px 0;
  color: #ffffff !important;
  font-size: clamp(3.25rem, 5.5vw, 5.9rem);
  line-height: 1.03;
}

.tcw-portfolio-modern .tcw-detail-hero-copy h1 span,
.tcw-portfolio-modern .tcw-detail-heading h2 span {
  display: block;
  color: var(--tcw-portfolio-blue) !important;
}

.tcw-portfolio-modern .tcw-detail-hero-copy p,
.tcw-portfolio-modern .tcw-detail-richtext,
.tcw-portfolio-modern .tcw-process-card p,
.tcw-portfolio-modern .tcw-detail-info-card span,
.tcw-portfolio-modern .tcw-feature-mini p,
.tcw-portfolio-modern .tcw-detail-cta p,
.tcw-portfolio-modern .tcw-cta-stats span {
  color: #b8c7df !important;
}

.tcw-portfolio-modern .tcw-detail-hero-copy p {
  max-width: 560px;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  line-height: 1.85;
}

.tcw-portfolio-modern .tcw-detail-actions {
  justify-content: flex-start !important;
  gap: 18px;
  margin-top: 12px;
}

.tcw-portfolio-modern .tcw-detail-btn {
  min-height: 58px;
  padding: 0 28px;
  border-radius: 7px;
  font-size: 0.86rem;
  font-weight: 900;
  text-transform: none;
}

.tcw-portfolio-modern .tcw-detail-btn-primary,
.tcw-portfolio-modern .tcw-detail-btn-light {
  border-color: transparent !important;
  background: linear-gradient(135deg, #1ea7ff, #153dff) !important;
  color: #ffffff !important;
  box-shadow: 0 20px 42px rgba(20, 83, 255, 0.32);
}

.tcw-portfolio-modern .tcw-detail-btn-outline {
  border-color: rgba(219, 234, 254, 0.28) !important;
  background: rgba(3, 7, 18, 0.34) !important;
  color: #ffffff !important;
}

.tcw-portfolio-modern .tcw-detail-hero-media,
.tcw-portfolio-modern .tcw-detail-video {
  border: 1px solid rgba(125, 211, 252, 0.2) !important;
  border-radius: 14px !important;
  background: var(--tcw-portfolio-card) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 34px 90px rgba(0, 0, 0, 0.24) !important;
}

.tcw-portfolio-modern .tcw-detail-hero-media {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tcw-portfolio-modern .tcw-detail-hero-media::before {
  border-color: rgba(37, 99, 235, 0.34) !important;
  opacity: 0.7;
}

.tcw-portfolio-modern .tcw-detail-hero-media img,
.tcw-portfolio-modern .tcw-detail-video img,
.tcw-portfolio-modern .tcw-project-gallery img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.tcw-portfolio-modern .tcw-detail-hero-media img {
  object-fit: contain;
  filter: drop-shadow(0 34px 60px rgba(0, 70, 255, 0.2));
}

.tcw-portfolio-modern .tcw-detail-section {
  position: relative;
  padding: clamp(54px, 7vw, 88px) 0 !important;
  background: transparent !important;
}

.tcw-portfolio-modern .tcw-detail-heading {
  margin-bottom: clamp(28px, 4vw, 50px);
}

.tcw-portfolio-modern .tcw-detail-heading.text-center .tcw-detail-eyebrow {
  margin-inline: auto;
}

.tcw-portfolio-modern .tcw-detail-section > .container > .tcw-detail-heading.text-center {
  display: grid;
  justify-items: center;
  text-align: center;
}

.tcw-portfolio-modern .tcw-about-detail-section .tcw-detail-heading {
  display: grid;
  justify-items: start;
}

.tcw-portfolio-modern .tcw-detail-heading h2 {
  color: #ffffff !important;
  font-size: clamp(2.1rem, 4vw, 3.35rem);
  line-height: 1.14;
}

.tcw-portfolio-modern .tcw-detail-heading.text-center h2 {
  margin: 14px auto 0;
}

.tcw-portfolio-modern .tcw-detail-heading h2::after {
  left: 50% !important;
  margin-left: 0 !important;
  transform: translateX(-50%) !important;
  background: var(--tcw-portfolio-blue) !important;
  box-shadow: 0 0 18px rgba(30, 166, 255, 0.42);
}

.tcw-portfolio-modern .tcw-about-detail-section .tcw-detail-heading h2::after {
  left: 0 !important;
  transform: none !important;
}

.tcw-portfolio-modern .tcw-about-detail-section .tcw-detail-heading h2 span {
  display: inline;
}

.tcw-portfolio-modern .tcw-process-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(26px, 4vw, 54px);
  margin-top: clamp(44px, 6vw, 70px);
}

.tcw-portfolio-modern .tcw-process-grid::before {
  display: none !important;
}

.tcw-portfolio-modern .tcw-process-card,
.tcw-portfolio-modern .tcw-feature-mini,
.tcw-portfolio-modern .tcw-detail-info-card,
.tcw-portfolio-modern .tcw-tech-card,
.tcw-portfolio-modern .tcw-cta-stats > div {
  border: 1px solid var(--tcw-portfolio-border) !important;
  border-radius: 12px !important;
  background: var(--tcw-portfolio-card) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 24px 72px rgba(0,0,0,.22) !important;
}

.tcw-portfolio-modern .tcw-process-card {
  position: relative;
  min-height: 214px;
  padding: clamp(30px, 3vw, 42px) !important;
}

.tcw-portfolio-modern .tcw-process-icon,
.tcw-portfolio-modern .tcw-feature-mini > i,
.tcw-portfolio-modern .tcw-detail-info-card i,
.tcw-portfolio-modern .tcw-cta-stats i {
  display: inline-grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1da6ff, #173cff) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.32);
}

.tcw-portfolio-modern .tcw-process-card .tcw-process-icon {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  z-index: 4;
}

.tcw-portfolio-modern .tcw-process-icon i {
  color: #ffffff !important;
  font-size: 1.15rem;
  line-height: 1;
}

.tcw-portfolio-modern .tcw-process-card:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(clamp(26px, 4vw, 54px) / -1 - 14px);
  width: clamp(30px, 4vw, 54px);
  border-top: 1px dashed rgba(56, 189, 248, 0.55);
}

.tcw-portfolio-modern .tcw-process-card > span {
  color: var(--tcw-portfolio-blue) !important;
  font-size: 1.3rem;
  font-weight: 900;
}

.tcw-portfolio-modern .tcw-process-card h3,
.tcw-portfolio-modern .tcw-feature-mini h4,
.tcw-portfolio-modern .tcw-detail-info-card strong,
.tcw-portfolio-modern .tcw-tech-card span,
.tcw-portfolio-modern .tcw-detail-cta h2,
.tcw-portfolio-modern .tcw-cta-stats strong {
  color: #ffffff !important;
}

.tcw-portfolio-modern .tcw-about-detail-grid {
  align-items: center;
  grid-template-columns: minmax(0, 0.9fr) minmax(440px, 1.1fr);
  gap: clamp(34px, 6vw, 78px);
}

.tcw-portfolio-modern .tcw-portfolio-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px;
  margin-top: 34px;
}

.tcw-portfolio-modern .tcw-feature-mini {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  padding: 18px !important;
}

.tcw-portfolio-modern .tcw-feature-mini > i {
  width: 42px;
  height: 42px;
  border-radius: 10px;
}

.tcw-portfolio-modern .tcw-portfolio-demo-fact {
  grid-column: 1 / -1;
}

.tcw-portfolio-modern .tcw-detail-info-card {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 18px;
  overflow: hidden;
}

.tcw-portfolio-modern .tcw-detail-info-card > div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: 12px;
  row-gap: 10px;
  padding: 18px 16px;
  align-items: center;
  align-content: start;
  min-width: 0;
  border-right: 1px solid rgba(125, 211, 252, 0.16);
}

.tcw-portfolio-modern .tcw-detail-info-card > div:last-child {
  border-right: 0;
}

.tcw-portfolio-modern .tcw-detail-info-card i {
  width: 38px;
  height: 38px;
  border-radius: 10px;
}

.tcw-portfolio-modern .tcw-detail-info-card span {
  grid-column: 1 / -1;
  min-width: 0;
  padding-left: 0;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.tcw-portfolio-modern .tcw-detail-info-card > div:not(:last-child) span,
.tcw-portfolio-modern .tcw-detail-info-card strong {
  white-space: nowrap;
}

.tcw-portfolio-modern .tcw-detail-info-card > div:nth-child(3) span {
  overflow-wrap: normal;
  word-break: keep-all;
}

.tcw-portfolio-modern .tcw-detail-info-card > div:last-child span {
  white-space: nowrap;
  word-break: keep-all;
}

.tcw-portfolio-modern .tcw-portfolio-demo-fact a {
  color: var(--tcw-portfolio-blue) !important;
  font-weight: 800;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.tcw-portfolio-modern .tcw-portfolio-demo-fact a:hover {
  color: #ffffff !important;
}

.tcw-portfolio-modern .tcw-project-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.tcw-portfolio-modern .tcw-project-gallery > div {
  padding: 16px;
  border: 1px solid var(--tcw-portfolio-border);
  border-radius: 12px;
  background: var(--tcw-portfolio-card);
}

.tcw-portfolio-modern .tcw-project-gallery img {
  aspect-ratio: 16 / 10;
}

.tcw-portfolio-modern .tcw-tech-heading {
  margin-top: clamp(38px, 5vw, 62px);
}

.tcw-portfolio-modern .tcw-tech-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 14px;
}

.tcw-portfolio-modern .tcw-tech-card {
  min-height: 82px;
  display: grid;
  place-items: center;
  gap: 9px;
  padding: 16px 12px !important;
  text-align: center;
}

.tcw-portfolio-modern .tcw-tech-card i {
  color: var(--tcw-portfolio-blue) !important;
  font-size: 2rem;
}

.tcw-portfolio-modern .tcw-tech-card span {
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.2;
  overflow-wrap: anywhere;
  white-space: normal;
}

.tcw-portfolio-modern .tcw-detail-cta {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1.18fr);
  gap: clamp(24px, 5vw, 58px);
  margin-top: 34px;
  padding: clamp(30px, 5vw, 50px) !important;
  border: 1px solid rgba(125, 211, 252, 0.18) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #0878ff, #3310c8) !important;
}

.tcw-portfolio-modern .tcw-detail-cta h2 {
  font-size: clamp(2.1rem, 4vw, 3.35rem);
  line-height: 1.08;
}

.tcw-portfolio-modern .tcw-cta-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tcw-portfolio-modern .tcw-cta-stats > div {
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center;
}

.tcw-portfolio-modern .tcw-cta-stats > div:last-child {
  border-right: 0 !important;
}

@media (max-width: 1200px) {
  .tcw-portfolio-modern .tcw-detail-hero-grid,
  .tcw-portfolio-modern .tcw-about-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.95fr);
  }

  .tcw-portfolio-modern .tcw-tech-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .tcw-portfolio-modern .tcw-detail-hero-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "copy"
      "media"
      "actions";
  }

  .tcw-portfolio-modern .tcw-about-detail-grid,
  .tcw-portfolio-modern .tcw-detail-cta {
    grid-template-columns: 1fr !important;
  }

  .tcw-portfolio-modern .tcw-process-grid {
    grid-template-columns: 1fr !important;
    gap: 48px;
  }

  .tcw-portfolio-modern .tcw-process-card:not(:last-child)::after {
    content: "\f063";
    top: auto;
    right: 50%;
    bottom: -40px;
    width: auto;
    border: 0;
    color: #23c4ff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translateX(50%);
  }

  .tcw-portfolio-modern .tcw-process-card .tcw-process-icon {
    position: static;
    display: inline-grid;
    margin-right: 12px;
    transform: none;
    vertical-align: middle;
  }

  .tcw-portfolio-modern .tcw-process-card > span {
    display: inline-block;
    vertical-align: middle;
  }

  .tcw-portfolio-modern .tcw-detail-info-card {
    grid-template-columns: 1fr;
  }

  .tcw-portfolio-modern .tcw-detail-info-card > div {
    border-right: 0;
    border-bottom: 1px solid rgba(125, 211, 252, 0.16);
  }

  .tcw-portfolio-modern .tcw-detail-info-card > div:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 767px) {
  .tcw-portfolio-modern .tcw-detail-hero {
    padding-top: 98px !important;
    padding-bottom: 40px !important;
  }

  .tcw-portfolio-modern .tcw-detail-breadcrumb {
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px 14px;
    margin-bottom: 24px;
    text-align: left;
  }

  .tcw-portfolio-modern .tcw-detail-breadcrumb a,
  .tcw-portfolio-modern .tcw-detail-breadcrumb i {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    line-height: 1;
  }

  .tcw-portfolio-modern .tcw-detail-breadcrumb span {
    flex: 0 0 100%;
    margin-top: 14px;
    line-height: 1.45;
  }

  .tcw-portfolio-modern .tcw-detail-hero-copy,
  .tcw-portfolio-modern .tcw-detail-hero-copy h1,
  .tcw-portfolio-modern .tcw-detail-hero-copy p {
    text-align: left !important;
  }

  .tcw-portfolio-modern .tcw-detail-hero-copy h1 {
    font-size: clamp(2.35rem, 11vw, 3.35rem) !important;
  }

  .tcw-portfolio-modern .tcw-detail-actions {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 12px;
  }

  .tcw-portfolio-modern .tcw-detail-btn {
    justify-content: center;
    width: 100%;
  }

  .tcw-portfolio-modern .tcw-detail-section {
    padding: 44px 0 !important;
  }

  .tcw-portfolio-modern .tcw-detail-heading h2 {
    font-size: clamp(1.75rem, 8vw, 2.4rem) !important;
  }

  .tcw-portfolio-modern .tcw-detail-section > .container > .tcw-detail-heading.text-center {
    margin-bottom: 34px;
  }

  .tcw-portfolio-modern .tcw-detail-heading.text-center h2 {
    max-width: 100%;
    margin-top: 12px;
  }

  .tcw-portfolio-modern .tcw-about-detail-section .tcw-detail-heading {
    justify-items: start;
    text-align: left;
  }

  .tcw-portfolio-modern .tcw-about-detail-section .tcw-detail-heading h2 {
    max-width: 100%;
    margin-top: 12px;
  }

  .tcw-portfolio-modern .tcw-detail-heading h2::after {
    margin-top: 12px !important;
  }

  .tcw-portfolio-modern .tcw-process-grid {
    margin-top: 38px;
  }

  .tcw-portfolio-modern .tcw-portfolio-facts,
  .tcw-portfolio-modern .tcw-project-gallery,
  .tcw-portfolio-modern .tcw-tech-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .tcw-portfolio-modern .tcw-feature-mini {
    grid-template-columns: 1fr !important;
    justify-items: start;
    align-content: start;
    padding: 14px !important;
  }

  .tcw-portfolio-modern .tcw-feature-mini > i {
    width: 50px;
    height: 50px;
    margin-bottom: 4px;
  }

  .tcw-portfolio-modern .tcw-feature-mini h4,
  .tcw-portfolio-modern .tcw-feature-mini p {
    width: 100%;
  }

  .tcw-portfolio-modern .tcw-portfolio-demo-fact,
  .tcw-portfolio-modern .tcw-project-gallery > div {
    grid-column: 1 / -1;
  }

  .tcw-portfolio-modern .tcw-tech-card {
    min-height: 118px;
  }

  .tcw-portfolio-modern .tcw-detail-cta {
    padding: 26px 18px !important;
    text-align: center;
  }

  .tcw-portfolio-modern .tcw-cta-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0;
  }

  .tcw-portfolio-modern .tcw-cta-stats > div {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    min-height: 112px;
  }

  .tcw-portfolio-modern .tcw-cta-stats > div:nth-last-child(-n + 2) {
    border-bottom: 0 !important;
  }
}

/* Final service polish */
@media (min-width: 992px) {
  .tcw-service-modern .tcw-process-card:not(:last-child)::after {
    content: none !important;
    display: none !important;
  }
}

.tcw-services-page-section .tcw-feature-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(125, 211, 252, 0.18) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(56, 189, 248, 0.16), transparent 36%),
    linear-gradient(155deg, rgba(15, 23, 42, 0.95), rgba(7, 12, 26, 0.98)) !important;
  box-shadow:
    0 22px 54px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.tcw-services-page-section .tcw-feature-card:hover {
  border-color: rgba(56, 189, 248, 0.7) !important;
  background: transparent !important;
  box-shadow:
    0 26px 64px rgba(5, 10, 28, 0.58),
    0 0 34px rgba(56, 189, 248, 0.18) !important;
  transform: translateY(-7px) !important;
}

.tcw-services-page-section .tcw-feature-card:hover .tcw-home-service-icon {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 20px 38px rgba(37, 99, 235, 0.34);
}

.tcw-services-page-section .tcw-feature-card:hover .cs-icon_box_title,
.tcw-services-page-section .tcw-feature-card:hover .cs-icon_box_subtitle {
  color: #ffffff !important;
}

.tcw-services-page-section .tcw-feature-card::after {
  content: "" !important;
  position: absolute;
  left: -76px;
  top: -84px;
  z-index: 1;
  display: block !important;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(56, 189, 248, 0.22);
  border-radius: 50%;
  background: rgba(56, 189, 248, 0.12) !important;
  opacity: 1 !important;
  transition: transform 0.35s ease, background 0.35s ease, opacity 0.35s ease;
}

.tcw-services-page-section .tcw-feature-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  display: block !important;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at 16% 8%, rgba(37, 99, 235, 0.78), transparent 33%),
    linear-gradient(145deg, #38bdf8 0%, #27c8b4 48%, #23c769 100%) !important;
  transition: opacity 0.28s ease;
}

.tcw-services-page-section .tcw-feature-card:hover::before {
  display: block !important;
  opacity: 1 !important;
}

.tcw-services-page-section .tcw-feature-card:hover::after {
  background: rgba(37, 99, 235, 0.82) !important;
  border-color: rgba(37, 99, 235, 0.5);
  transform: scale(1.08) translate(10px, 8px);
}

.tcw-services-page-section .tcw-feature-card .cs-icon_box_in {
  position: relative;
  z-index: 2;
}

.tcw-services-page-section .tcw-feature-card:hover .tcw-home-service-icon {
  background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
}

.tcw-offers-page .tcw-premium-offer-card.is-hidden {
  display: none !important;
}

/* Final client dashboard responsive polish */
.tcw-dashboard-overview-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 16px;
  align-items: stretch;
  margin-bottom: 18px;
}

.tcw-dashboard-overview-row .tcw-premium-stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-bottom: 0;
}

.tcw-dashboard-overview-row .tcw-premium-stat-grid article:nth-child(5) {
  grid-column: 1 / -1;
}

.tcw-premium-stat-grid article {
  isolation: isolate;
  align-content: start;
}

.tcw-premium-stat-grid .is-purple { color: #8b5cf6; }
.tcw-premium-stat-grid .is-blue { color: #3b82f6; }
.tcw-premium-stat-grid .is-green { color: #22c55e; }
.tcw-premium-stat-grid .is-orange { color: #f97316; }
.tcw-premium-stat-grid .is-red { color: #f43f5e; }

.tcw-premium-stat-grid article .tcw-client-stat-spark {
  position: static;
  grid-column: 1 / -1;
  z-index: 0;
  width: 100%;
  height: 54px;
  margin-top: auto;
  overflow: visible;
}

.tcw-premium-stat-grid article .tcw-client-stat-spark polyline {
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 8px currentColor);
}

.tcw-premium-stat-grid article > i,
.tcw-premium-stat-grid article > div {
  position: relative;
  z-index: 1;
}

.tcw-premium-stat-grid article b {
  display: none !important;
}

.tcw-dashboard-overview-row .tcw-updates-card {
  min-height: 100%;
}

@media (max-width: 1199px) {
  .tcw-premium-client-sidebar,
  .tcw-client-sidebar {
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .tcw-premium-client-sidebar::-webkit-scrollbar,
  .tcw-client-sidebar::-webkit-scrollbar {
    width: 6px;
  }

  .tcw-premium-client-sidebar::-webkit-scrollbar-track,
  .tcw-client-sidebar::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.7);
  }

  .tcw-premium-client-sidebar::-webkit-scrollbar-thumb,
  .tcw-client-sidebar::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: linear-gradient(180deg, #38bdf8, #2563eb);
  }
}

@media (max-width: 991px) {
  .tcw-dashboard-overview-row {
    grid-template-columns: 1fr;
  }

  .tcw-dashboard-overview-row .tcw-premium-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .tcw-dashboard-overview-row .tcw-updates-card {
    order: 2;
  }
}

@media (max-width: 520px) {
  .tcw-dashboard-overview-row .tcw-premium-stat-grid {
    gap: 10px;
  }

  .tcw-dashboard-overview-row .tcw-premium-stat-grid article {
    min-height: 148px;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    padding: 14px;
  }

  .tcw-dashboard-overview-row .tcw-premium-stat-grid article > i {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    font-size: 1rem;
  }

  .tcw-dashboard-overview-row .tcw-premium-stat-grid strong {
    font-size: 1.25rem;
  }

  .tcw-dashboard-overview-row .tcw-premium-stat-grid span,
  .tcw-dashboard-overview-row .tcw-premium-stat-grid small {
    font-size: 0.78rem;
    line-height: 1.35;
  }

  .tcw-premium-stat-grid article .tcw-client-stat-spark {
    height: 46px;
    margin-top: 8px;
  }
}

/* Final services listing redesign */
.tcw-service-index {
  min-height: 100vh;
  color: #eef6ff;
  background:
    radial-gradient(circle at 50% 10%, rgba(37, 99, 235, 0.16), transparent 24%),
    radial-gradient(circle at 88% 2%, rgba(56, 189, 248, 0.1), transparent 24%),
    linear-gradient(180deg, #030814 0%, #06101f 46%, #030814 100%);
}

.tcw-service-index .container {
  width: min(100% - 48px, 1180px);
}

.tcw-service-index-hero {
  padding: clamp(130px, 14vw, 168px) 0 38px;
  background:
    radial-gradient(circle at 50% 72%, rgba(30, 166, 255, 0.18), transparent 24%),
    linear-gradient(90deg, rgba(56, 189, 248, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(56, 189, 248, 0.035) 1px, transparent 1px);
  background-size: auto, 24px 24px, 24px 24px;
}

.tcw-service-index-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 58px;
  color: #9fb0ca;
  font-size: 0.84rem;
  font-weight: 800;
}

.tcw-service-index-breadcrumb a,
.tcw-service-index-breadcrumb span {
  color: #dbeafe;
  text-decoration: none;
}

.tcw-service-index-breadcrumb i {
  color: #38bdf8;
  font-size: 0.72rem;
}

.tcw-service-index-heading {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.tcw-service-index-heading h1,
.tcw-service-index-heading h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2.65rem, 5vw, 4.55rem);
  line-height: 1.04;
}

.tcw-service-index-heading h1 span,
.tcw-service-index-heading h2 span,
.tcw-service-index-heading > span,
.tcw-service-tech-panel-index > span {
  color: #1fc5ff;
}

.tcw-service-index-heading p {
  max-width: 650px;
  margin: 18px auto 0;
  color: #a9bad4;
  font-size: 1.02rem;
  line-height: 1.8;
}

.tcw-service-index-heading h1::after,
.tcw-service-index-heading h2::after,
.tcw-service-tech-panel-index > span::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  margin: 18px auto 0;
  border-radius: 999px;
  background: #1fc5ff;
  box-shadow: 0 0 20px rgba(31, 197, 255, 0.45);
}

.tcw-service-index-section {
  padding: 30px 0 74px;
}

.tcw-service-index-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.tcw-service-index-card {
  min-width: 0;
}

.tcw-service-index-card a {
  position: relative;
  isolation: isolate;
  min-height: 466px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 42px 34px 34px;
  border: 1px solid rgba(125, 211, 252, 0.16);
  border-radius: 10px;
  color: #ffffff;
  text-decoration: none;
  background:
    radial-gradient(circle at 16% 12%, rgba(37, 99, 235, 0.14), transparent 30%),
    linear-gradient(155deg, rgba(12, 23, 47, 0.92), rgba(4, 10, 24, 0.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 24px 64px rgba(0,0,0,.25);
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

.tcw-service-index-card a::before {
  display: none;
}

.tcw-service-index-card a:hover {
  border-color: rgba(56, 189, 248, 0.54);
  transform: translateY(-8px);
  box-shadow: 0 30px 76px rgba(0,0,0,.36), 0 0 0 1px rgba(56, 189, 248, 0.08);
}

.tcw-service-index-card a:hover::before {
  display: none;
}

.tcw-service-index-icon {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  margin-bottom: 30px;
  border-radius: 50%;
  color: #ffffff;
  background: linear-gradient(135deg, #1fc5ff, #2563eb);
  box-shadow: 0 18px 38px rgba(37, 99, 235, 0.32);
  font-size: 1.65rem;
}

.tcw-service-index-icon img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.tcw-service-index-card h2 {
  max-width: 260px;
  margin: 0 0 18px;
  color: #ffffff;
  font-size: clamp(1.38rem, 2vw, 1.75rem);
  line-height: 1.16;
}

.tcw-service-index-card p {
  margin: 0 0 22px;
  color: #a9bad4;
  line-height: 1.75;
}

.tcw-service-index-card ul {
  display: grid;
  gap: 12px;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.tcw-service-index-card li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #c6d4e8;
  font-size: 0.9rem;
  line-height: 1.35;
}

.tcw-service-index-card li i,
.tcw-service-index-card b i {
  color: #38bdf8;
}

.tcw-service-index-card b {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  color: #38bdf8;
  font-size: 0.92rem;
}

.tcw-service-why-panel,
.tcw-service-index-cta {
  margin-top: 54px;
  padding: clamp(28px, 4vw, 42px);
  border: 1px solid rgba(125, 211, 252, 0.16);
  border-radius: 10px;
  background:
    radial-gradient(circle at 12% 12%, rgba(37, 99, 235, 0.13), transparent 30%),
    linear-gradient(155deg, rgba(12, 23, 47, 0.9), rgba(4, 10, 24, 0.96));
}

.tcw-service-why-panel h2 {
  margin: 0 0 28px;
  color: #ffffff;
  text-align: center;
  font-size: clamp(1.55rem, 3vw, 2.2rem);
}

.tcw-service-why-panel h2::after {
  content: "";
  display: block;
  width: 46px;
  height: 3px;
  margin: 14px auto 0;
  border-radius: 999px;
  background: #1fc5ff;
}

.tcw-service-why-panel > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tcw-service-why-panel article {
  min-width: 0;
  padding: 4px 18px;
  text-align: center;
}

.tcw-service-why-panel article + article {
  border-left: 1px solid rgba(125, 211, 252, 0.13);
}

.tcw-service-why-panel i {
  margin-bottom: 14px;
  color: #38bdf8;
  font-size: 2rem;
  filter: drop-shadow(0 0 14px rgba(37, 99, 235, 0.5));
}

.tcw-service-why-panel h3,
.tcw-service-process-grid h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 1rem;
}

.tcw-service-why-panel p,
.tcw-service-process-grid p {
  margin: 0;
  color: #a9bad4;
  font-size: 0.9rem;
  line-height: 1.6;
}

.tcw-service-process-panel {
  margin-top: 62px;
}

.tcw-service-index-heading.is-small > span {
  display: block;
  margin-bottom: 10px;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tcw-service-index-heading.is-small h2 {
  font-size: clamp(1.7rem, 3vw, 2.35rem);
}

.tcw-service-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 56px);
  margin-top: 48px;
}

.tcw-service-process-grid article {
  position: relative;
  min-height: 214px;
  padding: 32px;
  border: 1px solid rgba(125, 211, 252, 0.16);
  border-radius: 10px;
  background: linear-gradient(155deg, rgba(12, 23, 47, 0.88), rgba(4, 10, 24, 0.96));
}

.tcw-service-process-grid article:not(:last-child)::after {
  display: none;
}

.tcw-service-process-grid article > i {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 50%;
  color: #ffffff;
  background: linear-gradient(135deg, #1fc5ff, #2563eb);
}

.tcw-service-process-grid b {
  display: block;
  color: #38bdf8;
  font-size: 1.2rem;
}

.tcw-service-tech-panel-index {
  margin-top: 58px;
  text-align: center;
}

.tcw-service-tech-panel-index > span {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tcw-service-tech-panel-index > div {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
}

.tcw-service-tech-panel-index article {
  min-height: 100px;
  display: grid;
  place-items: center;
  gap: 8px;
  padding: 16px 10px;
  border: 1px solid rgba(125, 211, 252, 0.16);
  border-radius: 10px;
  background: linear-gradient(155deg, rgba(12, 23, 47, 0.88), rgba(4, 10, 24, 0.96));
}

.tcw-service-tech-panel-index i {
  color: #38bdf8;
  font-size: 2.2rem;
}

.tcw-service-tech-panel-index b {
  color: #ffffff;
  font-size: 0.82rem;
}

.tcw-service-index-cta {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.9fr) auto;
  gap: 26px;
  align-items: center;
  margin-top: 54px;
  background: linear-gradient(135deg, #0878ff, #3310c8) !important;
}

.tcw-service-index-cta h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.8rem, 3vw, 2.75rem);
  line-height: 1.1;
}

.tcw-service-index-cta p {
  max-width: 560px;
  margin: 12px 0 0;
  color: #dbeafe;
  line-height: 1.6;
}

.tcw-service-index-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tcw-service-index-stats span {
  padding: 0 22px;
  border-left: 1px solid rgba(255,255,255,.22);
  text-align: center;
}

.tcw-service-index-stats strong,
.tcw-service-index-stats small {
  display: block;
  color: #ffffff;
}

.tcw-service-index-stats strong {
  font-size: 1.65rem;
  line-height: 1;
}

.tcw-service-index-stats small {
  margin-top: 8px;
  color: #dbeafe;
  font-size: 0.82rem;
}

.tcw-service-index-cta > a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 18px;
  border-radius: 8px;
  color: #ffffff;
  background: linear-gradient(135deg, #38bdf8, #2563eb);
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .tcw-service-index-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-service-why-panel > div,
  .tcw-service-tech-panel-index > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .tcw-service-process-grid,
  .tcw-service-index-cta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-service-index-cta > a {
    justify-self: start;
  }
}

@media (max-width: 991px) {
  .tcw-service-index .container {
    width: min(100% - 28px, 1180px);
  }

  .tcw-service-index-hero {
    padding-top: 104px;
  }

  .tcw-service-index-breadcrumb {
    margin-bottom: 34px;
  }

  .tcw-service-index-heading {
    margin-inline: 0;
    text-align: left;
  }

  .tcw-service-index-heading h1::after,
  .tcw-service-index-heading h2::after {
    margin-left: 0;
  }

  .tcw-service-index-grid,
  .tcw-service-process-grid,
  .tcw-service-index-cta {
    grid-template-columns: 1fr;
  }

  .tcw-service-index-card a {
    min-height: 0;
    padding: 28px 22px;
  }

  .tcw-service-process-grid {
    gap: 42px;
  }

  .tcw-service-process-grid article:not(:last-child)::after {
    content: "\f063";
    display: block;
    top: auto;
    right: 50%;
    bottom: -34px;
    transform: translateX(50%);
  }

  .tcw-service-why-panel > div,
  .tcw-service-tech-panel-index > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-service-why-panel article {
    border-left: 0 !important;
    padding: 18px 10px;
  }

  .tcw-service-index-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tcw-service-index-stats span:first-child {
    border-left: 0;
  }
}

@media (max-width: 575px) {
  .tcw-service-index-heading h1,
  .tcw-service-index-heading h2 {
    font-size: clamp(2.2rem, 12vw, 3.2rem);
  }

  .tcw-service-index-card h2 {
    font-size: 1.25rem;
  }

  .tcw-service-why-panel,
  .tcw-service-index-cta {
    padding: 22px 16px;
  }

  .tcw-service-index-stats,
  .tcw-service-tech-panel-index > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-service-index-stats span {
    padding: 14px 10px;
  }

  .tcw-service-index-stats span:nth-child(odd) {
    border-left: 0;
  }

  .tcw-service-index-cta > a {
    width: 100%;
  }
}

/* Editorial blog detail page */
.tcw-article-page {
  min-height: 100vh;
  color: #e8f0ff;
  background:
    radial-gradient(circle at 50% 10%, rgba(37, 99, 235, 0.15), transparent 30%),
    radial-gradient(circle at 92% 34%, rgba(124, 58, 237, 0.1), transparent 24%),
    linear-gradient(180deg, #040816 0%, #050b1b 100%);
}

body:has(.tcw-article-page) {
  background: #040816 !important;
  color: #e8f0ff;
}

.tcw-article-container {
  max-width: 1190px;
}

.tcw-article-header {
  padding: clamp(118px, 12vw, 144px) 0 30px;
}

.tcw-article-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 11px;
  margin-bottom: 20px;
  color: #8fa6cf;
  font-size: 0.78rem;
}

.tcw-article-breadcrumb a {
  color: #39bdf8;
  text-decoration: none;
}

.tcw-article-breadcrumb i {
  color: #526784;
  font-size: 0.58rem;
}

.tcw-article-breadcrumb span {
  min-width: 0;
  color: #c7d5ee;
}

.tcw-article-category {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  margin-bottom: 14px;
  padding: 0 11px;
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 6px;
  color: #4bc5ff;
  background: rgba(37, 99, 235, 0.2);
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
}

.tcw-article-header h1 {
  max-width: 890px;
  margin: 0 0 22px;
  color: #fff;
  font-size: clamp(2rem, 4.2vw, 3.45rem);
  font-weight: 800;
  line-height: 1.12;
}

.tcw-article-metadata {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 29px;
  margin-bottom: 39px;
  color: #adbfdd;
  font-size: 0.82rem;
}

.tcw-article-metadata span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.tcw-article-metadata i {
  color: #35b8fc;
}

.tcw-article-cover {
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(112, 143, 202, 0.4);
  border-radius: 8px;
  background: #07132c;
  box-shadow: 0 26px 58px rgba(1, 8, 24, 0.4);
}

.tcw-article-cover img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 1.15;
  object-fit: cover;
}

.tcw-article-content {
  padding: 20px 0 28px;
}

.tcw-article-layout {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) 286px;
  gap: 28px;
  align-items: start;
}

.tcw-article-share {
  position: sticky;
  top: 104px;
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 14px 0 0;
  border-left: 1px solid rgba(112, 143, 202, 0.23);
}

.tcw-article-share strong {
  margin-bottom: 5px;
  color: #eef4ff;
  font-size: 0.66rem;
  font-weight: 800;
  text-transform: uppercase;
}

.tcw-article-share a,
.tcw-article-author-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(86, 143, 220, 0.28);
  border-radius: 50%;
  color: #dceaff;
  background: rgba(13, 36, 71, 0.92);
  text-decoration: none;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.tcw-article-share a {
  width: 45px;
  height: 45px;
}

.tcw-article-share a:hover,
.tcw-article-author-links a:hover {
  border-color: rgba(56, 189, 248, 0.7);
  color: #fff !important;
  background: #126aec;
}

.tcw-article-main {
  min-width: 0;
}

.tcw-article-body {
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid rgba(112, 143, 202, 0.24);
  border-radius: 8px;
  color: #b9c9e4;
  background: rgba(10, 20, 42, 0.76);
}

.tcw-article-body p {
  margin: 0 0 18px;
  color: #b9c9e4;
  font-size: 0.94rem;
  line-height: 1.82;
}

.tcw-article-body p:last-child {
  margin-bottom: 0;
}

.tcw-article-body .tcw-article-lead {
  margin-bottom: 22px;
  color: #e6eeff;
  font-size: 1.03rem;
  line-height: 1.75;
}

.tcw-article-author {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
  padding: 20px 23px;
  border: 1px solid rgba(112, 143, 202, 0.24);
  border-radius: 8px;
  background: rgba(9, 20, 43, 0.78);
}

.tcw-article-author img,
.tcw-article-author-avatar {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  object-fit: cover;
}

.tcw-article-author-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(135deg, #36bcff, #2848eb);
  font-size: 1.8rem;
  font-weight: 800;
}

.tcw-article-author small {
  display: block;
  margin-bottom: 6px;
  color: #39bdf8;
  font-size: 0.66rem;
  font-weight: 800;
  text-transform: uppercase;
}

.tcw-article-author h2 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 1.24rem;
}

.tcw-article-author p {
  margin: 0;
  color: #aabbd9;
  font-size: 0.82rem;
  line-height: 1.58;
}

.tcw-article-author-links {
  display: flex;
  gap: 9px;
}

.tcw-article-author-links a {
  width: 38px;
  height: 38px;
}

.tcw-article-sidebar {
  position: sticky;
  top: 105px;
  display: grid;
  gap: 22px;
}

.tcw-article-toc,
.tcw-article-cta {
  padding: 24px 22px;
  border: 1px solid rgba(112, 143, 202, 0.25);
  border-radius: 8px;
  background: rgba(10, 21, 43, 0.82);
}

.tcw-article-toc h2 {
  margin: 0 0 21px;
  color: #fff;
  font-size: 0.77rem;
  font-weight: 800;
  text-transform: uppercase;
}

.tcw-article-toc a,
.tcw-article-toc span {
  position: relative;
  display: block;
  padding: 9px 0 9px 26px;
  color: #aebedc;
  font-size: 0.78rem;
  text-decoration: none;
}

.tcw-article-toc a::before,
.tcw-article-toc span::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #283754;
}

.tcw-article-toc .is-active {
  color: #ecf3ff;
}

.tcw-article-toc .is-active::before {
  background: #38bdf8;
}

.tcw-article-cta {
  text-align: center;
}

.tcw-article-cta > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin-bottom: 18px;
  border-radius: 50%;
  color: #52c8ff;
  background: rgba(37, 99, 235, 0.28);
  font-size: 1.35rem;
}

.tcw-article-cta h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 1.12rem;
  line-height: 1.4;
}

.tcw-article-cta p {
  margin: 0 0 20px;
  color: #a8bad9;
  font-size: 0.82rem;
  line-height: 1.65;
}

.tcw-article-cta a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 47px;
  padding: 0 12px;
  border-radius: 6px;
  color: #fff !important;
  background: linear-gradient(105deg, #118df5, #7038fb);
  font-size: 0.7rem;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.tcw-article-related {
  padding: 33px 0 84px;
}

.tcw-article-related-head {
  margin: 0 0 23px 90px;
}

.tcw-article-related-head span {
  display: block;
  margin-bottom: 7px;
  color: #3ac3ff;
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
}

.tcw-article-related-head h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.45rem, 2.5vw, 1.75rem);
}

.tcw-article-related-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-left: 90px;
}

.tcw-article-card {
  display: flex;
  flex-direction: column;
  min-height: 306px;
  overflow: hidden;
  border: 1px solid rgba(112, 143, 202, 0.28);
  border-radius: 8px;
  color: inherit;
  background: rgba(8, 19, 40, 0.82);
  text-decoration: none;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.tcw-article-card:hover {
  border-color: rgba(56, 189, 248, 0.58);
  transform: translateY(-3px);
}

.tcw-article-card img {
  width: 100%;
  aspect-ratio: 1.55 / 1;
  display: block;
  object-fit: cover;
  background: #0b1731;
}

.tcw-article-card time {
  padding: 15px 15px 8px;
  color: #92a9cd;
  font-size: 0.66rem;
}

.tcw-article-card h3 {
  margin: 0;
  padding: 0 15px 13px;
  color: #fff;
  font-size: 0.94rem;
  line-height: 1.45;
}

.tcw-article-card > span {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 0 15px 17px;
  color: #38bdf8;
  font-size: 0.7rem;
  font-weight: 700;
}

.tcw-article-empty {
  grid-column: 1 / -1;
  padding: 32px;
  border: 1px solid rgba(112, 143, 202, 0.2);
  border-radius: 8px;
  color: #a8bad9;
  text-align: center;
}

.tcw-article-related .tcw-load-more-wrap {
  margin-left: 90px;
  margin-top: 25px;
  text-align: center;
}

.tcw-article-related .tcw-load-more-btn {
  min-height: 46px;
  padding: 0 27px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(105deg, #118df5, #7038fb);
  font-size: 0.71rem;
  font-weight: 800;
  text-transform: uppercase;
}

@media (max-width: 1100px) {
  .tcw-article-layout {
    grid-template-columns: 52px minmax(0, 1fr) 252px;
    gap: 20px;
  }

  .tcw-article-related-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .tcw-article-header {
    padding-top: 112px;
  }

  .tcw-article-layout {
    grid-template-columns: 1fr;
  }

  .tcw-article-share {
    position: static;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    border-left: 0;
  }

  .tcw-article-share strong {
    margin: 0 7px 0 0;
  }

  .tcw-article-main {
    grid-row: 2;
  }

  .tcw-article-sidebar {
    position: static;
    grid-row: 3;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tcw-article-related-head,
  .tcw-article-related-grid,
  .tcw-article-related .tcw-load-more-wrap {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .tcw-article-header {
    padding: 102px 0 20px;
  }

  .tcw-article-header h1 {
    margin-bottom: 17px;
    font-size: clamp(1.75rem, 8vw, 2.35rem);
  }

  .tcw-article-metadata {
    gap: 12px 18px;
    margin-bottom: 24px;
  }

  .tcw-article-cover img {
    aspect-ratio: 16 / 9;
  }

  .tcw-article-content {
    padding-top: 14px;
  }

  .tcw-article-author {
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 15px;
    padding: 17px;
  }

  .tcw-article-author img,
  .tcw-article-author-avatar {
    width: 68px;
    height: 68px;
  }

  .tcw-article-author-links {
    grid-column: 2;
  }

  .tcw-article-sidebar {
    grid-template-columns: 1fr;
  }

  .tcw-article-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .tcw-article-breadcrumb span {
    display: none;
  }

  .tcw-article-body {
    padding: 19px 16px;
  }

  .tcw-article-body p {
    font-size: 0.88rem;
  }

  .tcw-article-author {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .tcw-article-author img,
  .tcw-article-author-avatar {
    margin: 0 auto;
  }

  .tcw-article-author-links {
    grid-column: 1;
    justify-content: center;
  }

  .tcw-article-related {
    padding-bottom: 60px;
  }

  .tcw-article-related-grid {
    grid-template-columns: 1fr;
  }

  .tcw-article-card {
    min-height: 0;
  }
}

/* Keep quick-contact actions accessible as a compact side rail on phones. */
@media (max-width: 767px) {
  .tcw-floating-contact,
  .tcw-floating-contact.is-visible {
    top: 50% !important;
    right: 0 !important;
    bottom: auto !important;
    z-index: 99999;
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%) !important;
    pointer-events: none;
  }

  .tcw-floating-contact__icons {
    flex-direction: column;
    gap: 8px;
    padding-right: 8px;
  }

  .tcw-floating-contact__icon {
    width: 34px;
    height: 34px;
    font-size: 14px;
  }

  .tcw-floating-contact__quote {
    width: 38px;
    min-width: 38px;
    height: 108px;
    min-height: 108px !important;
    padding: 0 !important;
    border-radius: 12px 0 0 12px !important;
    pointer-events: auto;
  }

  .tcw-floating-contact__quote span {
    width: 108px;
    height: 38px;
    writing-mode: horizontal-tb;
    transform: rotate(-90deg);
  }
}

/* Match testimonial and blog carousel navigation on the home page. */
.tcw-it-home .tcw-review-arrow,
.tcw-it-home .tcw-blog-rail_arrow {
  border: 1px solid rgba(123, 148, 255, 0.28) !important;
  background: rgba(9, 16, 38, 0.96) !important;
  color: #ffffff !important;
}

.tcw-it-home .tcw-review-arrow:hover,
.tcw-it-home .tcw-blog-rail_arrow:hover {
  border-color: transparent !important;
  background: linear-gradient(135deg, #1768ff, #345dff) !important;
  color: #ffffff !important;
}

/* Give About testimonials the same visual treatment as the Home review rail. */
.tcw-about-page .tcw-reviews-section.client-reviews {
  background:
    radial-gradient(circle at 82% 8%, rgba(56, 189, 248, 0.16), transparent 28%),
    radial-gradient(circle at 12% 24%, rgba(37, 99, 235, 0.13), transparent 30%),
    linear-gradient(180deg, #050915 0%, #081122 48%, #040816 100%) !important;
}

.tcw-about-page .tcw-reviews-section::before {
  display: block !important;
  background:
    linear-gradient(90deg, rgba(56, 189, 248, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(56, 189, 248, 0.04) 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
  opacity: 0.28;
}

.tcw-about-page .tcw-reviews-section .cs-section_title,
.tcw-about-page .tcw-reviews-section .cs-section_title *,
.tcw-about-page .tcw-reviews-section .cs-section_title b {
  color: #ffffff !important;
}

.tcw-about-page .tcw-reviews-section .cs-section_subtitle {
  color: var(--tcw-sky, #38BDF8) !important;
}

.tcw-about-page .tcw-reviews-section .client-review-role,
.tcw-about-page .tcw-reviews-section .client-review-card p {
  color: #a8b7d0 !important;
}

.tcw-about-page .tcw-reviews-section .client-review-card,
.tcw-about-page .tcw-reviews-section .client-review-card.is-featured {
  border: 1px solid rgba(125, 211, 252, 0.18) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(56, 189, 248, 0.16), transparent 36%),
    linear-gradient(155deg, rgba(15, 23, 42, 0.95), rgba(7, 12, 26, 0.98)) !important;
  box-shadow:
    0 22px 54px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.tcw-about-page .tcw-reviews-section .client-review-card:hover {
  border-color: rgba(56, 189, 248, 0.58) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(56, 189, 248, 0.24), transparent 38%),
    linear-gradient(155deg, rgba(15, 23, 42, 0.98), rgba(11, 29, 49, 0.96)) !important;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(56, 189, 248, 0.08) !important;
}

.tcw-about-page .tcw-reviews-section .client-review-author h3,
.tcw-about-page .tcw-reviews-section .tcw-testimonial-card-head h3 {
  color: #ffffff !important;
}

.tcw-about-page .tcw-reviews-section .client-review-avatar,
.tcw-about-page .tcw-reviews-section .tcw-testimonial-avatar {
  border: 1px solid rgba(125, 211, 252, 0.26) !important;
  background: linear-gradient(135deg, var(--tcw-sky, #38BDF8), var(--tcw-blue, #2563EB)) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.26);
}

.tcw-about-page .tcw-review-arrow {
  border: 1px solid rgba(123, 148, 255, 0.28) !important;
  background: rgba(9, 16, 38, 0.96) !important;
  color: #ffffff !important;
}

.tcw-about-page .tcw-review-arrow:hover {
  border-color: transparent !important;
  background: linear-gradient(135deg, #1768ff, #345dff) !important;
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .tcw-about-page .tcw-reviews-section.client-reviews {
    padding-top: 0;
  }

  .tcw-about-page .tcw-reviews-section .cs-height_135 {
    height: 42px !important;
  }

  .tcw-about-page .tcw-reviews-section .cs-height_90,
  .tcw-about-page .tcw-reviews-section .cs-height_140 {
    height: 24px !important;
  }

  .tcw-about-page .tcw-reviews-section .cs-section_heading {
    padding: 0 16px;
  }

  .tcw-about-page .tcw-reviews-section .cs-section_title {
    font-size: clamp(1.45rem, 7vw, 1.95rem);
    line-height: 1.18;
  }

  .tcw-about-page .tcw-review-slider-wrap {
    --tcw-review-edge: 16px;
    padding-top: 4px;
    padding-bottom: 24px;
  }

  .tcw-about-page .tcw-review-slide {
    flex-basis: calc(100vw - 32px);
  }

  .tcw-about-page .tcw-review-slider {
    gap: 14px;
    padding-left: 0;
  }

  .tcw-about-page .client-review-card,
  .tcw-about-page .client-review-card.is-featured {
    min-height: 300px;
    padding: 22px 18px;
    border-radius: 18px;
  }

  .tcw-about-page .client-review-copy p {
    font-size: 0.9rem;
    line-height: 1.65;
  }

  .tcw-about-page .tcw-review-arrow {
    width: 38px;
    height: 38px;
  }

  .tcw-about-page .tcw-review-prev {
    left: 8px;
  }

  .tcw-about-page .tcw-review-next {
    right: 8px;
  }
}

/* Use the Home primary CTA gradient across header interactions and quick quote access. */
.tcw-site-header .tcw-nav_item:hover > a,
.tcw-site-header .tcw-nav_item:hover > .tcw-dropdown_link_group,
.tcw-site-header .tcw-nav_item:focus-within > a,
.tcw-site-header .tcw-nav_item:focus-within > .tcw-dropdown_link_group,
.tcw-site-header .tcw-nav_item.is-active > a,
.tcw-site-header .tcw-nav_item.is-active > .tcw-dropdown_link_group,
.tcw-site-header .tcw-nav_item.is-open > .tcw-dropdown_link_group,
.tcw-site-header .tcw-header_cta,
.tcw-site-header .tcw-header_cta:hover,
.tcw-site-header .tcw-header_icon:hover,
.tcw-floating-contact .tcw-floating-contact__quote,
.tcw-floating-contact .tcw-floating-contact__quote:hover,
.tcw-floating-contact .tcw-floating-contact__quote:focus-visible {
  background: linear-gradient(135deg, #1768ff, #5c2dff) !important;
  color: #ffffff !important;
}

.tcw-site-header .tcw-nav_item:hover > a,
.tcw-site-header .tcw-nav_item:hover > .tcw-dropdown_link_group,
.tcw-site-header .tcw-nav_item:focus-within > a,
.tcw-site-header .tcw-nav_item:focus-within > .tcw-dropdown_link_group,
.tcw-site-header .tcw-nav_item.is-active > a,
.tcw-site-header .tcw-nav_item.is-active > .tcw-dropdown_link_group,
.tcw-site-header .tcw-nav_item.is-open > .tcw-dropdown_link_group,
.tcw-site-header .tcw-header_cta,
.tcw-site-header .tcw-header_cta:hover,
.tcw-floating-contact .tcw-floating-contact__quote,
.tcw-floating-contact .tcw-floating-contact__quote:hover,
.tcw-floating-contact .tcw-floating-contact__quote:focus-visible {
  border-color: transparent !important;
  box-shadow: 0 16px 34px rgba(51, 94, 255, 0.28) !important;
}

.tcw-floating-contact .tcw-floating-contact__quote:hover,
.tcw-floating-contact .tcw-floating-contact__quote:focus-visible {
  filter: brightness(1.08);
}

@media (max-width: 991px) {
  .tcw-site-header .tcw-mobile_link.is-active,
  .tcw-site-header .tcw-mobile_group.is-open .tcw-mobile_group_toggle,
  .tcw-site-header .tcw-mobile_group_toggle:hover,
  .tcw-site-header .tcw-mobile_group_toggle:focus {
    background: linear-gradient(135deg, #1768ff, #5c2dff) !important;
    color: #ffffff !important;
  }

  .tcw-site-header .tcw-mobile_group.is-open .tcw-mobile_group_toggle i,
  .tcw-site-header .tcw-mobile_group_toggle:hover i,
  .tcw-site-header .tcw-mobile_group_toggle:focus i {
    color: #ffffff !important;
  }
}

/* Carry the primary blue-violet action theme through public-site controls. */
.tcw-site-header .tcw-header_auth:hover,
.tcw-site-header .tcw-header_auth:focus-visible,
.tcw-site-header .tcw-service_item:hover .tcw-service_icon,
.tcw-floating-contact .tcw-floating-contact__icon:hover,
.tcw-floating-contact .tcw-floating-contact__icon:focus-visible,
.tcw-it-btn-primary,
.cs-btn.cs-style6.cs-accent_bg,
.cs-btn.cs-style6.cs-accent_bg_2,
.tcw-load-more-btn,
.tcw-offer-card-btn,
.tcw-offer-card-btn.is-hot,
.tcw-contact-submit,
.tcw-quote-submit,
.tcw-page-action,
.tcw-service-modern .tcw-detail-btn-primary,
.tcw-service-modern .tcw-detail-btn-light,
.tcw-portfolio-modern .tcw-detail-btn-primary,
.tcw-portfolio-modern .tcw-detail-btn-light,
.tcw-service-index-cta > a,
.tcw-article-cta a,
.case-study-card_link,
.service-card button,
.view-all,
.cs-footer_newsletter_btn {
  border-color: transparent !important;
  background: linear-gradient(135deg, #1768ff, #5c2dff) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(51, 94, 255, 0.28) !important;
}

.tcw-it-btn-primary:hover,
.cs-btn.cs-style6.cs-accent_bg:hover,
.cs-btn.cs-style6.cs-accent_bg_2:hover,
.tcw-load-more-btn:hover,
.tcw-offer-card-btn:hover,
.tcw-contact-submit:hover,
.tcw-quote-submit:hover,
.tcw-page-action:hover,
.tcw-service-modern .tcw-detail-btn-primary:hover,
.tcw-service-modern .tcw-detail-btn-light:hover,
.tcw-portfolio-modern .tcw-detail-btn-primary:hover,
.tcw-portfolio-modern .tcw-detail-btn-light:hover,
.tcw-service-index-cta > a:hover,
.tcw-article-cta a:hover,
.case-study-card_link:hover,
.service-card button:hover,
.view-all:hover,
.cs-footer_newsletter_btn:hover {
  color: #ffffff !important;
  filter: brightness(1.08);
}

.tcw-review-arrow:hover,
.tcw-blog-rail_arrow:hover {
  border-color: transparent !important;
  background: linear-gradient(135deg, #1768ff, #5c2dff) !important;
  color: #ffffff !important;
}

/* Match hero eyebrow labels and repeated accent text to the primary theme. */
.tcw-it-home .tcw-it-kicker,
.tcw-it-home .tcw-it-section-head > span,
.tcw-detail-eyebrow,
.tcw-detail-kicker,
.tcw-saas-kicker,
.cs-section_subtitle,
.tcw-page-kicker,
.tcw-service-index-heading > span,
.tcw-service-tech-panel-index > span,
.tcw-blog-related-head > span,
.tcw-article-category,
.tcw-it-home .tcw-it-hero-copy h1 span,
.tcw-dimensional-hero h1 span,
.tcw-service-modern .tcw-detail-hero-copy h1 span,
.tcw-portfolio-modern .tcw-detail-hero-copy h1 span,
.tcw-offers-hero h1 span,
.cs-hero.cs-style8 .cs-hero_title b,
.tcw-about-hero .cs-hero_title b,
.cs-section_title .cs-accent_color {
  background: linear-gradient(135deg, #3d86ff, #8355ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.tcw-detail-eyebrow,
.tcw-detail-kicker,
.tcw-article-category {
  border-color: rgba(92, 45, 255, 0.34) !important;
  background-color: rgba(51, 94, 255, 0.12) !important;
}

/* Keep the About portfolio heading clear while unifying heading underline accents. */
.tcw-about-page .tcw-about-portfolio-section .cs-section_title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.cs-section_title .cs-with_bar svg,
.cs-section_title .cs-with_bar svg path,
.cs-cta_title .cs-with_bar svg,
.cs-cta_title .cs-with_bar svg path {
  color: #5b63ff !important;
  fill: #5b63ff !important;
  -webkit-text-fill-color: initial !important;
}

body .cs-section_title .cs-with_bar svg.cs-accent_color_2,
body .cs-section_title .cs-with_bar svg.cs-accent_color_2 path,
body .cs-cta_title .cs-with_bar svg.cs-accent_color_2,
body .cs-cta_title .cs-with_bar svg.cs-accent_color_2 path {
  color: #5b63ff !important;
  fill: #5b63ff !important;
  -webkit-text-fill-color: initial !important;
}

.tcw-it-section-head h2::after,
.tcw-it-proof-copy h2::after,
.tcw-detail-heading h2::after,
.tcw-service-modern .tcw-about-detail-section .tcw-detail-heading h2::after,
.tcw-detail-heading.text-center h2::after,
.tcw-service-index-heading h1::after,
.tcw-service-index-heading h2::after,
.tcw-service-tech-panel-index > span::after,
.tcw-quote-page .tcw-quote-result-left h1::after {
  background: linear-gradient(90deg, #1768ff, #5c2dff) !important;
}

/* Match footer interactive hover accents to the primary theme. */
.tcw-footer .widget_nav_menu .menu a:hover,
.tcw-footer .widget_nav_menu .menu a:focus-visible,
.tcw-footer .cs-social_btns a:hover,
.tcw-footer .cs-social_btns a:focus-visible,
.tcw-footer .cs-address_widgert li:hover i {
  background: linear-gradient(135deg, #3d86ff, #8355ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.tcw-footer .cs-social_btns a:hover,
.tcw-footer .cs-social_btns a:focus-visible {
  transform: translateY(-2px);
}

.tcw-about-page .cs-cta_title .cs-accent_color {
  background: linear-gradient(135deg, #3d86ff, #8355ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.tcw-footer.cs-style3 .widget_nav_menu .menu a:hover::before,
.tcw-footer.cs-style3 .widget_nav_menu .menu a:focus-visible::before {
  background: linear-gradient(135deg, #3d86ff, #8355ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* Language selection and Arabic RTL support. */
.tcw-language-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 4px;
  border: 1px solid rgba(123, 148, 255, 0.28);
  border-radius: 999px;
  background: rgba(9, 16, 38, 0.78);
}

.tcw-language-switch a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  padding: 0 9px;
  border-radius: 999px;
  color: #c7d5ee !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  transition: color 0.2s ease, background 0.2s ease;
}

.tcw-language-switch a:hover,
.tcw-language-switch a:focus-visible,
.tcw-language-switch a.is-active {
  background: linear-gradient(135deg, #1768ff, #5c2dff);
  color: #ffffff !important;
}

.tcw-language-switch-mobile {
  width: fit-content;
  margin: 12px 0 18px;
}

.tcw-language-switch-mobile a {
  min-width: 70px;
}

html[dir="rtl"] body {
  font-family: Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .tcw-site-header .tcw-nav_list,
html[dir="rtl"] .tcw-site-header .tcw-header_actions,
html[dir="rtl"] .tcw-it-actions,
html[dir="rtl"] .tcw-ai-call-actions {
  direction: rtl;
}

html[dir="rtl"] .tcw-dimensional-hero-copy,
html[dir="rtl"] .tcw-it-hero-copy,
html[dir="rtl"] .tcw-it-proof-copy,
html[dir="rtl"] .tcw-contact-form-shell,
html[dir="rtl"] .tcw-footer,
html[dir="rtl"] .tcw-it-service-card,
html[dir="rtl"] .tcw-premium-offer-card,
html[dir="rtl"] .tcw-it-portfolio-card,
html[dir="rtl"] .tcw-testimonial-4d-card,
html[dir="rtl"] .tcw-blog-card,
html[dir="rtl"] .tcw-dimensional-card,
html[dir="rtl"] .tcw-service-index-card,
html[dir="rtl"] .tcw-detail-modern,
html[dir="rtl"] .tcw-offer-detail-page,
html[dir="rtl"] .tcw-checkout-page,
html[dir="rtl"] .tcw-quote-page,
html[dir="rtl"] .tcw-article-page {
  text-align: right;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"] {
  direction: ltr;
  text-align: right;
}

html[dir="rtl"] .tcw-it-hero-grid,
html[dir="rtl"] .tcw-detail-hero-grid,
html[dir="rtl"] .tcw-premium-checkout-grid,
html[dir="rtl"] .tcw-detail-layout,
html[dir="rtl"] .tcw-about-detail-grid,
html[dir="rtl"] .tcw-benefits-tech-grid {
  direction: rtl;
}

html[dir="rtl"] .tcw-it-service-card ul,
html[dir="rtl"] .tcw-premium-offer-card ul,
html[dir="rtl"] .tcw-benefit-list,
html[dir="rtl"] .tcw-detail-mini-stats,
html[dir="rtl"] .tcw-detail-price-card ul,
html[dir="rtl"] .tcw-checkout-summary-card ul {
  padding-right: 0;
  padding-left: 0;
}

html[dir="rtl"] .tcw-detail-actions,
html[dir="rtl"] .tcw-offers-custom-cta,
html[dir="rtl"] .tcw-checkout-secure-head,
html[dir="rtl"] .tcw-article-metadata {
  direction: rtl;
}

html[dir="rtl"] .tcw-floating-contact {
  left: 0 !important;
  right: auto !important;
  align-items: flex-start;
}

html[dir="rtl"] .tcw-floating-contact__icons {
  padding-right: 0;
  padding-left: 8px;
}

html[dir="rtl"] .tcw-floating-contact__quote {
  border-radius: 0 14px 14px 0;
}

html[dir="rtl"] .tcw-review-prev {
  left: auto;
  right: 8px;
}

html[dir="rtl"] .tcw-review-next {
  right: auto;
  left: 8px;
}

html[dir="rtl"] .tcw-blog-rail_prev {
  left: auto;
  right: 8px;
}

html[dir="rtl"] .tcw-blog-rail_next {
  right: auto;
  left: 8px;
}

html[dir="rtl"] .tcw-review-slider,
html[dir="rtl"] .tcw-blog-rail_track {
  direction: rtl;
}

html[dir="rtl"] .tcw-it-service-slider .slick-list,
html[dir="rtl"] .tcw-it-logo-slider .slick-list {
  direction: rtl;
}

html[dir="rtl"] .tcw-it-service-card .tcw-it-card-arrow i,
html[dir="rtl"] .tcw-blog-card i.fa-arrow-right,
html[dir="rtl"] .tcw-offer-card-btn i,
html[dir="rtl"] .tcw-dimensional-link i {
  transform: scaleX(-1);
}

html[dir="rtl"] .tcw-it-service-card,
html[dir="rtl"] .tcw-blog-card_content,
html[dir="rtl"] .tcw-testimonial-card-head,
html[dir="rtl"] .tcw-testimonial-4d-card blockquote {
  direction: rtl;
}

html[dir="rtl"] .tcw-it-service-card h3,
html[dir="rtl"] .tcw-blog-card h3 {
  line-height: 1.55;
}

html[dir="rtl"] .tcw-it-service-card p,
html[dir="rtl"] .tcw-blog-card p,
html[dir="rtl"] .tcw-testimonial-4d-card p {
  line-height: 1.85;
}

html[dir="rtl"] .tcw-company-page__hero,
html[dir="rtl"] .tcw-company-page__content,
html[dir="rtl"] .tcw-support-chat__panel,
html[dir="rtl"] .tcw-checkout-form-card,
html[dir="rtl"] .tcw-checkout-summary-card,
html[dir="rtl"] .tcw-checkout-safe-card,
html[dir="rtl"] .tcw-quote-result-left,
html[dir="rtl"] .tcw-quote-result-panel {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .tcw-company-page__content p,
html[dir="rtl"] .tcw-company-page__hero p,
html[dir="rtl"] .tcw-checkout-page p,
html[dir="rtl"] .tcw-quote-page p {
  line-height: 1.9;
}

html[dir="rtl"] .tcw-company-page__content ul,
html[dir="rtl"] .tcw-checkout-safe-card ul {
  padding-right: 0;
  padding-left: 0;
}

html[dir="rtl"] .tcw-checkout-submit i,
html[dir="rtl"] .tcw-quote-actions i {
  transform: scaleX(-1);
}

html[dir="rtl"] .tcw-premium-client-dashboard,
html[dir="rtl"] .tcw-premium-client-sidebar,
html[dir="rtl"] .tcw-premium-client-dashboard .tcw-client-main,
html[dir="rtl"] .tcw-client-panel,
html[dir="rtl"] .tcw-client-topbar,
html[dir="rtl"] .tcw-account-card,
html[dir="rtl"] .tcw-live-chat-panel,
html[dir="rtl"] .tcw-live-chat-aside {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .tcw-premium-client-sidebar nav b {
  margin-right: auto;
  margin-left: 0;
}

html[dir="rtl"] .tcw-client-panel-head > a i,
html[dir="rtl"] .tcw-live-chat-aside a i,
html[dir="rtl"] .tcw-subscription-success-card a i {
  transform: scaleX(-1);
}

html[dir="rtl"] .tcw-back-website-float {
  right: auto;
  left: 43px;
}

html[dir="rtl"] .tcw-back-website-float span {
  right: auto;
  left: calc(100% + 10px);
}

html[dir="rtl"] .tcw-client-sidebar nav a,
html[dir="rtl"] .tcw-client-heading p,
html[dir="rtl"] .tcw-client-panel p,
html[dir="rtl"] .tcw-live-chat-panel p,
html[dir="rtl"] .tcw-live-chat-aside span {
  text-align: right;
}

@media (max-width: 1240px) and (min-width: 992px) {
  .tcw-language-switch a {
    min-width: 29px;
    min-height: 30px;
    padding: 0 6px;
  }
}

@media (max-width: 991px) {
  html[dir="rtl"] .tcw-mobile_panel_inner,
  html[dir="rtl"] .tcw-mobile_nav,
  html[dir="rtl"] .tcw-site-header .tcw-mobile_services_list {
    text-align: right;
  }

  html[dir="rtl"] .tcw-it-hero-copy h1,
  html[dir="rtl"] .tcw-dimensional-hero h1,
  html[dir="rtl"] .tcw-detail-hero-copy h1 {
    line-height: 1.35;
  }
}

/* Footer icon alignment for LTR and Arabic RTL layouts. */
.tcw-footer .tcw-footer-contact-list {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.tcw-footer .tcw-footer-contact-list .tcw-footer-contact-item {
  align-items: center;
  display: inline-flex;
  gap: 12px;
  margin-bottom: 0 !important;
}

.tcw-footer .tcw-footer-contact-list .tcw-footer-contact-item i {
  align-items: center;
  display: inline-flex;
  flex: 0 0 20px;
  font-size: 16px;
  justify-content: center;
  line-height: 1;
  margin: 0;
  width: 20px;
}

.tcw-footer.cs-style3 .widget_nav_menu .menu .tcw-footer-link::before {
  content: none !important;
  display: none !important;
}

.tcw-footer .widget_nav_menu .menu .tcw-footer-link {
  align-items: center;
  direction: ltr;
  display: inline-flex;
  gap: 9px;
  max-width: 100%;
}

.tcw-footer .widget_nav_menu .menu .tcw-footer-link i {
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 1;
  margin: 0;
}

html[dir="rtl"] .tcw-footer .widget_nav_menu .menu .tcw-footer-link span {
  direction: rtl;
  line-height: 1.5;
  text-align: right;
}

html[dir="rtl"] .tcw-footer .widget_nav_menu .menu .tcw-footer-link {
  direction: rtl;
  gap: 0;
}

html[dir="rtl"] .tcw-footer .tcw-footer-contact-list .tcw-footer-contact-item {
  direction: rtl;
  justify-content: flex-start;
}

html[dir="rtl"] .tcw-footer .tcw-footer-contact-list .tcw-footer-contact-item span {
  unicode-bidi: isolate;
}

.tcw-footer.cs-style3 .cs-social_btns.cs-style1 {
  align-items: center;
  direction: ltr;
  display: inline-flex;
  gap: 25px;
}

.tcw-footer.cs-style3 .cs-social_btns.cs-style1 a,
.tcw-footer.cs-style3 .cs-social_btns.cs-style1 a:last-child {
  align-items: center;
  display: inline-flex;
  font-size: 19px;
  height: 30px;
  justify-content: center;
  margin: 0;
  width: 24px;
}

/* Keep AJAX and request validation feedback aligned with the site theme. */
.js-form-error-summary,
.tcw-contact-form-shell .js-form-error-summary,
.tcw-quote-alert-error {
  background: rgba(23, 104, 255, 0.08) !important;
  border-color: rgba(61, 134, 255, 0.28) !important;
  color: #1e40af !important;
}

.tcw-it-home .js-form-error-summary {
  color: #dbeafe !important;
}

.js-field-error,
.field-error,
.tcw-contact-form-shell .field-error,
.tcw-it-home .tcw-form-field .field-error {
  color: var(--cs-accent, #3d86ff) !important;
}

.is-invalid,
.tcw-contact-form-shell .is-invalid,
.tcw-it-home .tcw-form-field input.is-invalid,
.tcw-it-home .tcw-form-field select.is-invalid {
  border-color: var(--cs-accent, #3d86ff) !important;
  box-shadow: 0 0 0 3px rgba(61, 134, 255, 0.16) !important;
}

.tcw-quote-alert-error strong,
.tcw-quote-alert-error span {
  color: #1e40af !important;
}

/* Client dashboard locale control and theme-aware scrollbars. */
.tcw-client-language-menu {
  position: relative;
}

.tcw-client-language-menu summary {
  align-items: center;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--cs-accent, #38bdf8) 12%, transparent), transparent 56%),
    rgba(15, 23, 42, 0.74);
  border: 1px solid color-mix(in srgb, var(--cs-accent, #38bdf8) 29%, transparent);
  border-radius: 14px;
  color: #dbe7ff;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  list-style: none;
  min-height: 46px;
  padding: 5px 11px 5px 6px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.tcw-client-language-menu summary::-webkit-details-marker {
  display: none;
}

.tcw-client-language-menu summary:hover,
.tcw-client-language-menu[open] summary {
  border-color: color-mix(in srgb, var(--cs-accent, #38bdf8) 62%, transparent);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--cs-accent, #38bdf8) 16%, transparent);
}

.tcw-client-language-orb {
  align-items: center;
  background: linear-gradient(135deg, var(--cs-accent, #38bdf8), var(--cs-accent-2, #2563eb));
  border-radius: 10px;
  color: #ffffff;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.tcw-client-language-current {
  display: grid;
  gap: 1px;
  min-width: 55px;
}

.tcw-client-language-current small {
  color: #7f91b0;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
}

.tcw-client-language-current strong {
  color: #ffffff;
  font-size: 13px;
  line-height: 1.25;
}

.tcw-client-language-caret {
  color: #8da1bd;
  font-size: 10px;
  transition: transform 0.2s ease;
}

.tcw-client-language-menu[open] .tcw-client-language-caret {
  transform: rotate(180deg);
}

.tcw-client-language-panel {
  background:
    radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--cs-accent, #38bdf8) 16%, transparent), transparent 40%),
    #0b152c;
  border: 1px solid color-mix(in srgb, var(--cs-accent, #38bdf8) 25%, transparent);
  border-radius: 17px;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.43);
  min-width: 208px;
  padding: 9px;
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  z-index: 40;
}

.tcw-client-language-panel header {
  align-items: center;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  color: #93a4be;
  display: flex;
  gap: 9px;
  font-size: 12px;
  font-weight: 800;
  margin: 0 4px 7px;
  min-height: 35px;
}

.tcw-client-language-panel header i {
  color: var(--cs-accent, #38bdf8);
}

.tcw-client-language-panel a {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 11px;
  color: #c7d5ee;
  display: grid;
  gap: 11px;
  grid-template-columns: 38px minmax(0, 1fr) 18px;
  min-height: 50px;
  padding: 0 11px 0 7px;
  text-decoration: none;
  transition: background 0.18s ease, border-color 0.18s ease;
}

.tcw-client-language-panel a b {
  align-items: center;
  background: rgba(148, 163, 184, 0.1);
  border-radius: 8px;
  color: var(--cs-accent, #38bdf8);
  display: inline-flex;
  font-size: 11px;
  font-weight: 900;
  height: 34px;
  justify-content: center;
  letter-spacing: 0.08em;
}

.tcw-client-language-panel a span {
  color: inherit;
  font-weight: 700;
}

.tcw-client-language-panel a + a {
  margin-top: 6px;
}

.tcw-client-language-panel a[lang="ar"] span {
  unicode-bidi: isolate;
}

.tcw-client-language-panel a i {
  color: var(--cs-accent, #38bdf8);
  font-size: 11px;
  opacity: 0;
}

.tcw-client-language-panel a:hover,
.tcw-client-language-panel a.is-active {
  background: color-mix(in srgb, var(--cs-accent, #38bdf8) 16%, transparent);
  border-color: color-mix(in srgb, var(--cs-accent, #38bdf8) 24%, transparent);
  color: #ffffff;
}

.tcw-client-language-panel a.is-active i {
  opacity: 1;
}

html[dir="rtl"] .tcw-client-language-panel {
  left: 0;
  right: auto;
}

html[dir="rtl"] .tcw-client-language-panel a {
  direction: rtl;
  grid-template-columns: 38px minmax(0, 1fr) 18px;
  padding: 0 7px 0 11px;
}

.tcw-premium-client-dashboard .tcw-client-main,
.tcw-premium-client-sidebar,
.tcw-client-notification-menu section,
.tcw-live-chat-messages,
.tcw-chat-past {
  scrollbar-color: #5038ff rgba(15, 23, 42, 0.62);
  scrollbar-width: thin;
}

.tcw-premium-client-dashboard .tcw-client-main::-webkit-scrollbar,
.tcw-premium-client-sidebar::-webkit-scrollbar,
.tcw-client-notification-menu section::-webkit-scrollbar,
.tcw-live-chat-messages::-webkit-scrollbar,
.tcw-chat-past::-webkit-scrollbar {
  height: 7px;
  width: 7px;
}

.tcw-premium-client-dashboard .tcw-client-main::-webkit-scrollbar-track,
.tcw-premium-client-sidebar::-webkit-scrollbar-track,
.tcw-client-notification-menu section::-webkit-scrollbar-track,
.tcw-live-chat-messages::-webkit-scrollbar-track,
.tcw-chat-past::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.62);
  border-radius: 999px;
}

.tcw-premium-client-dashboard .tcw-client-main::-webkit-scrollbar-thumb,
.tcw-premium-client-sidebar::-webkit-scrollbar-thumb,
.tcw-client-notification-menu section::-webkit-scrollbar-thumb,
.tcw-live-chat-messages::-webkit-scrollbar-thumb,
.tcw-chat-past::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #5038ff, #6d28d9);
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(79, 70, 229, 0.42);
}

@media (max-width: 767px) {
  .tcw-client-language-menu summary {
    gap: 0;
    justify-content: center;
    min-height: 46px;
    min-width: 46px;
    padding: 5px;
  }

  .tcw-client-language-orb {
    height: 34px;
    width: 34px;
  }

  .tcw-client-language-current {
    display: none;
  }

  .tcw-client-language-caret {
    display: none;
  }

  .tcw-client-language-panel {
    min-width: 200px;
    right: -52px;
  }

  html[dir="rtl"] .tcw-client-language-panel {
    left: -52px;
    right: auto;
  }
}

/* Unified violet scrollbars and service selectors. */
html,
html * {
  scrollbar-color: #5038ff rgba(80, 56, 255, 0.14) !important;
}

html::-webkit-scrollbar,
html *::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

html::-webkit-scrollbar-track,
html *::-webkit-scrollbar-track {
  background: rgba(80, 56, 255, 0.14) !important;
  border-radius: 999px;
}

html::-webkit-scrollbar-thumb,
html *::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #5038ff, #6d28d9) !important;
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(79, 70, 229, 0.34);
}

html::-webkit-scrollbar-thumb:hover,
html *::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #6048ff, #7c3aed) !important;
}

.tcw-service-select {
  display: block;
  position: relative;
  width: 100%;
}

.tcw-service-select::after {
  align-items: center;
  background: rgba(80, 56, 255, 0.1);
  border: 1px solid rgba(129, 104, 255, 0.22);
  border-radius: 10px;
  color: #978aff;
  content: "\f078";
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: 11px;
  font-weight: 900;
  height: 32px;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  width: 32px;
}

.tcw-service-select select {
  appearance: none;
  cursor: pointer;
  margin-bottom: 0 !important;
  padding-right: 50px !important;
}

.tcw-service-select:focus-within::after {
  background: linear-gradient(135deg, #5038ff, #6d28d9);
  border-color: transparent;
  color: #ffffff;
  transform: translateY(calc(-50% - 1px));
}

.service-card .tcw-service-select {
  margin-bottom: 15px;
}

.service-card .tcw-service-select select:focus,
.tcw-contact-form-shell .tcw-service-select select:focus,
.tcw-quote-page .tcw-service-select select:focus,
#quotePopup .tcw-service-select select:focus {
  border-color: rgba(129, 104, 255, 0.72) !important;
  box-shadow: 0 0 0 3px rgba(80, 56, 255, 0.16);
}

.service-card .tcw-service-select select option,
#quotePopup .tcw-service-select select option {
  background: #0b1228;
  color: #eef3ff;
}

html[dir="rtl"] .tcw-service-select::after {
  left: 8px;
  right: auto;
}

html[dir="rtl"] .tcw-service-select select {
  padding-left: 50px !important;
  padding-right: 12px !important;
}

/* Refined service selection feedback. */
.service-card .tcw-form-field:has(.tcw-service-select),
.tcw-contact-form-shell .tcw-form-field:has(.tcw-service-select) {
  gap: 8px;
}

.service-card .tcw-service-select {
  margin-bottom: 0;
}

.service-card .tcw-service-select select:focus,
.service-card .tcw-service-select select.is-invalid,
.tcw-contact-form-shell .tcw-service-select select:focus,
.tcw-contact-form-shell .tcw-service-select select.is-invalid,
.tcw-quote-page .tcw-service-select select:focus,
#quotePopup .tcw-service-select select:focus {
  border-color: rgba(113, 91, 255, 0.86) !important;
  box-shadow: 0 0 0 3px rgba(80, 56, 255, 0.16) !important;
}

.service-card .tcw-service-select:has(select.is-invalid)::after,
.tcw-contact-form-shell .tcw-service-select:has(select.is-invalid)::after {
  background: rgba(80, 56, 255, 0.18);
  border-color: rgba(129, 104, 255, 0.38);
  color: #ad9fff;
}

.service-card .tcw-form-field .field-error,
.service-card .tcw-form-field .js-field-error,
.tcw-contact-form-shell .tcw-form-field .field-error,
.tcw-contact-form-shell .tcw-form-field .js-field-error {
  align-items: center;
  align-self: flex-start;
  background: rgba(80, 56, 255, 0.11);
  border: 1px solid rgba(129, 104, 255, 0.25);
  border-radius: 9px;
  color: #aaa0ff !important;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 600;
  gap: 7px;
  line-height: 1.3;
  margin: 0 0 4px;
  padding: 6px 10px;
}

.service-card .tcw-form-field .field-error::before,
.service-card .tcw-form-field .js-field-error::before,
.tcw-contact-form-shell .tcw-form-field .field-error::before,
.tcw-contact-form-shell .tcw-form-field .js-field-error::before {
  align-items: center;
  background: rgba(129, 104, 255, 0.22);
  border-radius: 999px;
  color: #dbd7ff;
  content: "!";
  display: inline-flex;
  font-size: 0.67rem;
  font-weight: 900;
  height: 16px;
  justify-content: center;
  width: 16px;
}

/* Keep the home proof statistics tidy on handheld screens. */
@media (max-width: 767px) {
  .tcw-it-home .tcw-it-proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .tcw-it-home .tcw-it-proof-copy {
    grid-column: 1 / -1;
  }

  .tcw-it-home .tcw-it-stat-card {
    min-height: 132px;
    padding: 14px 8px;
  }

  .tcw-it-home .tcw-it-stat-icon {
    height: 46px;
    margin-bottom: 11px;
    width: 46px;
  }

  .tcw-it-home .tcw-it-stat-card strong {
    font-size: 1.65rem;
  }

  .tcw-it-home .tcw-it-stat-card::after {
    margin-top: 12px;
    width: 34px;
  }
}

@media (max-width: 339px) {
  .tcw-it-home .tcw-it-proof-grid {
    grid-template-columns: 1fr;
  }
}

/* Professional client workspace header. */
.tcw-premium-client-dashboard .tcw-shared-client-header {
  align-items: center;
  background:
    radial-gradient(circle at 0% 0%, rgba(80, 56, 255, 0.12), transparent 38%),
    rgba(10, 18, 38, 0.72);
  border: 1px solid rgba(107, 130, 187, 0.18);
  border-radius: 18px;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(250px, 310px) minmax(0, 1fr);
  margin-bottom: 24px;
  padding: 18px 20px;
}

.tcw-shared-client-header .tcw-client-heading,
.tcw-shared-client-header .tcw-client-heading > div {
  min-width: 0;
}

.tcw-shared-client-header .tcw-client-heading h1 {
  font-size: clamp(1.35rem, 2vw, 1.68rem);
  line-height: 1.22;
  margin: 0;
}

.tcw-shared-client-header .tcw-client-heading p {
  font-size: 0.9rem;
  line-height: 1.5;
  margin-top: 7px;
  max-width: 275px;
}

.tcw-shared-client-header .tcw-client-top-actions {
  gap: 11px;
  justify-content: flex-end;
  min-width: 0;
}

.tcw-shared-client-header .tcw-client-search {
  background: rgba(5, 13, 31, 0.66);
  border-color: rgba(107, 130, 187, 0.2);
  border-radius: 13px;
  flex: 1 1 330px;
  max-width: 430px;
  min-height: 50px;
  width: auto;
}

.tcw-shared-client-header .tcw-client-search:focus-within {
  border-color: rgba(129, 104, 255, 0.6);
  box-shadow: 0 0 0 3px rgba(80, 56, 255, 0.12);
}

.tcw-shared-client-header .tcw-client-language-menu summary {
  min-height: 50px;
}

.tcw-shared-client-header .tcw-client-bell {
  background: rgba(15, 25, 48, 0.56);
  border: 1px solid rgba(107, 130, 187, 0.16);
  border-radius: 13px;
  height: 50px;
  margin: 0;
  width: 50px;
}

.tcw-shared-client-header .tcw-client-bell::after {
  display: none;
}

.tcw-shared-client-header .tcw-client-user-chip {
  background: rgba(15, 25, 48, 0.56);
  border: 1px solid rgba(107, 130, 187, 0.16);
  border-radius: 13px;
  gap: 11px;
  margin-left: 0;
  min-height: 50px;
  padding: 4px 12px 4px 5px;
}

.tcw-shared-client-header .tcw-client-user-chip span {
  height: 40px;
  width: 40px;
}

@media (max-width: 1199px) {
  .tcw-premium-client-dashboard .tcw-shared-client-header {
    align-items: start;
    grid-template-columns: 1fr;
    gap: 17px;
  }

  .tcw-shared-client-header .tcw-client-heading p {
    max-width: 460px;
  }

  .tcw-shared-client-header .tcw-client-top-actions {
    justify-content: flex-start;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .tcw-premium-client-dashboard .tcw-shared-client-header {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px;
  }

  .tcw-premium-client-dashboard .tcw-shared-client-header .tcw-client-heading {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    width: 100%;
  }

  .tcw-shared-client-header .tcw-client-top-actions {
    display: grid;
    gap: 9px;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
  }

  .tcw-shared-client-header .tcw-client-search {
    grid-column: 1 / -1;
    max-width: none;
  }
}

/* Final polish for the shared header across every client workspace page. */
.tcw-premium-client-dashboard .tcw-shared-client-header {
  background:
    radial-gradient(circle at 2% 4%, rgba(80, 56, 255, 0.19), transparent 31%),
    linear-gradient(118deg, rgba(13, 23, 51, 0.98), rgba(8, 17, 38, 0.93));
  border-color: rgba(116, 136, 200, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 16px 42px rgba(0, 0, 0, 0.16);
  overflow: visible;
  position: relative;
}

.tcw-premium-client-dashboard .tcw-shared-client-header::before {
  background: linear-gradient(90deg, #5038ff, #7c3aed 48%, rgba(124, 58, 237, 0));
  border-radius: 999px;
  content: "";
  height: 3px;
  left: 20px;
  position: absolute;
  top: -1px;
  width: 96px;
}

.tcw-shared-client-header .tcw-client-heading > div {
  border-left: 2px solid rgba(129, 104, 255, 0.58);
  padding-left: 15px;
}

.tcw-shared-client-header .tcw-client-heading h1 {
  letter-spacing: -0.025em;
}

.tcw-shared-client-header .tcw-client-heading p {
  color: #a6b5d1;
}

.tcw-shared-client-header .tcw-client-search,
.tcw-shared-client-header .tcw-client-language-menu summary,
.tcw-shared-client-header .tcw-client-bell,
.tcw-shared-client-header .tcw-client-user-chip {
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.tcw-shared-client-header .tcw-client-search {
  border-color: rgba(116, 136, 200, 0.23);
  padding: 0 10px 0 12px;
}

.tcw-shared-client-header .tcw-client-search > i {
  align-items: center;
  background: rgba(80, 56, 255, 0.14);
  border-radius: 8px;
  color: #a99cff;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.tcw-shared-client-header .tcw-client-search input {
  color: #eef3ff;
  font-size: 0.9rem;
}

.tcw-shared-client-header .tcw-client-search input::placeholder {
  color: #7787a4;
}

.tcw-shared-client-header .tcw-client-search kbd {
  padding: 4px 7px;
}

.tcw-shared-client-header .tcw-client-language-menu summary:hover,
.tcw-shared-client-header .tcw-client-bell:hover,
.tcw-shared-client-header .tcw-client-user-chip:hover,
.tcw-shared-client-header .tcw-client-language-menu[open] summary,
.tcw-shared-client-header .tcw-client-notification-menu[open] .tcw-client-bell,
.tcw-shared-client-header .tcw-client-user-menu[open] .tcw-client-user-chip {
  background: rgba(80, 56, 255, 0.14);
  border-color: rgba(129, 104, 255, 0.48);
  box-shadow: 0 10px 24px rgba(8, 7, 32, 0.24);
  transform: translateY(-1px);
}

.tcw-shared-client-header .tcw-client-language-orb {
  background: linear-gradient(135deg, #5038ff, #8b5cf6);
  box-shadow: 0 7px 16px rgba(80, 56, 255, 0.26);
}

.tcw-shared-client-header .tcw-client-bell {
  color: #bec9df;
}

.tcw-shared-client-header .tcw-client-bell:hover {
  color: #ffffff;
}

.tcw-shared-client-header .tcw-client-user-chip span {
  background: linear-gradient(135deg, rgba(80, 56, 255, 0.92), rgba(124, 58, 237, 0.9));
  box-shadow: 0 7px 16px rgba(80, 56, 255, 0.22);
  padding: 0;
}

.tcw-shared-client-header .tcw-client-user-chip strong {
  max-width: 126px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tcw-shared-client-header .tcw-client-language-panel,
.tcw-shared-client-header .tcw-client-notification-menu > div,
.tcw-shared-client-header .tcw-client-user-menu > div {
  border-color: rgba(129, 104, 255, 0.28);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.44);
}

@media (max-width: 1399px) {
  .tcw-premium-client-dashboard .tcw-shared-client-header {
    align-items: start;
    grid-template-columns: 1fr;
    gap: 17px;
  }

  .tcw-shared-client-header .tcw-client-heading p {
    max-width: 560px;
  }

  .tcw-shared-client-header .tcw-client-top-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .tcw-shared-client-header .tcw-client-search {
    max-width: 560px;
  }
}

@media (max-width: 767px) {
  .tcw-premium-client-dashboard .tcw-shared-client-header::before {
    left: 14px;
    width: 76px;
  }

  .tcw-shared-client-header .tcw-client-heading > div {
    border-left-width: 1px;
    padding-left: 12px;
  }

  .tcw-shared-client-header .tcw-client-search {
    max-width: none;
    min-height: 48px;
  }

  .tcw-shared-client-header .tcw-client-user-chip {
    justify-content: center;
    padding: 4px;
    width: 50px;
  }
}

html[dir="rtl"] .tcw-premium-client-dashboard .tcw-shared-client-header::before {
  left: auto;
  right: 20px;
}

html[dir="rtl"] .tcw-shared-client-header .tcw-client-heading > div {
  border-left: 0;
  border-right: 2px solid rgba(129, 104, 255, 0.58);
  padding-left: 0;
  padding-right: 15px;
}

@media (max-width: 767px) {
  html[dir="rtl"] .tcw-premium-client-dashboard .tcw-shared-client-header::before {
    right: 14px;
  }

  html[dir="rtl"] .tcw-shared-client-header .tcw-client-heading > div {
    border-right-width: 1px;
    padding-right: 12px;
  }
}

/* Shared client workspace search. */
.tcw-shared-client-header .tcw-client-search {
  position: relative;
  z-index: 42;
}

.tcw-client-search-results {
  background:
    radial-gradient(circle at 8% 0%, rgba(80, 56, 255, 0.16), transparent 35%),
    #0b152c;
  border: 1px solid rgba(129, 104, 255, 0.28);
  border-radius: 16px;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.44);
  display: none;
  left: 0;
  max-height: min(470px, calc(100vh - 150px));
  overflow-y: auto;
  padding: 8px;
  position: absolute;
  right: 0;
  top: calc(100% + 11px);
}

.tcw-client-search.is-open .tcw-client-search-results {
  display: block;
}

.tcw-client-search-results header {
  align-items: center;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  display: flex;
  justify-content: space-between;
  margin: 0 4px 5px;
  padding: 8px 5px 10px;
}

.tcw-client-search-results header strong {
  color: #c8d5ec;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.tcw-client-search-results header span {
  align-items: center;
  background: rgba(80, 56, 255, 0.18);
  border-radius: 999px;
  color: #b7afff;
  display: inline-flex;
  font-size: 0.7rem;
  height: 20px;
  justify-content: center;
  min-width: 20px;
  padding: 0 6px;
}

.tcw-client-search-results > a {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 11px;
  color: inherit;
  display: grid;
  gap: 10px;
  grid-template-columns: 34px minmax(0, 1fr) 14px;
  padding: 9px 8px;
  text-decoration: none;
  transition: background 0.18s ease, border-color 0.18s ease;
}

.tcw-client-search-results > a:hover {
  background: rgba(80, 56, 255, 0.14);
  border-color: rgba(129, 104, 255, 0.24);
}

.tcw-client-search-results > a > i {
  align-items: center;
  background: rgba(80, 56, 255, 0.16);
  border-radius: 9px;
  color: #a99cff;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.tcw-client-search-results a strong,
.tcw-client-search-results a small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tcw-client-search-results a strong {
  color: #f3f6ff;
  font-size: 0.82rem;
}

.tcw-client-search-results a small {
  color: #91a1bd;
  font-size: 0.72rem;
  margin-top: 4px;
}

.tcw-client-search-results a b {
  color: #7465e8;
  font-size: 0.68rem;
}

.tcw-client-search-message {
  align-items: center;
  color: #a7b5cc;
  display: flex;
  font-size: 0.8rem;
  gap: 9px;
  margin: 0;
  padding: 14px 10px;
}

.tcw-client-search-message i {
  color: #9a8cff;
}

html[dir="rtl"] .tcw-client-search-results > a {
  grid-template-columns: 34px minmax(0, 1fr) 14px;
}

html[dir="rtl"] .tcw-client-search-results a b {
  transform: rotate(180deg);
}

/* Use one violet input border language across website and client forms. */
body form :where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
  textarea,
  select
) {
  border-color: rgba(129, 104, 255, 0.42) !important;
}

body form :where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
  textarea,
  select
):focus {
  border-color: rgba(154, 140, 255, 0.92) !important;
  box-shadow: 0 0 0 3px rgba(80, 56, 255, 0.17) !important;
  outline: 0;
}

:where(
  .service-card,
  .tcw-contact-form-shell,
  .tcw-quote-page,
  #quotePopup,
  .tcw-checkout-page,
  .tcw-premium-client-dashboard,
  .tcw-support-chat
) :where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
  textarea,
  select
) {
  border-color: rgba(129, 104, 255, 0.42) !important;
}

:where(
  .service-card,
  .tcw-contact-form-shell,
  .tcw-quote-page,
  #quotePopup,
  .tcw-checkout-page,
  .tcw-premium-client-dashboard,
  .tcw-support-chat
) :where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
  textarea,
  select
):focus {
  border-color: rgba(154, 140, 255, 0.92) !important;
  box-shadow: 0 0 0 3px rgba(80, 56, 255, 0.17) !important;
  outline: 0;
}

.tcw-footer .cs-footer_newsletter_input,
.tcw-floating-contact :where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
  textarea,
  select
) {
  border-color: rgba(129, 104, 255, 0.42) !important;
}

.tcw-footer .cs-footer_newsletter_input:focus,
.tcw-floating-contact :where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
  textarea,
  select
):focus {
  border-color: rgba(154, 140, 255, 0.92) !important;
  box-shadow: 0 0 0 3px rgba(80, 56, 255, 0.17) !important;
  outline: 0;
}

/* Match the home services slider pagination to the violet theme. */
.tcw-it-home .tcw-it-service-slider .slick-dots button {
  background: rgba(92, 45, 255, 0.52) !important;
  box-shadow: 0 0 9px rgba(80, 56, 255, 0.24) !important;
}

.tcw-it-home .tcw-it-service-slider .slick-dots .slick-active button {
  background: linear-gradient(135deg, #1768ff, #5c2dff) !important;
  box-shadow: 0 0 14px rgba(80, 56, 255, 0.5) !important;
}

.tcw-it-home .tcw-it-service-slider .tcw-it-card-arrow {
  color: #8b7aff !important;
}

.tcw-it-home .tcw-it-hero-form-panel .service-card::before {
  background: linear-gradient(90deg, #1768ff 0%, #5c2dff 100%);
}

html[lang="ar"] .iti__country-list {
  direction: rtl;
  text-align: right;
}

html[lang="ar"] .iti__country {
  direction: rtl;
  text-align: right;
}

html[lang="ar"] .iti__dial-code {
  direction: ltr;
  display: inline-block;
  unicode-bidi: isolate;
}

.tcw-portfolio-modern .tcw-process-card {
  border-color: transparent !important;
}

.tcw-portfolio-modern .tcw-process-card:not(:last-child)::after {
  display: none !important;
}

@media (max-width: 991px) {
  html[dir="rtl"] .tcw-site-header .tcw-mobile_panel_inner {
    direction: rtl;
    text-align: right;
  }

  html[dir="rtl"] .tcw-site-header .tcw-mobile_link,
  html[dir="rtl"] .tcw-site-header .tcw-mobile_group_toggle,
  html[dir="rtl"] .tcw-mobile_auth_form button,
  html[dir="rtl"] .tcw-mobile_cta_wrap {
    text-align: right;
  }

  html[dir="rtl"] .tcw-site-header .tcw-mobile_group_toggle {
    flex-direction: row;
  }

  html[dir="rtl"] .tcw-site-header .tcw-mobile_group_toggle i {
    margin-left: 0;
    margin-right: auto;
  }

  html[dir="rtl"] .tcw-language-switch-mobile {
    align-self: flex-start;
    direction: ltr;
  }
}

html[dir="rtl"] .tcw-review-arrow svg,
html[dir="rtl"] .tcw-blog-rail_arrow i {
  transform: scaleX(-1);
}

html[dir="rtl"] .tcw-service-index-breadcrumb i.fa-chevron-right,
html[dir="rtl"] .tcw-detail-breadcrumb i.fa-chevron-right,
html[dir="rtl"] .tcw-article-breadcrumb i.fa-chevron-right {
  transform: scaleX(-1);
}

/* Match the All Services listing to the public blue-violet theme. */
.tcw-service-index-heading h1 span,
.tcw-service-index-heading h2 span,
.tcw-service-index-heading > span,
.tcw-service-tech-panel-index > span,
.tcw-service-index-breadcrumb i,
.tcw-service-index-card li i,
.tcw-service-index-card b,
.tcw-service-index-card b i,
.tcw-service-why-panel i,
.tcw-service-process-grid b,
.tcw-service-tech-panel-index i {
  color: #8b7aff;
}

.tcw-service-index-heading h1::after,
.tcw-service-index-heading h2::after,
.tcw-service-tech-panel-index > span::after,
.tcw-service-why-panel h2::after,
.tcw-service-index-icon,
.tcw-service-process-grid article > i {
  background: linear-gradient(135deg, #1768ff, #5c2dff);
}

.tcw-service-index-card a,
.tcw-service-why-panel,
.tcw-service-process-grid article,
.tcw-service-tech-panel-index article {
  border-color: rgba(104, 87, 255, 0.28);
  background:
    radial-gradient(circle at 16% 12%, rgba(92, 45, 255, 0.17), transparent 32%),
    linear-gradient(155deg, rgba(13, 23, 52, 0.94), rgba(4, 10, 24, 0.98));
}

.tcw-service-index-card a:hover {
  border-color: rgba(124, 99, 255, 0.78);
  box-shadow: 0 30px 76px rgba(0, 0, 0, 0.36), 0 0 24px rgba(92, 45, 255, 0.18);
}

.tcw-service-index-cta {
  background: linear-gradient(135deg, #1768ff, #5c2dff) !important;
}

/* Keep the portfolio detail hero readable and full-width on phones. */
@media (max-width: 767px) {
  .tcw-portfolio-modern .tcw-detail-hero {
    padding-top: 86px !important;
    padding-bottom: 34px !important;
  }

  .tcw-portfolio-modern .tcw-detail-hero .container {
    width: min(100% - 28px, 540px);
    padding-right: 0;
    padding-left: 0;
  }

  .tcw-portfolio-modern .tcw-detail-hero-grid {
    width: 100%;
    min-height: 0;
    gap: 24px;
  }

  .tcw-portfolio-modern .tcw-detail-hero-copy,
  .tcw-portfolio-modern .tcw-detail-hero-media,
  .tcw-portfolio-modern .tcw-detail-actions {
    width: 100%;
    min-width: 0;
  }

  .tcw-portfolio-modern .tcw-detail-hero-media {
    display: none;
  }

  .tcw-portfolio-modern .tcw-portfolio-preview {
    display: none;
  }

  .tcw-portfolio-modern .tcw-detail-hero-copy h1 {
    margin: 16px 0 12px;
    font-size: clamp(2rem, 10vw, 2.8rem) !important;
    line-height: 1.12;
  }

  .tcw-portfolio-modern .tcw-detail-hero-copy p {
    font-size: 0.96rem;
    line-height: 1.7;
  }

  .tcw-portfolio-modern .tcw-detail-hero-media a,
  .tcw-portfolio-modern .tcw-detail-hero-media img {
    display: block;
    width: 100%;
    height: auto;
  }

  .tcw-portfolio-modern .tcw-detail-actions {
    margin-top: 0;
  }

  .tcw-portfolio-modern .tcw-cta-stats {
    gap: 10px !important;
  }

  .tcw-portfolio-modern .tcw-cta-stats > div {
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 8px !important;
  }

  html[dir="rtl"] .tcw-portfolio-modern .tcw-detail-breadcrumb,
  html[dir="rtl"] .tcw-portfolio-modern .tcw-detail-hero-copy,
  html[dir="rtl"] .tcw-portfolio-modern .tcw-detail-hero-copy h1,
  html[dir="rtl"] .tcw-portfolio-modern .tcw-detail-hero-copy p {
    text-align: right !important;
  }
}