/* Restrained color layer. Orange stays the brand accent. */

.td-home {
  --td-green: #25d366;
  --td-blue: #3b82f6;
  --td-ms: #0084ff;
  --td-violet: #8b5cf6;
  --td-cyan: #06b6d4;
  --td-amber: #f59e0b;
  --td-pink: #ec4899;
  --td-red: #ef4444;
}

.td-home #channels { background: #101010; }
.td-home #explore { background: #141414; }
.td-home #campaigns { background: #171717; }
.td-home #connect { background: #171717; }

.td-home .td-f-wa,
.td-home .td-f-ig,
.td-home .td-f-ms,
.td-home .td-f-em,
.td-home .td-f-ticket,
.td-home .td-f-user,
.td-home .td-f-voice,
.td-home .td-f-tg {
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35), 0 0 16px var(--glow, transparent);
}

.td-home .td-f-wa { --glow: rgba(37, 211, 102, 0.28); border-color: rgba(37, 211, 102, 0.4); }
.td-home .td-f-ig { --glow: rgba(225, 48, 108, 0.28); border-color: rgba(225, 48, 108, 0.4); }
.td-home .td-f-ms { --glow: rgba(0, 132, 255, 0.28); border-color: rgba(0, 132, 255, 0.42); }
.td-home .td-f-em { --glow: rgba(59, 130, 246, 0.26); border-color: rgba(59, 130, 246, 0.4); }
.td-home .td-f-voice { --glow: rgba(6, 182, 212, 0.28); border-color: rgba(6, 182, 212, 0.42); }
.td-home .td-f-tg { --glow: rgba(34, 158, 217, 0.26); border-color: rgba(34, 158, 217, 0.4); }
.td-home .td-f-ticket { --glow: rgba(59, 130, 246, 0.22); border-color: rgba(59, 130, 246, 0.35); }
.td-home .td-f-user { --glow: rgba(34, 197, 94, 0.16); }

.td-home .td-chip.em { background: #3b82f6; }
.td-home .td-chip.voice { background: #0891b2; }
.td-home .td-chip.ticket { background: #2563eb; }
.td-home .td-chip.user { position: relative; }
.td-home .td-chip.user::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 2px #1c1c1c;
}

.td-home .td-hero-copy .td-channel-pills a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.td-home .td-hero-copy .td-channel-pills a::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--dot, #ff7900);
  flex: 0 0 7px;
}

.td-home .td-hero-copy .td-channel-pills a:nth-child(1) { --dot: #25d366; }
.td-home .td-hero-copy .td-channel-pills a:nth-child(2) { --dot: #e1306c; }
.td-home .td-hero-copy .td-channel-pills a:nth-child(3) { --dot: #0084ff; }
.td-home .td-hero-copy .td-channel-pills a:nth-child(4) { --dot: #8b5cf6; }
.td-home .td-hero-copy .td-channel-pills a:nth-child(5) { --dot: #0064e0; }
.td-home .td-hero-copy .td-channel-pills a:nth-child(6) { --dot: #06b6d4; }
.td-home .td-hero-copy .td-channel-pills a:nth-child(7) { --dot: #ff7900; }

.td-home .td-ai-path[data-ch="whatsapp"]:not(.td-ai-path-core) { stroke: url(#tdCableWa); }
.td-home .td-ai-path[data-ch="messenger"]:not(.td-ai-path-core) { stroke: url(#tdCableMs); }
.td-home .td-ai-path[data-ch="webchat"]:not(.td-ai-path-core) { stroke: url(#tdCableWeb); }
.td-home .td-ai-path[data-ch="instagram"]:not(.td-ai-path-core) { stroke: url(#tdCableIg); }
.td-home .td-ai-path[data-ch="email"]:not(.td-ai-path-core) { stroke: url(#tdCableEm); }
.td-home .td-ai-path[data-ch="helpdesk"]:not(.td-ai-path-core) { stroke: url(#tdCableHd); }

.td-home .td-ai-spark[data-ch="whatsapp"] { fill: #25d366; }
.td-home .td-ai-spark[data-ch="messenger"] { fill: #0084ff; }
.td-home .td-ai-spark[data-ch="webchat"] { fill: #8b5cf6; }
.td-home .td-ai-spark[data-ch="instagram"] { fill: #e1306c; }
.td-home .td-ai-spark[data-ch="email"] { fill: #3b82f6; }
.td-home .td-ai-spark[data-ch="helpdesk"] { fill: #06b6d4; }

.td-home .td-ai-node[data-ch="email"] .td-ai-ico {
  background: #3b82f6;
  box-shadow: 0 0 14px rgba(59, 130, 246, 0.4);
}
.td-home .td-ai-node[data-ch="webchat"] .td-ai-ico {
  background: linear-gradient(145deg, #ff7900, #8b5cf6);
  border-color: transparent;
  box-shadow: 0 0 14px rgba(139, 92, 246, 0.35);
}
.td-home .td-ai-node[data-ch="helpdesk"] .td-ai-ico {
  background: #0891b2;
  box-shadow: 0 0 14px rgba(6, 182, 212, 0.4);
}

.td-home .td-ai-donut {
  background: conic-gradient(#25d366 0 28%, #0084ff 28% 46%, #e1306c 46% 62%, #3b82f6 62% 76%, #ff7900 76% 90%, #06b6d4 90% 100%);
}

.td-home .td-ai-bars i:nth-child(1) { background: #25d366; }
.td-home .td-ai-bars i:nth-child(2) { background: #0084ff; }
.td-home .td-ai-bars i:nth-child(3) { background: #e1306c; }
.td-home .td-ai-bars i:nth-child(4) { background: #ff7900; }
.td-home .td-ai-bars i:nth-child(5) { background: #06b6d4; }

.td-home #channels .card-features-5,
.td-home #connect .card-features-5 {
  border-top: 3px solid var(--card, #ff7900);
  transition: box-shadow 0.2s ease;
}

.td-home #channels .col-lg-4:nth-child(1) .card-features-5 { --card: #25d366; }
.td-home #channels .col-lg-4:nth-child(2) .card-features-5 { --card: #0084ff; }
.td-home #channels .col-lg-4:nth-child(3) .card-features-5 { --card: #3b82f6; }
.td-home #channels .col-lg-4:nth-child(4) .card-features-5 { --card: #8b5cf6; }
.td-home #channels .col-lg-4:nth-child(5) .card-features-5 { --card: #0064e0; }
.td-home #channels .col-lg-4:nth-child(6) .card-features-5 { --card: #ec4899; }
.td-home #connect .col-lg-4:nth-child(1) .card-features-5 { --card: #ff7900; }
.td-home #connect .col-lg-4:nth-child(2) .card-features-5 { --card: #3b82f6; }
.td-home #connect .col-lg-4:nth-child(3) .card-features-5 { --card: #06b6d4; }

.td-home #channels .card-features-5:hover,
.td-home #connect .card-features-5:hover {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--card) 55%, transparent), 0 12px 28px rgba(0, 0, 0, 0.28);
}

.td-home .td-chart-draw path { stroke: #3b82f6; }

.td-home #assist .td-feature-list strong::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--dot, #ff7900);
  vertical-align: 1px;
}

.td-home #assist .td-feature-list li:nth-child(1) strong { --dot: #8b5cf6; }
.td-home #assist .td-feature-list li:nth-child(2) strong { --dot: #ff7900; }
.td-home #assist .td-feature-list li:nth-child(3) strong { --dot: #06b6d4; }
.td-home #assist .td-feature-list li:nth-child(4) strong { --dot: #3b82f6; }
.td-home #assist .td-feature-list li:nth-child(5) strong { --dot: #f59e0b; }
.td-home #assist .td-feature-list li:nth-child(6) strong { --dot: #22c55e; }

.td-home .td-assist-label { color: #6d28d9; }
.td-home .td-assist-top span { background: #dcfce7; color: #166534; }
.td-home .td-assist-meta span:nth-child(1) { background: #f5f3ff; color: #5b21b6; }
.td-home .td-assist-meta span:nth-child(2) { background: #eff6ff; color: #1d4ed8; }
.td-home .td-assist-meta span:nth-child(3) { background: #f0fdf4; color: #166534; }
.td-home .td-assist-actions span:last-child { background: #f5f3ff; color: #6d28d9; }

.td-home .td-workflow-steps button { --step: #ff7900; box-shadow: inset 3px 0 0 var(--step); }
.td-home .td-workflow-steps button[data-td-step="0"] { --step: #25d366; }
.td-home .td-workflow-steps button[data-td-step="1"] { --step: #8b5cf6; }
.td-home .td-workflow-steps button[data-td-step="2"] { --step: #f59e0b; }
.td-home .td-workflow-steps button[data-td-step="3"] { --step: #ff7900; }
.td-home .td-workflow-steps button[data-td-step="4"] { --step: #3b82f6; }
.td-home .td-workflow-steps button[data-td-step="5"] { --step: #22c55e; }
.td-home .td-workflow-steps button.is-on {
  border-color: #fd7805;
  box-shadow: 0 0 0 1px rgba(253, 120, 5, 0.35), inset 3px 0 0 var(--step);
}

.td-home .td-lead-path b { color: #60a5fa; }
.td-home .td-lead-path li:nth-child(3) b,
.td-home .td-lead-path li:nth-child(6) b { color: #ff7900; }

.td-home #campaigns .td-metrics article:nth-child(1) i { background: linear-gradient(90deg, #ff7900 var(--w), rgba(255, 255, 255, 0.08) var(--w)); }
.td-home #campaigns .td-metrics article:nth-child(2) i { background: linear-gradient(90deg, #3b82f6 var(--w), rgba(255, 255, 255, 0.08) var(--w)); }
.td-home #campaigns .td-metrics article:nth-child(3) i { background: linear-gradient(90deg, #8b5cf6 var(--w), rgba(255, 255, 255, 0.08) var(--w)); }
.td-home #campaigns .td-metrics article:nth-child(4) i { background: linear-gradient(90deg, #22c55e var(--w), rgba(255, 255, 255, 0.08) var(--w)); }
.td-home #campaigns .td-metrics article:nth-child(5) i { background: linear-gradient(90deg, #f59e0b var(--w), rgba(255, 255, 255, 0.08) var(--w)); }

.td-home .td-int-row a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.td-home .td-int-row svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: var(--mark, #ff7900);
}

.td-home .td-int-row a[href="whatsapp.html"] { --mark: #25d366; }
.td-home .td-int-row a[href="messenger.html"] { --mark: #0084ff; }
.td-home .td-int-row a[href="instagram.html"] { --mark: #e1306c; }
.td-home .td-int-row a[href="email.html"] { --mark: #3b82f6; }
.td-home .td-int-row a[href="webchat.html"] { --mark: #ff7900; }
.td-home .td-int-row a[href="lead-ads.html"] { --mark: #0064e0; }
.td-home .td-int-row a[href="api.html"] { --mark: #06b6d4; }
.td-home .td-int-row a.td-int-hook { --mark: #8b5cf6; }
.td-home .td-int-row a.td-int-crm { --mark: #f59e0b; }

.td-home .td-int-row a:hover {
  border-color: color-mix(in srgb, var(--mark) 70%, transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--mark) 28%, transparent);
}

.td-home .td-cost-channel .td-cost-ico { color: var(--mark, #ff7900); }
.td-home .td-cost-channel[data-ch="whatsapp"] { --mark: #25d366; }
.td-home .td-cost-channel[data-ch="messenger"] { --mark: #0084ff; }
.td-home .td-cost-channel[data-ch="instagram"] { --mark: #e1306c; }
.td-home .td-cost-channel[data-ch="email"] { --mark: #f59e0b; }
.td-home .td-cost-channel[data-ch="sms"] { --mark: #3b82f6; }
.td-home .td-cost-channel[data-ch="voice"] { --mark: #06b6d4; }
.td-home .td-cost-channel[data-ch="ai"] { --mark: #8b5cf6; }

.td-home .td-cost-channel:hover:not(.is-on) {
  border-color: color-mix(in srgb, var(--mark) 55%, transparent);
}

.td-home .td-cost-row[data-ch] > span:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
}

.td-home .td-cost-row[data-ch] > span:first-child::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mark, #ff7900);
  flex: 0 0 7px;
}

.td-home .td-cost-row[data-ch="whatsapp"] { --mark: #25d366; }
.td-home .td-cost-row[data-ch="messenger"] { --mark: #0084ff; }
.td-home .td-cost-row[data-ch="instagram"] { --mark: #e1306c; }
.td-home .td-cost-row[data-ch="email"] { --mark: #f59e0b; }
.td-home .td-cost-row[data-ch="sms"] { --mark: #3b82f6; }
.td-home .td-cost-row[data-ch="voice"] { --mark: #06b6d4; }
.td-home .td-cost-row[data-ch="ai"] { --mark: #8b5cf6; }

.td-home .td-cost-splits .td-cost-split:last-child strong { color: #ff7900; }

.td-home .td-ico-wa { color: #16a34a; }
.td-home .td-ico-ms,
.td-home .td-ico-fb-post { color: #0084ff; }
.td-home .td-ico-ig,
.td-home .td-ico-ig-post { color: #db2777; }
.td-home .td-ico-em { color: #2563eb; }
.td-home .td-ico-web { color: #ea580c; }
.td-home .td-ico-sms { color: #1d4ed8; }
.td-home .td-ico-voice { color: #0891b2; }
.td-home .td-ico-lead { color: #0064e0; }

.td-home .td-ibx-av-ch:has(.td-ico-wa) { background: #dcfce7; }
.td-home .td-ibx-av-ch:has(.td-ico-ms),
.td-home .td-ibx-av-ch:has(.td-ico-fb-post) { background: #dbeafe; }
.td-home .td-ibx-av-ch:has(.td-ico-ig),
.td-home .td-ibx-av-ch:has(.td-ico-ig-post) { background: #fce7f3; }
.td-home .td-ibx-av-ch:has(.td-ico-em) { background: #eff6ff; }
.td-home .td-ibx-av-ch:has(.td-ico-web) { background: #fff7ed; }
.td-home .td-ibx-av-ch:has(.td-ico-sms) { background: #e0e7ff; }
.td-home .td-ibx-av-ch:has(.td-ico-voice) { background: #ecfeff; }
.td-home .td-ibx-av-ch:has(.td-ico-lead) { background: #dbeafe; }

.td-home .td-ibx-tag.td-tone-cyan { background: #ecfeff; color: #0e7490; }
.td-home .td-ibx-tag.td-tone-orange { background: #fff4ea; color: #c2410c; }
.td-home .td-ibx-tag.td-tone-pink { background: #fdf2f8; color: #be185d; }
.td-home .td-ibx-tag.td-tone-blue { background: #eff6ff; color: #1d4ed8; }
.td-home .td-ibx-tag.td-tone-green { background: #f0fdf4; color: #15803d; }
.td-home .td-ibx-tag.td-tone-violet { background: #f5f3ff; color: #6d28d9; }
.td-home .td-ibx-tag.td-tone-red { background: #fef2f2; color: #b91c1c; }
.td-home .td-ibx-tag.is-ai { background: #f5f3ff; color: #6d28d9; }

@media (max-width: 767.98px) {
  .td-home .td-f-wa,
  .td-home .td-f-ig,
  .td-home .td-f-ms,
  .td-home .td-f-em,
  .td-home .td-f-ticket,
  .td-home .td-f-user,
  .td-home .td-f-voice,
  .td-home .td-f-tg {
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.32);
  }

  .td-home #campaigns {
    background: #171717;
  }

  .td-home #channels .card-features-5:hover,
  .td-home #connect .card-features-5:hover,
  .td-home .td-int-row a:hover {
    box-shadow: none;
  }
}

/* Moving particle field. Canvas is drawn by tellerdesk-dots.js. */
.td-dots {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.td-dots canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.td-has-dots > .container,
.box-newsletter > .newsletter-left,
.box-newsletter > .newsletter-right,
.box-newsletter > .td-geo {
  position: relative;
  z-index: 1;
}

/* One continuous surface for analytics through the message journey. */
.td-band {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 12% 22%, rgba(255, 121, 0, 0.07), transparent 36%),
    radial-gradient(ellipse at 88% 68%, rgba(255, 176, 80, 0.05), transparent 34%),
    #171717;
}

.td-home .td-band > #analytics,
.td-home .td-band > #assist,
.td-home .td-band > #workflow,
.td-home .td-band > #lead-path,
.td-home .td-band > #journey {
  position: relative;
  z-index: 1;
  background: transparent;
  background-image: none;
}

/* Workspaces and automation */
#tenancy.td-suite {
  position: relative;
  overflow: hidden;
  background-color: #f4f1ed;
  background-image: url("../imgs/page/homepage2/bg-marble.jpg?v=1");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 84px 0 88px;
}

#tenancy .td-suite-ws,
#tenancy .td-suite-ops-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 36px;
  align-items: center;
}

#tenancy .td-suite-visual {
  position: relative;
  border-radius: 28px;
  padding: 18px 12px 8px;
  background:
    radial-gradient(circle at 50% 40%, rgba(255, 121, 0, 0.18), transparent 58%),
    rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 24px 50px rgba(28, 29, 33, 0.08);
}

#tenancy .td-ws-stage {
  min-height: 0;
  padding: 12px 8px 8px;
}

#tenancy .td-suite-copy {
  display: grid;
  gap: 14px;
  padding: 28px 26px 22px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(23, 23, 23, 0.06);
  box-shadow: 0 18px 40px rgba(28, 29, 33, 0.06);
}

#tenancy .td-suite-copy > .btn {
  justify-self: start;
  width: auto;
}

#tenancy h2 {
  margin: 12px 0 10px;
  color: #171717;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.12;
  letter-spacing: -0.03em;
}

#tenancy h3 {
  max-width: 38ch;
  margin: 0 0 8px;
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.45;
}

#tenancy .td-suite-grid,
#tenancy .td-suite-list {
  display: grid;
  gap: 12px;
}

#tenancy .td-suite-grid {
  grid-template-columns: 1fr 1fr;
  margin-top: 8px;
}

#tenancy .card-casestudy {
  margin: 0;
  padding: 14px 14px 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(23, 23, 23, 0.06);
  box-shadow: 0 8px 20px rgba(28, 29, 33, 0.04);
}

#tenancy .card-casestudy .card-title {
  margin-bottom: 6px;
}

#tenancy .card-casestudy h6 {
  margin: 0;
  color: #171717;
  font-size: 15px;
  line-height: 1.35;
}

#tenancy .card-casestudy .number {
  width: 26px;
  height: 26px;
  margin-right: 8px;
  border-radius: 8px;
  background: rgba(253, 120, 5, 0.14);
  color: #c2410c;
  font-size: 13px;
  line-height: 26px;
}

#tenancy .card-casestudy p {
  margin: 0;
  color: #5c5c5c;
  font-size: 14px;
  line-height: 1.5;
}

#tenancy .td-suite-ops {
  margin-top: 72px;
  padding-top: 56px;
  border-top: 1px solid rgba(253, 120, 5, 0.18);
}

#tenancy .td-suite-head {
  max-width: 760px;
  margin: 0 auto 28px;
  text-align: center;
}

#tenancy .td-suite-head h3 {
  max-width: 46ch;
  margin-right: auto;
  margin-left: auto;
}

#tenancy .td-flow {
  position: relative;
  gap: 22px;
  margin: 0 0 36px;
}

#tenancy .td-flow::before {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(253, 120, 5, 0.7), transparent);
}

#tenancy .td-flow-node {
  z-index: 1;
  min-height: 118px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background:
    linear-gradient(180deg, rgba(253, 120, 5, 0.16), transparent 42%),
    #171717;
  box-shadow: 0 16px 34px rgba(23, 23, 23, 0.14);
}

#tenancy .td-flow-node strong {
  white-space: normal;
}

#tenancy .td-flow-node:not(:last-child)::after {
  right: -16px;
  width: 10px;
  height: 10px;
  border-width: 2px;
}

#tenancy .td-ops-stage::before {
  content: "";
  position: absolute;
  z-index: 0;
  right: 12%;
  top: 8%;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(253, 120, 5, 0.28), transparent 68%);
  pointer-events: none;
}

#tenancy .td-ops-stage > img {
  position: relative;
  z-index: 1;
}

#tenancy .td-ops-chips {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

#tenancy .td-ops-chip {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border: 1px solid rgba(253, 120, 5, 0.28);
  border-radius: 999px;
  background: #fff;
  color: #171717;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(28, 29, 33, 0.1);
}

#tenancy .td-ops-chip::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fd7805;
}

#tenancy .td-ops-chip:nth-child(1) { top: 8%; right: 6%; }
#tenancy .td-ops-chip:nth-child(2) { top: 38%; right: 0; }
#tenancy .td-ops-chip:nth-child(3) { bottom: 18%; left: 28%; }

@media (max-width: 1199.98px) {
  #tenancy .td-suite-ws,
  #tenancy .td-suite-ops-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  #tenancy .td-suite-ops-grid {
    display: flex;
    flex-direction: column;
  }

  #tenancy .td-ops-stage {
    order: -1;
  }

  #tenancy .td-ops-chips {
    position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
    pointer-events: none;
  }

  #tenancy .td-ops-chip,
  #tenancy .td-ops-chip:nth-child(1),
  #tenancy .td-ops-chip:nth-child(2),
  #tenancy .td-ops-chip:nth-child(3) {
    position: static;
  }

  #tenancy .td-flow::before,
  #tenancy .td-flow-node:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 767.98px) {
  #tenancy.td-suite {
    padding: 56px 0 48px;
  }

  #tenancy .td-suite-copy {
    padding: 20px 16px 16px;
  }

  #tenancy .td-suite-grid {
    grid-template-columns: 1fr;
  }

  #tenancy .td-flow {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #tenancy .td-suite-ops {
    margin-top: 48px;
    padding-top: 36px;
  }

  #tenancy h2 {
    font-size: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  #tenancy .td-flow {
    grid-template-columns: 1fr 1fr;
  }
}

/* Product video */
.td-video {
  padding: 72px 0 80px;
}

.td-video-frame {
  max-width: 1040px;
  margin: 28px auto 0;
  border-radius: 24px;
  overflow: hidden;
  background: #141414;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.35), 0 0 0 6px rgba(255, 121, 0, 0.12);
}

.td-video-frame video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

@media (max-width: 767.98px) {
  .td-video {
    padding: 48px 0 56px;
  }

  .td-video-frame {
    border-radius: 16px;
    margin-top: 20px;
  }
}