/* TrustDialer marketing layout. Shared visual tokens come from WPressOne Design Studio. */
:root {
  --td-paper: var(--wpo-bg);
  --td-surface: var(--wpo-surface, var(--wpo-bg));
  --td-ink: var(--wpo-text);
  --td-copy: var(--wpo-muted);
  --td-blue: var(--wpo-accent);
  --td-blue-soft: color-mix(in srgb, var(--wpo-accent) 14%, var(--wpo-bg));
  --td-pink: var(--td-highlight, var(--wpo-accent));
  --td-cyan: var(--wpo-accent);
  --td-gold: var(--td-highlight, var(--wpo-accent));
  --td-line: var(--wpo-border);
  --td-dark-line: color-mix(in srgb, var(--wpo-bg) 27%, var(--wpo-text));
  --td-on-dark: var(--wpo-bg);
  --td-on-dark-muted: color-mix(in srgb, var(--wpo-bg) 62%, var(--wpo-muted));
  --td-outline: var(--wpo-border);
  --td-outline-strong: color-mix(in srgb, var(--wpo-text) 25%, var(--wpo-bg));
  --td-stage: color-mix(in srgb, var(--wpo-accent) 12%, var(--wpo-bg));
  --td-stage-depth: color-mix(in srgb, var(--wpo-text) 13%, var(--wpo-bg));
  --td-sans: var(--wpo-font-base);
  --td-heading: var(--wpo-font-headings, var(--wpo-font-base));
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
body.home { background: var(--td-paper); }
body.home .wpo-content { padding: 0 !important; overflow: visible; }

.td-reference-home,
.td-reference-header,
.td-reference-footer {
  color: var(--td-ink);
  font-family: var(--td-sans);
  -webkit-font-smoothing: antialiased;
}

.td-reference-home *,
.td-reference-header *,
.td-reference-footer * { box-sizing: border-box; }

.td-reference-home img,
.td-reference-header img,
.td-reference-footer img { display: block; max-width: 100%; }

.td-reference-home a,
.td-reference-header a,
.td-reference-footer a { text-decoration: none; }

:where(.td-reference-home) .vc_row,
.td-reference-header.vc_row,
.td-reference-footer.vc_row { margin-left: 0 !important; margin-right: 0 !important; }

.td-reference-hero::before,
.td-reference-hero::after,
.td-proof-grid::before,
.td-proof-grid::after,
.td-reference-why::before,
.td-reference-why::after,
.td-reference-apps-heading::before,
.td-reference-apps-heading::after,
.td-reference-product::before,
.td-reference-product::after,
.td-reference-privacy::before,
.td-reference-privacy::after,
.td-reference-final::before,
.td-reference-final::after {
  content: none !important;
  display: none !important;
}

.td-reference-home .vc_column_container,
.td-reference-header .vc_column_container,
.td-reference-footer .vc_column_container { padding: 0 !important; }

.td-reference-home .vc_column_container > .vc_column-inner,
.td-reference-header .vc_column_container > .vc_column-inner,
.td-reference-footer .vc_column_container > .vc_column-inner { padding: 0 !important; }

.td-reference-home .wpo-element-vc_column_text,
.td-reference-header .wpo-element-vc_column_text,
.td-reference-footer .wpo-element-vc_column_text {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  text-align: left !important;
}

.td-reference-home .wpb_content_element,
.td-reference-header .wpb_content_element,
.td-reference-footer .wpb_content_element { margin-bottom: 0 !important; }

.td-reference-home .wpb_wrapper::after,
.td-reference-header .wpb_wrapper::after,
.td-reference-footer .wpb_wrapper::after { display: none; }

.td-reference-home :where(a, button):focus-visible,
.td-reference-header :where(a, button):focus-visible,
.td-reference-footer :where(a, button):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--td-blue) 35%, transparent);
  outline-offset: 3px;
  border-radius: var(--td-radius);
}

/* Shared type and actions */
.td-eyebrow,
.td-section-kicker {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--td-ink);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.3;
  text-transform: uppercase;
}

.td-eyebrow::before,
.td-section-kicker::before {
  width: 28px;
  height: 3px;
  flex: 0 0 28px;
  background: currentColor;
  content: "";
}

.td-actions { display: flex; flex-wrap: wrap; gap: 12px; }

.td-button {
  min-height: 48px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: var(--td-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: var(--td-sans);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}

.td-button:hover { transform: translateY(-2px); }
.td-button--primary { background: var(--td-ink); color: var(--td-on-dark) !important; }
.td-button--primary:hover { background: var(--td-blue); color: var(--td-on-dark) !important; }
.td-button--secondary { border-color: var(--td-outline-strong); background: transparent; color: var(--td-ink) !important; }
.td-button--secondary:hover { border-color: var(--td-ink); background: var(--td-surface); }
.td-button--light { background: var(--td-surface); color: var(--td-ink) !important; }
.td-button--outline-light { border-color: color-mix(in srgb, var(--td-on-dark) 56%, transparent); color: var(--td-on-dark) !important; }

.td-section-lead {
  margin: 0;
  color: var(--td-copy);
  font-size: 17px;
  line-height: 1.7;
}

.td-reference-section-title { margin: 0 !important; }
.td-reference-section-title .wpo-cms-heading__title {
  margin: 0 !important;
  font-family: var(--td-heading) !important;
  letter-spacing: -.055em;
  line-height: 1.04 !important;
}

.td-reference-why .td-reference-section-title .wpo-cms-heading__title,
.td-reference-apps-heading .td-reference-section-title .wpo-cms-heading__title {
  font-size: clamp(40px, 4.2vw, 58px) !important;
}

.td-reference-privacy .td-reference-section-title .wpo-cms-heading__title {
  font-size: clamp(38px, 4vw, 56px) !important;
}

/* Shared WPO header */
.wpo-header:has(.td-reference-header) {
  position: sticky;
  top: 0;
  z-index: 80;
  width: 100%;
  margin: 0;
  padding: 0 !important;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: color-mix(in srgb, var(--td-paper) 94%, transparent);
  box-shadow: none;
  backdrop-filter: blur(18px) saturate(150%);
}

.td-reference-header {
  width: 100%;
  max-width: none;
  padding: 0 !important;
}

.td-reference-nav {
  width: min(var(--td-content-width), calc(100% - var(--wpo-inline-gutter) - var(--wpo-inline-gutter)));
  min-height: 86px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 34px;
}

.td-reference-brand { display: inline-flex; flex: 0 0 auto; align-items: center; }
.td-reference-brand img { width: 164px; height: auto; }

.td-reference-nav nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: clamp(18px, 2.2vw, 34px);
}

.td-reference-nav nav a {
  position: relative;
  color: var(--td-ink) !important;
  font-size: 13px;
  font-weight: 700;
}

.td-reference-nav nav a::after {
  width: 0;
  height: 2px;
  position: absolute;
  right: 0;
  bottom: -7px;
  background: var(--td-pink);
  content: "";
  transition: width .2s ease;
}

.td-reference-nav nav a:hover::after { width: 100%; left: 0; right: auto; }

.td-reference-menu-toggle {
  display: none;
  margin-left: auto;
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid var(--td-outline-strong);
  border-radius: var(--td-radius);
  align-items: center;
  gap: 10px;
  background: transparent;
  color: var(--td-ink);
  font-family: var(--td-sans);
  font-size: 12px;
  font-weight: 700;
}

.td-reference-menu-toggle i,
.td-reference-menu-toggle i::before,
.td-reference-menu-toggle i::after {
  width: 18px;
  height: 2px;
  display: block;
  position: relative;
  background: currentColor;
  content: "";
}

.td-reference-menu-toggle i::before { position: absolute; top: -6px; }
.td-reference-menu-toggle i::after { position: absolute; top: 6px; }

/* Hero */
.td-reference-hero {
  max-width: var(--td-content-width);
  min-height: 614px;
  margin: 0 auto !important;
  padding: 46px 0 12px;
  display: flex;
  align-items: center;
  gap: clamp(50px, 5.3vw, 76px);
}

.td-reference-hero > .vc_column_container:first-child {
  width: calc(52% - 38px) !important;
  flex: 0 0 calc(52% - 38px);
}

.td-reference-hero > .vc_column_container:last-child {
  width: calc(48% - 38px) !important;
  flex: 0 0 calc(48% - 38px);
}

.td-reference-hero__copy h1 {
  margin: 26px 0 24px;
  color: var(--td-ink);
  font-family: var(--td-heading);
  font-size: clamp(55px, 5.2vw, 82px) !important;
  font-weight: 700;
  letter-spacing: -.07em;
  line-height: .96;
}

.td-reference-hero__copy h1 span { color: var(--td-pink); }

.td-reference-hero__lead {
  max-width: 650px;
  margin: 0;
  color: var(--td-ink);
  font-size: 17px;
  line-height: 1.7;
}

.td-reference-hero__copy .td-actions { margin-top: 30px; }

.td-reference-assurance {
  position: relative;
  max-width: 500px;
  margin-top: 28px;
  padding: 13px 0 29px;
  color: var(--td-ink);
}

.td-reference-assurance::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: var(--td-radius);
  background: var(--td-pink);
}

.td-reference-assurance__line {
  position: absolute;
  top: 4px;
  left: 20px;
  width: min(68%, 360px);
  height: 1px;
  background: var(--td-ink);
}

.td-reference-assurance__copy {
  display: block;
  font-size: clamp(16px, 1.25vw, 19px);
  font-weight: 500;
  letter-spacing: -.03em;
  line-height: 1.35;
}

.td-reference-assurance em {
  color: var(--td-pink);
  font-style: normal;
  font-weight: 700;
}

.td-device {
  padding: 8px;
  overflow: hidden;
  position: absolute;
  z-index: 3;
  border: 1px solid var(--td-outline-strong);
  border-radius: var(--td-radius);
  background: var(--td-ink);
  box-shadow: 0 30px 64px color-mix(in srgb, var(--td-ink) 20%, transparent);
}

.td-device > img {
  width: 100%;
  height: 100%;
  border-radius: var(--td-radius);
  object-fit: cover;
  object-position: top;
}

/* SMS product mock, based on the real app's inbox capabilities */
.td-sms-ui {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--td-radius);
  background: var(--td-surface);
  color: var(--td-ink);
  font-family: var(--td-sans);
}

.td-sms-status {
  height: 22px;
  padding: 7px 10px 0;
  display: flex;
  justify-content: space-between;
  color: var(--td-copy);
  font-size: 7px;
  font-weight: 700;
}

.td-sms-head {
  min-height: 54px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--td-line);
  background: var(--td-surface);
}

.td-sms-brand { display: flex; align-items: center; gap: 8px; }
.td-sms-brand img { width: 28px; height: 28px; border-radius: var(--td-radius); }
.td-sms-brand span,
.td-sms-brand strong,
.td-sms-brand small { display: block; }
.td-sms-brand strong { font-size: 10px; letter-spacing: -.02em; }
.td-sms-brand small { margin-top: 1px; color: var(--td-copy); font-size: 7px; }
.td-sms-menu { color: var(--td-blue); font-size: 16px; }

.td-sms-search {
  margin: 11px 10px 7px;
  padding: 8px 10px;
  border: 1px solid var(--td-line);
  border-radius: var(--td-radius);
  background: var(--td-surface);
  color: var(--td-copy);
  font-size: 8px;
}

.td-sms-filter {
  padding: 2px 11px 6px;
  display: flex;
  justify-content: space-between;
  color: var(--td-copy);
  font-size: 6px;
  font-weight: 700;
  letter-spacing: .08em;
}

.td-sms-thread {
  margin: 0 10px;
  padding: 9px 0;
  display: grid;
  grid-template-columns: 31px 1fr auto;
  gap: 8px;
  border-top: 1px solid var(--td-line);
}

.td-sms-thread i {
  width: 31px;
  height: 31px;
  border-radius: var(--td-radius);
  display: grid;
  place-items: center;
  background: var(--td-blue-soft);
  color: var(--td-blue);
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
}

.td-sms-thread:nth-of-type(even) i { background: color-mix(in srgb, var(--td-pink) 18%, var(--td-surface)); color: var(--td-pink); }
.td-sms-thread span,
.td-sms-thread strong,
.td-sms-thread small { display: block; min-width: 0; }
.td-sms-thread strong { margin: 1px 0 3px; overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.td-sms-thread small { max-width: 104px; overflow: hidden; color: var(--td-copy); font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
.td-sms-thread time { color: var(--td-copy); font-size: 6px; }

.td-sms-new {
  min-height: 31px;
  margin: 12px 10px 0;
  border-radius: var(--td-radius);
  display: grid;
  place-items: center;
  background: var(--td-blue);
  color: var(--td-on-dark);
  font-size: 8px;
  font-weight: 700;
}

/* Selected text box design: 02 Proof Ledger */
.td-reference-proof {
  max-width: none;
  margin-top: 0 !important;
  padding: 0 clamp(24px, 3.3vw, 48px);
  background: var(--td-paper);
}

.td-proof-grid {
  max-width: var(--td-content-width);
  position: relative;
  top: -18px;
  margin: 0 auto -18px !important;
  overflow: hidden;
  border: 1px solid var(--td-dark-line);
  border-radius: var(--td-radius);
  display: flex !important;
  align-items: stretch;
  background: var(--td-ink);
  color: var(--td-on-dark);
}

.td-proof-grid > .td-proof-column {
  width: 33.333333% !important;
  max-width: none !important;
  min-width: 0;
  flex: 1 1 0 !important;
  float: none !important;
  background: transparent !important;
}

.td-proof-grid > .td-proof-column > .vc_column-inner,
.td-proof-grid > .td-proof-column > .vc_column-inner > .wpb_wrapper,
.td-proof-grid .wpo-element-vc_column_text,
.td-proof-grid .wpo-element-vc_column_text > .wpb_wrapper,
.td-proof-grid .td-proof-item {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  height: 100%;
  background: transparent !important;
}

.td-proof-column + .td-proof-column { border-left: 1px solid var(--td-dark-line); }
.td-proof-item { min-height: 190px; padding: 28px 30px 25px; }
.td-proof-item__top { display: flex; align-items: center; justify-content: space-between; gap: 18px; }

.td-proof-icon {
  width: 46px;
  height: 46px;
  border: 1px solid var(--td-dark-line);
  border-radius: var(--td-radius);
  display: grid;
  place-items: center;
  background: color-mix(in srgb, var(--td-ink) 84%, var(--td-blue));
  color: var(--td-cyan);
}

.td-proof-icon { font-size: 21px; font-weight: 700; line-height: 1; }
.td-proof-icon img { width: 28px; height: 28px; }
.td-proof-number { color: var(--td-on-dark-muted); font-size: 42px; font-weight: 700; letter-spacing: -.07em; }
.td-proof-item h2 { margin: 18px 0 7px; color: var(--td-on-dark); font-family: var(--td-heading); font-size: 18px !important; font-weight: 700; letter-spacing: -.03em; line-height: 1.2; }
.td-proof-item p { margin: 0; color: var(--td-on-dark-muted); font-size: 12px; line-height: 1.55; }
.td-proof-detail { margin-top: 15px; padding-top: 10px; border-top: 1px solid var(--td-dark-line); color: var(--td-cyan); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

/* Why switch */
.td-reference-why {
  max-width: var(--td-content-width);
  margin: 0 auto !important;
  padding: 112px 0;
  display: flex;
  gap: clamp(60px, 7vw, 100px);
}

.td-reference-why > .vc_column_container:first-child { width: calc(42% - 50px) !important; flex: 0 0 calc(42% - 50px); }
.td-reference-why > .vc_column_container:last-child { width: calc(58% - 50px) !important; flex: 0 0 calc(58% - 50px); }
.td-reference-why__intro { position: relative; }
.td-reference-why__intro .td-section-kicker { margin-bottom: 18px; }
.td-reference-why__intro .td-reference-section-title { margin-bottom: 22px !important; }

.td-reference-why__list { border-top: 1px solid var(--td-line); }
.td-reference-why__list > .vc_column-inner > .wpb_wrapper > .wpb_content_element { border-bottom: 1px solid var(--td-line); }

.td-reason {
  min-height: 0;
  padding: 14px 0;
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: start;
  gap: 20px;
}

.td-reason__number { color: var(--td-copy); font-size: 12px; font-weight: 700; }
.td-reason h3 { margin: -4px 0 8px; color: var(--td-ink); font-family: var(--td-heading); font-size: 22px; font-weight: 700; letter-spacing: -.035em; line-height: 1.25; }
.td-reason p { max-width: 610px; margin: 0; color: var(--td-copy); font-size: 14px; line-height: 1.65; }
.td-reason__arrow { color: var(--td-ink); font-size: 24px; }

/* Home sponsor — the async client keeps this entire row absent until the server
   returns an eligible creative, so an empty inventory response cannot leave a gap. */
.td-reference-sponsor { display: none; }
.td-reference-sponsor:has(.adsclientone-async-slot--has-ad) {
  max-width: var(--td-content-width);
  margin: 0 auto 54px !important;
  display: flex;
  flex-wrap: wrap;
}

.td-reference-sponsor:has(.adsclientone-async-slot--has-ad) > .vc_column_container {
  float: none;
  width: 100%;
  flex: 0 0 100%;
}

.td-reference-sponsor .adsclientone-slot {
  gap: 10px;
  padding: 18px 20px;
  border: 1px solid var(--td-line);
  border-radius: var(--td-radius);
  background: color-mix(in srgb, var(--td-blue-soft) 40%, var(--td-surface));
}

.td-reference-sponsor .adsclientone-slot__label {
  width: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--td-pink);
  font: 800 10px/1.2 var(--td-sans);
  letter-spacing: .14em;
}

.td-reference-sponsor .adsclientone-slot .adsserverone-creative--text {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.td-reference-sponsor .adsclientone-slot .adsserverone-creative__text-body { gap: 5px; padding: 0; }
.td-reference-sponsor .adsclientone-slot .adsserverone-creative__title { color: var(--td-ink); font: 700 17px/1.25 var(--td-heading); }
.td-reference-sponsor .adsclientone-slot .adsserverone-creative__copy { color: var(--td-copy); font: 14px/1.55 var(--td-sans); }
.td-reference-sponsor .adsclientone-slot .adsserverone-creative__cta { color: var(--td-blue); font: 700 13px/1.3 var(--td-sans); }
.td-reference-sponsor .adsclientone-slot .adsserverone-creative__link:focus-visible { outline: 2px solid var(--td-blue); outline-offset: 4px; }
.td-reference-sponsor .adsclientone-slot .adsserverone-creative__image { border-radius: var(--td-radius); }

/* Product section */
.td-reference-apps-heading {
  max-width: var(--td-content-width);
  margin: 0 auto !important;
  padding: 92px 0 40px;
  display: flex;
  align-items: end;
  gap: 70px;
  border-top: 1px solid var(--td-line);
}

.td-reference-apps-heading > .vc_column_container:first-child { width: calc(60% - 35px) !important; flex: 0 0 calc(60% - 35px); }
.td-reference-apps-heading > .vc_column_container:last-child { width: calc(40% - 35px) !important; flex: 0 0 calc(40% - 35px); }
.td-reference-apps-heading .td-section-kicker { margin-bottom: 17px; }
.td-reference-apps-heading__copy { padding-bottom: 5px; }

.td-reference-product {
  max-width: var(--td-content-width);
  min-height: 610px;
  margin: 0 auto 28px !important;
  overflow: hidden;
  border: 1px solid var(--td-line);
  border-radius: var(--td-radius);
  display: flex;
  background: var(--td-surface);
}

.td-reference-product > .vc_column_container { min-height: 610px; }
.td-reference-product > .vc_column_container:first-child { width: 58% !important; flex: 0 0 58%; }
.td-reference-product > .vc_column_container:last-child { width: 42% !important; flex: 0 0 42%; }
.td-reference-product--sms > .vc_column_container:first-child { width: 42% !important; flex-basis: 42%; }
.td-reference-product--sms > .vc_column_container:last-child { width: 58% !important; flex-basis: 58%; }

.td-reference-product__copy > .vc_column-inner { height: 100%; }
.td-reference-product__copy > .vc_column-inner > .wpb_wrapper { height: 100%; padding: clamp(44px, 5vw, 72px); display: flex; flex-direction: column; justify-content: center; }
.td-product-links { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 24px; }
.td-product-links .td-text-link--subtle { color: var(--td-copy) !important; font-size: 12px; }
.td-product-links .td-text-link--subtle:hover { color: var(--td-pink) !important; }

.td-app-name { margin-bottom: 28px; display: inline-flex; align-items: center; gap: 13px; }
.td-app-name img { width: 48px; height: 48px; border-radius: var(--td-radius); }
.td-app-name span,
.td-app-name strong,
.td-app-name small { display: block; }
.td-app-name small { margin-bottom: 2px; color: var(--td-pink); font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.td-app-name strong { color: var(--td-ink); font-size: 18px; }

.td-reference-product__copy h3 { max-width: 700px; margin: 0 0 18px; color: var(--td-ink); font-family: var(--td-heading); font-size: clamp(34px, 3.3vw, 50px) !important; font-weight: 700; letter-spacing: -.055em; line-height: 1.05; }
.td-product-intro { max-width: 680px; margin: 0; color: var(--td-copy); font-size: 15px; line-height: 1.7; }

.td-check-list { margin: 26px 0; padding: 0; list-style: none; }
.td-check-list li { margin: 0; padding: 10px 0 10px 30px; position: relative; border-top: 1px solid var(--td-line); color: var(--td-ink); font-size: 13px; line-height: 1.5; }
.td-check-list li:last-child { border-bottom: 1px solid var(--td-line); }
.td-check-list li::before { width: 17px; height: 17px; position: absolute; left: 0; top: 11px; border-radius: var(--td-radius); display: grid; place-items: center; background: var(--td-blue-soft); color: var(--td-blue); content: "✓"; font-size: 10px; font-weight: 700; }

.td-text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--td-blue) !important; font-size: 14px; font-weight: 700; }
.td-text-link:hover { color: var(--td-pink) !important; }

.td-reference-product__visual { background: var(--td-blue-soft); }
.td-reference-product__visual--sms { background: color-mix(in srgb, var(--td-pink) 17%, var(--td-paper)); }
.td-reference-product__visual > .vc_column-inner,
.td-reference-product__visual > .vc_column-inner > .wpb_wrapper,
.td-reference-product__visual .wpb_content_element,
.td-reference-product__visual .wpb_wrapper { height: 100%; }

.td-product-stage { height: 100%; min-height: 610px; position: relative; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; }
.td-product-stage::before,
.td-product-stage::after { position: absolute; background: color-mix(in srgb, var(--td-ink) 12%, transparent); content: ""; }
.td-product-stage::before { width: 1px; inset: 0 auto 0 27%; }
.td-product-stage::after { height: 1px; inset: 34% 0 auto; }
.td-product-index { position: absolute; top: 28px; right: 28px; z-index: 2; color: var(--td-ink); font-size: 10px; font-weight: 700; letter-spacing: .12em; }

/* PhoneOne stays a plugin component; these rules only size its placement inside this product stage. */
.td-reference-product--dialer,
.td-reference-product--dialer > .vc_column_container,
.td-reference-product--dialer .td-product-stage { min-height: 650px; }
.td-reference-product--dialer .td-product-phoneone { width: 400px; margin: 0 auto 24px; }
.td-reference-product--dialer { margin-bottom: 56px !important; }
.td-reference-product--dialer + .td-reference-product--sms { margin-top: 56px !important; }

.td-reference-product--sms,
.td-reference-product--sms > .vc_column_container,
.td-reference-product--sms .td-product-stage { min-height: 650px; }
.td-reference-product--sms .td-product-phoneone { width: 400px; margin: 0 auto 24px; }

.td-device--product { width: 250px; height: 520px; bottom: -42px; left: auto; }
.td-device--product-sms { position: relative; bottom: -42px; }
.td-sms-ui--large .td-sms-brand strong { font-size: 12px; }
.td-sms-ui--large .td-sms-brand small { font-size: 8px; }
.td-sms-ui--large .td-sms-search { font-size: 9px; }
.td-sms-ui--large .td-sms-thread strong { font-size: 9px; }
.td-sms-ui--large .td-sms-thread small { font-size: 7px; max-width: 130px; }

/* Family section */
.td-reference-family {
  max-width: var(--td-content-width);
  margin: 0 auto 92px !important;
  border-top: 56px solid var(--td-paper);
}

.td-family-panel {
  min-height: 650px;
  overflow: hidden;
  position: relative;
  border-radius: var(--td-radius);
  background: var(--td-surface) url('../images/trustdialer/trustdialer-family.png') center / cover no-repeat;
}

.td-family-panel__copy {
  width: min(610px, 48%);
  padding: 38px 0 38px 70px;
  position: relative;
  z-index: 2;
}

.td-family-panel .td-section-kicker { margin-bottom: 22px; color: var(--td-pink); }
.td-family-panel h2 { margin: 0 0 25px; color: var(--td-ink); font-family: var(--td-heading); font-size: clamp(50px, 5.5vw, 84px) !important; font-weight: 700; letter-spacing: -.065em; line-height: .98; }
.td-family-panel__copy > p:last-of-type { max-width: 520px; margin: 0; color: var(--td-copy); font-size: 16px; line-height: 1.7; }

.td-family-audiences {
  margin-top: 38px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--td-outline-strong);
}

.td-family-audiences span { padding: 17px 14px 0 0; }
.td-family-audiences strong,
.td-family-audiences small { display: block; }
.td-family-audiences strong { color: var(--td-ink); font-size: 12px; }
.td-family-audiences small { margin-top: 5px; color: var(--td-copy); font-size: 10px; line-height: 1.4; }

/* Local-first section */
.td-reference-privacy {
  max-width: none;
  margin: 0 !important;
  padding: 100px max(var(--wpo-inline-gutter), calc((100vw - var(--td-content-width)) / 2));
  display: flex;
  gap: clamp(60px, 7vw, 100px);
  background: var(--td-ink);
  color: var(--td-on-dark);
}

.td-reference-privacy > .vc_column_container { width: calc(50% - 50px) !important; flex: 0 0 calc(50% - 50px); }
.td-reference-privacy .td-section-kicker { margin-bottom: 22px; color: var(--td-cyan); }
.td-reference-privacy .td-section-lead { max-width: 620px; margin-top: 25px; color: var(--td-on-dark-muted); }
.td-reference-privacy__facts { border-top: 1px solid var(--td-dark-line); }
.td-reference-privacy__facts > .vc_column-inner > .wpb_wrapper > .wpb_content_element { border-bottom: 1px solid var(--td-dark-line); }

.td-privacy-fact { min-height: 145px; padding: 25px 0; display: grid; grid-template-columns: 48px 1fr; gap: 20px; }
.td-privacy-number { color: var(--td-cyan); font-size: 11px; font-weight: 700; }
.td-privacy-fact h3 { margin: -4px 0 7px; color: var(--td-on-dark); font-family: var(--td-heading); font-size: 20px; font-weight: 700; }
.td-privacy-fact p { margin: 0; color: var(--td-on-dark-muted); font-size: 13px; line-height: 1.65; }

/* Final CTA */
.td-reference-final {
  max-width: var(--td-content-width);
  min-height: 300px;
  margin: 88px auto !important;
  padding: 50px 54px;
  overflow: hidden;
  position: relative;
  border-radius: var(--td-radius);
  display: flex;
  align-items: center;
  gap: 50px;
  background: var(--td-blue);
  color: var(--td-on-dark);
}

.td-reference-final::after {
  width: 300px;
  height: 210px;
  position: absolute;
  right: -80px;
  bottom: -100px;
  border-radius: var(--td-radius);
  background: var(--td-pink);
  content: "";
  transform: rotate(-13deg);
}

.td-reference-final > .vc_column_container { position: relative; z-index: 2; }
.td-reference-final > .vc_column_container:first-child { width: calc(66.666% - 25px) !important; flex: 0 0 calc(66.666% - 25px); }
.td-reference-final > .vc_column_container:last-child { width: calc(33.333% - 25px) !important; flex: 0 0 calc(33.333% - 25px); }
.td-reference-final .td-section-kicker { margin-bottom: 17px; color: var(--td-on-dark); }
.td-reference-final h2 { max-width: 800px; margin: 0; color: var(--td-on-dark); font-family: var(--td-heading); font-size: clamp(40px, 4.6vw, 64px) !important; font-weight: 700; letter-spacing: -.06em; line-height: 1; }
.td-reference-final__actions .td-actions { justify-content: flex-end; }

/* Shared WPO footer */
.wpo-footer:has(.td-reference-footer) { margin: 0; padding: 0; border: 0; background: var(--td-surface); }
.wpo-footer:has(.td-reference-footer) .wpo-footer__content { padding: 0; }
.td-reference-footer { max-width: none; padding: 0 max(var(--wpo-inline-gutter), calc((100vw - var(--td-content-width)) / 2)) !important; }
.td-reference-footer__top { min-height: 150px; padding: 34px 0; display: grid; grid-template-columns: .7fr 1fr; align-items: center; gap: 26px 40px; }
.td-reference-footer__tagline { margin: 0; color: var(--td-copy); font-size: 13px; line-height: 1.6; }
.td-reference-footer__top nav { grid-column: 1 / -1; display: flex; justify-content: flex-start; flex-wrap: nowrap; width: 100%; gap: clamp(16px, 2vw, 28px); overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.td-reference-footer__top nav::-webkit-scrollbar { display: none; }
.td-reference-footer__top nav a { color: var(--td-ink) !important; font-size: 12px; font-weight: 700; }
.td-reference-footer__top nav a { flex: 0 0 auto; white-space: nowrap; }
.td-reference-footer__top nav a:hover { color: var(--td-pink) !important; }
.td-reference-footer__bottom { min-height: 54px; border-top: 1px solid var(--td-line); display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--td-copy); font-size: 10px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }

@media (max-width: 1424px) {
  .td-reference-hero,
  .td-reference-why,
  .td-reference-sponsor,
  .td-reference-apps-heading,
  .td-reference-product,
  .td-reference-family,
  .td-reference-final { width: calc(100% - var(--wpo-inline-gutter) - var(--wpo-inline-gutter)); }
}

@media (max-width: 1080px) {
  .td-reference-hero { min-height: auto; padding-top: 70px; align-items: start; }
  .td-reference-hero > .vc_column_container:first-child,
  .td-reference-hero > .vc_column_container:last-child { width: calc(50% - 25px) !important; flex-basis: calc(50% - 25px); }
  .td-reference-hero__copy h1 { font-size: clamp(48px, 6vw, 67px) !important; }
  .td-reference-product__copy > .vc_column-inner > .wpb_wrapper { padding: 42px; }
  .td-family-panel { background-position: 55% center; }
  .td-family-panel__copy { padding-left: 45px; }
}

@media (max-width: 860px) {
  .td-reference-nav { width: calc(100% - var(--wpo-inline-gutter) - var(--wpo-inline-gutter)); min-height: 74px; gap: 12px; }
  .td-reference-menu-toggle { display: inline-flex; }
  .td-reference-nav nav {
    position: absolute;
    top: calc(100% + 1px);
    right: 18px;
    left: 18px;
    z-index: 90;
    margin: 0;
    padding: 14px;
    border: 1px solid var(--td-line);
    border-radius: var(--td-radius);
    display: none;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
    background: var(--td-surface);
    box-shadow: 0 20px 50px color-mix(in srgb, var(--td-ink) 14%, transparent);
  }
  .td-reference-nav nav.is-open { display: flex; }
  .td-reference-nav nav a { padding: 12px 10px; }
  .td-reference-nav nav a::after { display: none; }
  .td-reference-hero,
  .td-reference-why,
  .td-reference-sponsor,
  .td-reference-apps-heading,
  .td-reference-product,
  .td-reference-privacy,
  .td-reference-final { flex-direction: column; }

  .td-reference-home .td-reference-hero > .vc_column_container,
  .td-reference-home .td-reference-why > .vc_column_container,
  .td-reference-home .td-reference-apps-heading > .vc_column_container,
  .td-reference-home .td-reference-product > .vc_column_container,
  .td-reference-home .td-reference-product--sms > .vc_column_container,
  .td-reference-home .td-reference-privacy > .vc_column_container,
  .td-reference-home .td-reference-final > .vc_column_container { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }

  .td-reference-hero { gap: 48px; }
  .td-proof-grid { top: 0; margin-bottom: 0 !important; }
  .td-proof-grid { flex-direction: column; }
  .td-proof-grid > .td-proof-column { width: 100% !important; flex: 0 0 auto !important; }
  .td-proof-column + .td-proof-column { border-left: 0; border-top: 1px solid var(--td-dark-line); }
  .td-proof-item { min-height: 0; }

  .td-reference-why { gap: 50px; padding-block: 82px; }
  .td-reference-apps-heading { align-items: start; gap: 24px; padding-top: 72px; }
  .td-reference-apps-heading__copy { max-width: 640px !important; }
  .td-reference-product--sms .td-reference-product__visual { order: 2; }
  .td-reference-product--sms .td-reference-product__copy { order: 1; }
  .td-reference-product > .vc_column_container { min-height: auto; }
  .td-product-stage { min-height: 560px; }
  .td-reference-product--dialer .td-product-stage { min-height: 640px; }
  .td-reference-product--sms .td-product-stage { min-height: 640px; }

  .td-family-panel { min-height: 740px; background-position: 63% center; }
  .td-family-panel::before { position: absolute; inset: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--td-surface) 96%, transparent) 0%, color-mix(in srgb, var(--td-surface) 78%, transparent) 60%, color-mix(in srgb, var(--td-surface) 12%, transparent)); content: ""; }
  .td-family-panel__copy { width: 72%; }

  .td-reference-privacy { gap: 55px; padding-block: 78px; }
  .td-reference-final { align-items: flex-start; gap: 35px; }
  .td-reference-final__actions .td-actions { justify-content: flex-start; }
  .td-reference-footer__top { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
  .td-reference-brand img { width: 142px; }
  .td-reference-hero,
  .td-reference-why,
  .td-reference-apps-heading,
  .td-reference-product,
  .td-reference-family,
  .td-reference-final { width: calc(100% - var(--wpo-inline-gutter) - var(--wpo-inline-gutter)); }
  .td-reference-proof { padding-inline: var(--wpo-inline-gutter); }
  .td-reference-hero { padding-block: 54px 30px; }
  .td-reference-hero__copy h1 { font-size: 49px !important; }
  .td-reference-hero__lead { font-size: 15px; }
  .td-actions { flex-direction: column; align-items: stretch; }
  .td-button { width: 100%; }
  .td-reference-assurance { max-width: 390px; margin-top: 16px; padding-bottom: 26px; }
  .td-reference-assurance__line { width: min(80%, 310px); }
  .td-reference-assurance__copy { font-size: 16px; }

  .td-proof-item { padding: 24px 22px; }
  .td-reference-why { padding-block: 70px; }
  .td-reference-sponsor:has(.adsclientone-async-slot--has-ad) { margin-bottom: 36px !important; }
  .td-reference-sponsor .adsclientone-slot { padding: 16px; }
  .td-reason { grid-template-columns: 36px 1fr; }
  .td-reason__arrow { display: none; }
  .td-reason h3 { font-size: 20px; }

  .td-reference-apps-heading { padding-top: 64px; }
  .td-reference-product__copy > .vc_column-inner > .wpb_wrapper { padding: 34px 25px; }
  .td-reference-product__copy h3 { font-size: 36px !important; }
  .td-product-stage { min-height: 500px; }
  .td-reference-product--dialer .td-product-stage { min-height: 540px; }
  .td-reference-product--dialer .td-product-phoneone { width: 320px; }
  .td-reference-product--dialer { margin-bottom: 36px !important; }
  .td-reference-product--dialer + .td-reference-product--sms { margin-top: 36px !important; }
  .td-reference-product--sms .td-product-stage { min-height: 540px; }
  .td-reference-product--sms .td-product-phoneone { width: 320px; }
  .td-device--product { width: 220px; height: 460px; }

  .td-reference-family { margin: 0 auto 60px !important; border-top-width: 36px; }
  .td-family-panel { min-height: 760px; background-position: 66% center; }
  .td-family-panel__copy { width: 100%; padding: 55px 24px; }
  .td-family-panel h2 { font-size: 50px !important; }
  .td-family-audiences { grid-template-columns: 1fr; }
  .td-family-audiences span { padding-top: 12px; }

  .td-reference-privacy { padding: 65px 22px; }
  .td-privacy-fact { grid-template-columns: 36px 1fr; }
  .td-reference-final { margin-block: 60px !important; padding: 40px 26px; }
  .td-reference-final h2 { font-size: 42px !important; }

  .td-reference-footer { padding-inline: 22px !important; }
  .td-reference-footer__top { grid-template-columns: 1fr; gap: 18px; }
  .td-reference-footer__bottom { align-items: flex-start; flex-direction: column; justify-content: center; gap: 4px; padding-block: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .td-button,
  .td-reference-nav nav a::after { transition: none; }
}

/* Features page — selected plan #1: a compact, numbered feature index. */
body.td-features-page-body .wpo-content { padding: 0 !important; overflow: visible; }
body.td-features-page-body .td-reference-nav { min-height: 66px; }
body.td-features-page-body .td-reference-brand img { width: 132px; }
body.td-features-page-body .td-reference-nav nav a { font-size: 12px; }

.td-features-page {
  color: var(--td-ink);
  font-family: var(--td-sans);
  -webkit-font-smoothing: antialiased;
}

.td-features-page *,
.td-features-page *::before,
.td-features-page *::after { box-sizing: border-box; }

.td-features-page .vc_row { margin-left: 0 !important; margin-right: 0 !important; }
.td-features-page .vc_column_container { padding: 0 !important; }
.td-features-page .vc_column_container > .vc_column-inner { padding: 0 !important; }
.td-features-page .wpb_content_element { margin-bottom: 0 !important; }
.td-features-page .wpo-element-vc_column_text { padding: 0 !important; border-radius: 0 !important; background: transparent !important; color: inherit !important; font-family: inherit !important; text-align: left !important; }

.td-features-page .td-features-hero,
.td-features-page .td-features-update,
.td-features-page .td-features-library,
.td-features-page .td-features-build-note {
  width: calc(100% - var(--wpo-inline-gutter) - var(--wpo-inline-gutter));
  max-width: var(--td-content-width);
  margin-left: auto !important;
  margin-right: auto !important;
}

.td-features-hero {
  min-height: 488px;
  padding: 40px 0 34px;
  display: flex;
  align-items: center;
  gap: clamp(34px, 5vw, 74px);
}

.td-features-hero > .vc_column_container:first-child { width: calc(51% - 37px) !important; flex: 0 0 calc(51% - 37px); }
.td-features-hero > .vc_column_container:last-child { width: calc(49% - 37px) !important; flex: 0 0 calc(49% - 37px); }
.td-features-hero .td-eyebrow { margin-bottom: 20px; color: var(--td-pink); }
.td-features-hero__title { margin: 0 !important; }
.td-features-hero__title .wpo-cms-heading__title { max-width: 545px; margin: 0 !important; font-size: clamp(50px, 5.25vw, 73px) !important; letter-spacing: -.07em; line-height: .96 !important; }

.td-features-hero__summary {
  max-width: 470px;
  margin: 24px 0 25px !important;
  color: var(--td-copy);
  font-size: 15px;
  line-height: 1.65;
}

.td-features-hero__visual > .vc_column-inner,
.td-features-hero__visual > .vc_column-inner > .wpb_wrapper { height: 100%; }

.td-features-device {
  min-height: 420px;
  margin: 0 !important;
  padding: 24px 28px 0 !important;
  overflow: hidden;
  border-radius: var(--td-radius);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  background: var(--td-stage);
}

.td-features-device::before {
  width: 64%;
  height: 40px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  border-radius: var(--td-radius) var(--td-radius) 0 0;
  background: var(--td-stage-depth);
  box-shadow: 0 -8px 0 color-mix(in srgb, var(--td-surface) 45%, transparent) inset;
  content: "";
}

.td-features-device .vc_single_image-wrapper { position: relative; z-index: 1; display: block; }
.td-features-device img {
  width: 191px;
  height: 365px;
  border: 6px solid var(--td-ink);
  border-bottom: 0;
  border-radius: var(--td-radius) var(--td-radius) 0 0;
  display: block;
  object-fit: cover;
  object-position: top center;
  box-shadow: 0 17px 26px color-mix(in srgb, var(--td-ink) 22%, transparent);
}

.td-features-update {
  margin-top: 8px !important;
  margin-bottom: 48px !important;
  padding-top: 30px;
  border-top: 1px solid var(--td-line);
  display: flex;
  flex-wrap: wrap;
  column-gap: 48px;
  row-gap: 28px;
}

.td-features-update > .vc_column_container { float: none !important; }
.td-features-update > .vc_column_container:first-child { width: 100% !important; flex: 0 0 100%; }
.td-features-update > .vc_column_container:nth-of-type(2),
.td-features-update > .vc_column_container:nth-of-type(3) {
  width: calc(50% - 24px) !important;
  flex: 0 0 calc(50% - 24px);
}

.td-features-update__title { margin: 0 !important; }
.td-features-update__title .wpo-cms-heading__title {
  max-width: 720px;
  margin: 0 !important;
  color: var(--td-ink) !important;
  font-family: var(--td-heading) !important;
  font-size: clamp(32px, 3vw, 42px) !important;
  letter-spacing: -.055em;
  line-height: 1.02 !important;
}

.td-feature-spotlight {
  height: 100%;
  padding-top: 20px;
  border-top: 1px solid var(--td-line);
}

.td-feature-spotlight .td-eyebrow { margin-bottom: 14px; color: var(--td-ink); }
.td-feature-spotlight h3 { margin: 0 0 14px; color: var(--td-ink); font-family: var(--td-heading); font-size: 22px; letter-spacing: -.035em; line-height: 1.12; }
.td-feature-spotlight p { margin: 0 0 14px; color: var(--td-copy); font-size: 15px; line-height: 1.65; }
.td-feature-spotlight p:last-child { margin-bottom: 0; }

.td-features-library {
  margin-top: 16px !important;
  margin-bottom: 48px !important;
  padding-top: 14px;
  border-top: 1px solid var(--td-line);
  display: flex;
  align-items: stretch;
  gap: 26px;
}

/* WPressOne's clearfix pseudo-elements become flex children on these rows.
   Removing them keeps every feature section on the same shared edge. */
.td-features-hero::before,
.td-features-hero::after,
.td-features-update::before,
.td-features-update::after,
.td-features-library::before,
.td-features-library::after,
.td-features-build-note::before,
.td-features-build-note::after {
  content: none !important;
  display: none !important;
}

.td-features-library__rail { width: calc(18% - 13px) !important; flex: 0 0 calc(18% - 13px); }
.td-features-library__content { width: calc(82% - 13px) !important; flex: 0 0 calc(82% - 13px); }

.td-feature-search {
  display: flex;
  min-width: 0;
  min-height: 42px;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px;
  padding: 0 10px;
  border: 1px solid var(--td-line);
  border-radius: var(--td-radius);
  background: color-mix(in srgb, var(--td-paper) 98%, var(--td-ink));
  transition: border-color .18s ease, box-shadow .18s ease;
}

.td-feature-search:focus-within { border-color: color-mix(in srgb, var(--td-blue) 65%, var(--td-line)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--td-blue) 13%, transparent); }

.td-feature-search__icon {
  flex: 0 0 auto;
  color: var(--td-blue);
  font-size: 17px;
  line-height: 1;
  pointer-events: none;
}

.td-feature-search input {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--td-ink);
  font: 700 12px/1.4 var(--td-sans);
}

.td-feature-search input::placeholder { color: var(--td-copy); font-weight: 500; opacity: .82; }

.td-feature-search button {
  display: grid;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: var(--td-radius);
  background: transparent;
  color: var(--td-copy);
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  transition: background-color .18s ease, color .18s ease, opacity .18s ease;
}

.td-feature-search.is-active button { opacity: 1; pointer-events: auto; }
.td-feature-search button:hover,
.td-feature-search button:focus { background: color-mix(in srgb, var(--td-blue) 9%, var(--td-paper)); color: var(--td-ink); }
.td-feature-search button:disabled { cursor: default; }

.td-feature-search__status {
  margin: -7px 0 13px;
  color: var(--td-copy);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.td-feature-search__status[hidden] { display: none; }
.td-features-accordion .card[hidden] { display: none !important; }
.td-feature-search + nav { display: grid; align-content: start; }
.td-feature-search + nav .td-features-map__label { grid-column: 1 / -1; }
.td-feature-search + nav > button[data-td-feature-group],
.td-help-page .td-feature-search + nav > button[data-td-help-group] {
  display: block;
  width: 100%;
  min-height: 28px;
  padding: 9px 0 0 14px;
  border: 0 !important;
  border-left: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--td-ink);
  cursor: pointer;
  font: 700 12px/1.25 var(--td-sans);
  text-align: left;
}
.td-feature-search + nav > button[data-td-feature-group]:hover,
.td-feature-search + nav > button[data-td-feature-group]:focus-visible,
.td-help-page .td-feature-search + nav > button[data-td-help-group]:hover,
.td-help-page .td-feature-search + nav > button[data-td-help-group]:focus-visible { color: var(--td-blue); }
.td-feature-search + nav > button[data-td-feature-group][aria-pressed="true"],
.td-help-page .td-feature-search + nav > button[data-td-help-group][aria-pressed="true"] { border-left-color: var(--td-pink) !important; }
.td-feature-search-match { padding: 0 .1em; border-radius: 2px; background: color-mix(in srgb, var(--td-yellow, #f5d648) 72%, transparent); color: inherit; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

.td-features-map {
  height: 100%;
  padding: 0 21px 0 0;
  border-right: 1px solid var(--td-line);
  display: block;
  color: var(--td-ink);
}

.td-features-map__label {
  min-height: 44px;
  padding: 14px 0 0;
  color: var(--td-ink);
  font-size: 12px;
  font-weight: 700;
}

/* Feature-map sponsors stay out of the document flow unless the async client
   receives a creative. They are intentionally desktop-only: the narrow mobile
   map is a control, not an ad position. */
.td-features-map .adsclientone-async-slot,
.td-help-map .adsclientone-async-slot { display: none; }
.td-features-map .adsclientone-async-slot--has-ad,
.td-help-map .adsclientone-async-slot--has-ad { display: block; margin-top: 22px; }
.td-features-map .adsclientone-slot,
.td-help-map .adsclientone-slot {
  gap: 7px;
  padding-top: 18px;
  border-top: 1px solid var(--td-line);
}
.td-features-map .adsclientone-slot__label,
.td-help-map .adsclientone-slot__label {
  width: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--td-pink);
  font: 800 9px/1.2 var(--td-sans);
  letter-spacing: .13em;
}
.td-features-map .adsclientone-slot .adsserverone-creative--text,
.td-help-map .adsclientone-slot .adsserverone-creative--text { border: 0; border-radius: 0; background: transparent; }
.td-features-map .adsclientone-slot .adsserverone-creative__text-body,
.td-help-map .adsclientone-slot .adsserverone-creative__text-body { gap: 5px; padding: 0; }
.td-features-map .adsclientone-slot .adsserverone-creative__title,
.td-help-map .adsclientone-slot .adsserverone-creative__title { color: var(--td-ink); font: 700 13px/1.3 var(--td-heading); }
.td-features-map .adsclientone-slot .adsserverone-creative__copy,
.td-help-map .adsclientone-slot .adsserverone-creative__copy { color: var(--td-copy); font: 12px/1.5 var(--td-sans); }
.td-features-map .adsclientone-slot .adsserverone-creative__cta,
.td-help-map .adsclientone-slot .adsserverone-creative__cta { color: var(--td-blue); font: 700 12px/1.3 var(--td-sans); }
.td-features-map .adsclientone-slot .adsserverone-creative__link:focus-visible,
.td-help-map .adsclientone-slot .adsserverone-creative__link:focus-visible { outline: 2px solid var(--td-blue); outline-offset: 3px; }
.td-features-map .adsclientone-slot .adsserverone-creative__image,
.td-help-map .adsclientone-slot .adsserverone-creative__image { border-radius: var(--td-radius); }

/* AccordionOne supplies colors, type, controls, and spacing through its Design Studio.
   These three page-scoped rules only turn that component into the reference's ruled index. */
.td-features-accordion { counter-reset: td-feature; }
.td-features-accordion .card { counter-increment: td-feature; }
.td-features-accordion .card + .card { margin-top: 0; }
.td-features-accordion .card-header a { border-width: 0 0 1px !important; border-radius: 0 !important; }
.td-features-accordion .wpo-accordionone-title { display: flex; align-items: center; gap: 18px; }
.td-features-accordion .wpo-accordionone-title::before {
  width: 43px;
  flex: 0 0 43px;
  padding-right: 15px;
  border-right: 1px solid var(--td-line);
  color: var(--td-pink);
  content: counter(td-feature, decimal-leading-zero);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .02em;
}
.td-features-accordion .card-body { border-bottom: 1px solid var(--td-line); }
.td-features-accordion .card-body h3 { margin: 26px 0 10px; color: var(--td-ink); font-size: 15px; line-height: 1.25; }
.td-features-accordion .card-body p { max-width: 760px; margin: 0 0 16px; }

.td-help-page .td-help-hero { align-items: stretch; }
.td-help-page .td-help-hero__copy,
.td-help-page .td-help-hero__chat { display: flex; flex-direction: column; justify-content: center; }
.td-help-page .td-help-chat-intro {
  margin: 0 0 14px;
  padding: 18px 20px;
  border: 1px solid var(--td-line);
  border-radius: var(--td-radius);
  background: color-mix(in srgb, var(--td-stage) 72%, var(--td-paper));
}
.td-help-page .td-help-chat-intro p { margin: 0; color: var(--td-copy); font-size: 14px; line-height: 1.55; }
.td-help-page .td-help-chat-intro .td-section-kicker { margin-bottom: 7px; color: var(--td-pink); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.td-help-page .td-help-chat-intro + .chatone-widget-shell { width: 100%; }
.td-help-page .chatone-widget-shell {
  --chatone-panel-radius: var(--td-radius) !important;
  --chatone-message-radius: var(--td-radius) !important;
  --chatone-button-radius: var(--td-radius) !important;
  --chatone-input-radius: var(--td-radius) !important;
  --chatone-surface: #f7f3eb !important;
  --chatone-surface-strong: #ffffff !important;
  --chatone-ink: var(--td-ink) !important;
  --chatone-muted: var(--td-copy) !important;
  --chatone-accent: var(--td-pink) !important;
  --chatone-accent-strong: var(--td-ink) !important;
  --chatone-button-start: var(--td-pink) !important;
  --chatone-button-end: var(--td-pink) !important;
  --chatone-button-text: #ffffff !important;
  --chatone-button-hover-start: #e54767 !important;
  --chatone-button-hover-end: #e54767 !important;
  --chatone-button-hover-text: #ffffff !important;
  --chatone-header-start: var(--td-ink) !important;
  --chatone-header-end: #163a61 !important;
  --chatone-user-bubble: #e8eef6 !important;
  --chatone-user-bubble-strong: #dde7f3 !important;
  --chatone-outline: var(--td-line) !important;
  --chatone-outline-solid: var(--td-line) !important;
}
.td-help-page .chatone-widget,
.td-help-page .chatone-widget__launcher,
.td-help-page .chatone-widget__input,
.td-help-page .chatone-widget__button,
.td-help-page .chatone-widget__handoff-btn,
.td-help-page .chatone-widget__ghost-btn,
.td-help-page .chatone-widget__close { border-radius: var(--td-radius); }
.td-help-page .chatone-widget__messages { min-height: 360px; max-height: 360px; }
.td-help-page .td-help-library__rail { align-self: flex-start; }
.td-help-page .td-help-map { height: 100%; }
.td-help-page .td-help-articles { display: grid; gap: 0; }
.td-help-page .td-help-article { padding: 25px 0 30px; border-bottom: 1px solid var(--td-line); }
.td-help-page .td-help-article:first-child { padding-top: 4px; }
.td-help-page .td-help-article[hidden] { display: none !important; }
.td-help-page .td-help-article__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.td-help-page .td-help-article__header h2 { margin: 0; color: var(--td-ink); font-size: clamp(25px, 3vw, 36px); letter-spacing: -.045em; line-height: 1.05; }
.td-help-page .td-help-article__header .td-section-kicker { margin: 0 0 8px; color: var(--td-pink); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.td-help-page .td-help-article__app { flex: 0 0 auto; padding: 7px 9px; border: 1px solid var(--td-line); border-radius: var(--td-radius); color: var(--td-copy); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.td-help-page .td-help-article__excerpt { max-width: 760px; margin: 13px 0 20px; color: var(--td-copy); font-size: 15px; line-height: 1.6; }
.td-help-page .td-help-article__body { max-width: 820px; color: var(--td-copy); font-size: 15px; line-height: 1.68; }
.td-help-page .td-help-article__body h2,
.td-help-page .td-help-article__body h3,
.td-help-page .td-help-article__body h4 { margin: 26px 0 9px; color: var(--td-ink); line-height: 1.2; }
.td-help-page .td-help-article__body h2 { font-size: 23px; }
.td-help-page .td-help-article__body h3 { font-size: 18px; }
.td-help-page .td-help-article__body h4 { font-size: 16px; }
.td-help-page .td-help-article__body p { margin: 0 0 15px; }
.td-help-page .td-help-article__body ul { margin: 0 0 20px; padding-left: 22px; }
.td-help-page .td-help-article__body li { margin: 0 0 8px; }
.td-help-page .td-help-article__body code { padding: 2px 5px; border-radius: var(--td-radius); background: color-mix(in srgb, var(--td-blue) 8%, var(--td-paper)); color: var(--td-ink); font-size: .92em; }
.td-help-page .td-help-table { width: 100%; margin: 8px 0 22px; border-collapse: collapse; font-size: 13px; }
.td-help-page .td-help-table th,
.td-help-page .td-help-table td { padding: 10px 12px; border-bottom: 1px solid var(--td-line); text-align: left; vertical-align: top; }
.td-help-page .td-help-table th { color: var(--td-ink); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.td-help-page .td-help-table td { color: var(--td-copy); }

/* Contact page — a practical support route that keeps the existing ContactOne form. */
body.td-contact-page-body .wpo-content { padding: 0 !important; overflow: visible; }
body.td-contact-page-body .td-reference-nav { min-height: 66px; }
body.td-contact-page-body .td-reference-brand img { width: 132px; }
body.td-contact-page-body .td-reference-nav nav a { font-size: 12px; }

.td-contact-page {
  color: var(--td-ink);
  font-family: var(--td-sans);
  -webkit-font-smoothing: antialiased;
}

.td-contact-page *,
.td-contact-page *::before,
.td-contact-page *::after { box-sizing: border-box; }

.td-contact-page .vc_row { margin-right: 0 !important; margin-left: 0 !important; }
.td-contact-page .vc_column_container { padding: 0 !important; }
.td-contact-page .vc_column_container > .vc_column-inner { padding: 0 !important; }
.td-contact-page .wpb_content_element { margin-bottom: 0 !important; }
.td-contact-page .wpo-element-vc_column_text { padding: 0 !important; border-radius: 0 !important; background: transparent !important; color: inherit !important; font-family: inherit !important; text-align: left !important; }
.td-contact-page .td-contact-hero::before,
.td-contact-page .td-contact-hero::after,
.td-contact-page .td-contact-main::before,
.td-contact-page .td-contact-main::after { content: none !important; }

.td-contact-page .td-contact-hero,
.td-contact-page .td-contact-main {
  width: calc(100% - var(--wpo-inline-gutter) - var(--wpo-inline-gutter));
  max-width: var(--td-content-width);
  margin-right: auto !important;
  margin-left: auto !important;
}

.td-contact-hero {
  min-height: 474px;
  padding: 52px 0 46px;
  display: flex;
  align-items: center;
  gap: clamp(38px, 5vw, 74px);
}

.td-contact-hero > .vc_column_container:first-child { width: calc(58.333% - 37px) !important; flex: 0 0 calc(58.333% - 37px); }
.td-contact-hero > .vc_column_container:last-child { width: calc(41.667% - 37px) !important; flex: 0 0 calc(41.667% - 37px); }
.td-contact-hero .td-eyebrow { margin-bottom: 20px; color: var(--td-pink); }
.td-contact-hero__title { margin: 0 !important; }
.td-contact-hero__title .wpo-cms-heading__title { max-width: 660px; margin: 0 !important; color: var(--td-ink) !important; font-family: var(--td-heading) !important; font-size: clamp(50px, 5.25vw, 73px) !important; letter-spacing: -.07em; line-height: .96 !important; }
.td-contact-hero__summary { max-width: 590px; margin: 24px 0 26px !important; color: var(--td-copy); font-size: 16px; line-height: 1.68; }

.td-contact-brief {
  padding: 30px 32px;
  border: 1px solid var(--td-line);
  border-radius: var(--td-radius);
  background: color-mix(in srgb, var(--td-stage) 62%, var(--td-paper));
}
.td-contact-brief .td-section-kicker { margin: 0 0 17px; color: var(--td-pink); }
.td-contact-brief h2,
.td-contact-form-intro h2,
.td-contact-guide h2 { margin: 0; color: var(--td-ink); font-family: var(--td-heading); font-size: clamp(28px, 2.65vw, 38px); letter-spacing: -.05em; line-height: 1.05; }
.td-contact-brief__steps { margin-top: 23px; border-top: 1px solid var(--td-line); }
.td-contact-brief__steps > div { position: relative; min-height: 61px; padding: 14px 0 14px 43px; border-bottom: 1px solid var(--td-line); }
.td-contact-brief__steps span { position: absolute; top: 17px; left: 0; color: var(--td-pink); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.td-contact-brief__steps p { margin: 0; color: var(--td-copy); font-size: 13px; line-height: 1.55; }
.td-contact-brief__steps strong { display: block; margin-bottom: 2px; color: var(--td-ink); }
.td-contact-brief__steps br { display: none; }

.td-contact-main {
  padding: 32px 0 88px;
  border-top: 1px solid var(--td-line);
  display: flex;
  align-items: flex-start;
  gap: clamp(38px, 5vw, 74px);
}
.td-contact-main > .vc_column_container:first-child { width: calc(58.333% - 37px) !important; flex: 0 0 calc(58.333% - 37px); }
.td-contact-main > .vc_column_container:last-child { width: calc(41.667% - 37px) !important; flex: 0 0 calc(41.667% - 37px); }
.td-contact-form-intro { margin: 0 0 22px; }
.td-contact-form-intro .td-section-kicker,
.td-contact-guide > .td-section-kicker { margin: 0 0 14px; color: var(--td-pink); }
.td-contact-form-intro > p:last-child { max-width: 670px; margin: 12px 0 0; color: var(--td-copy); font-size: 15px; line-height: 1.65; }

.td-contact-page .wpo-contactone { margin: 0 !important; }
.td-contact-page .contact-one-form-wrapper {
  --contact-one-panel-bg: var(--td-surface) !important;
  --contact-one-field-bg: var(--td-paper) !important;
  --contact-one-text: var(--td-ink) !important;
  --contact-one-muted: var(--td-copy) !important;
  --contact-one-accent: var(--td-pink) !important;
  --contact-one-accent-strong: #e54767 !important;
  --contact-one-border: var(--td-line) !important;
  --contact-one-button-bg: var(--td-ink) !important;
  --contact-one-button-hover: var(--td-blue) !important;
  --contact-one-button-text: var(--td-on-dark) !important;
  --contact-one-dropzone-bg: color-mix(in srgb, var(--td-stage) 55%, var(--td-paper)) !important;
  --contact-one-panel-radius: var(--td-radius) !important;
  --contact-one-field-radius: var(--td-radius) !important;
  --contact-one-button-radius: var(--td-radius) !important;
  padding: 29px !important;
  border: 1px solid var(--td-line) !important;
  border-radius: var(--td-radius) !important;
  background: var(--td-surface) !important;
  box-shadow: none !important;
}
.td-contact-page .contact-one-form-wrapper .form-group { margin-bottom: 18px; }
.td-contact-page .contact-one-form-wrapper label { color: var(--td-ink) !important; font-size: 13px !important; font-weight: 700 !important; }
.td-contact-page .contact-one-form-wrapper input:not([type="hidden"]),
.td-contact-page .contact-one-form-wrapper textarea { border-color: var(--td-line) !important; border-radius: var(--td-radius) !important; background: var(--td-paper) !important; box-shadow: none !important; }
.td-contact-page .contact-one-form-wrapper input:focus,
.td-contact-page .contact-one-form-wrapper textarea:focus { border-color: var(--td-blue) !important; outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb, var(--td-blue) 15%, transparent) !important; }
.td-contact-page .contact-one-form-wrapper .contact-one-dropzone { border-color: var(--td-blue) !important; border-radius: var(--td-radius) !important; background: color-mix(in srgb, var(--td-stage) 55%, var(--td-paper)) !important; color: var(--td-copy) !important; }
.td-contact-page .contact-one-form-wrapper .button-primary { min-height: 47px; padding-inline: 21px; border-radius: var(--td-radius) !important; background: var(--td-ink) !important; box-shadow: none !important; font-family: var(--td-sans) !important; font-weight: 700 !important; }
.td-contact-page .contact-one-form-wrapper .button-primary:hover { background: var(--td-blue) !important; }

.td-contact-guide { padding-top: 1px; }
.td-contact-guide h2 { max-width: 460px; margin-bottom: 20px; }
.td-contact-guide__item { padding: 18px 0; border-top: 1px solid var(--td-line); }
.td-contact-guide__item strong { color: var(--td-ink); font-size: 15px; }
.td-contact-guide__item p { margin: 6px 0 0; color: var(--td-copy); font-size: 14px; line-height: 1.6; }
.td-contact-guide__notice { margin: 24px 0 18px; padding: 19px 20px; border-radius: var(--td-radius); background: color-mix(in srgb, var(--td-blue) 9%, var(--td-paper)); }
.td-contact-guide__notice strong { color: var(--td-ink); font-size: 14px; }
.td-contact-guide__notice p { margin: 6px 0 0; color: var(--td-copy); font-size: 13px; line-height: 1.55; }
.td-contact-guide__email { margin: 0 0 14px; color: var(--td-copy); font-size: 14px; }
.td-contact-guide__email a { color: var(--td-ink) !important; font-weight: 700; }
.td-contact-page .td-text-link { display: inline-flex; align-items: center; gap: 10px; }

@media (max-width: 960px) {
  .td-contact-hero { min-height: 0; gap: 34px; }
  .td-contact-hero > .vc_column_container:first-child { width: calc(56% - 17px) !important; flex-basis: calc(56% - 17px); }
  .td-contact-hero > .vc_column_container:last-child { width: calc(44% - 17px) !important; flex-basis: calc(44% - 17px); }
  .td-contact-main { gap: 34px; }
  .td-contact-main > .vc_column_container:first-child { width: calc(56% - 17px) !important; flex-basis: calc(56% - 17px); }
  .td-contact-main > .vc_column_container:last-child { width: calc(44% - 17px) !important; flex-basis: calc(44% - 17px); }
  .td-contact-brief { padding: 26px; }
}

@media (max-width: 760px) {
  .td-contact-page .td-contact-hero,
  .td-contact-page .td-contact-main { width: calc(100% - var(--wpo-inline-gutter) - var(--wpo-inline-gutter)); flex-direction: column; }
  .td-contact-page .td-contact-hero > .vc_column_container,
  .td-contact-page .td-contact-main > .vc_column_container { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
  .td-contact-hero { padding: 46px 0 34px; }
  .td-contact-hero__title .wpo-cms-heading__title { font-size: 50px !important; }
  .td-contact-main { padding: 28px 0 64px; }
  .td-contact-main__guide { order: 2; }
  .td-contact-page .contact-one-form-wrapper { padding: 22px !important; }
}

@media (max-width: 500px) {
  .td-contact-hero__title .wpo-cms-heading__title { font-size: 45px !important; }
  .td-contact-hero__summary { font-size: 14px; }
  .td-contact-brief { padding: 23px 20px; }
  .td-contact-brief h2,
  .td-contact-form-intro h2,
  .td-contact-guide h2 { font-size: 29px; }
  .td-contact-page .contact-one-form-wrapper { padding: 18px !important; }
}

.td-features-overview-note,
.td-features-overview-app-links {
  width: calc(100% - var(--wpo-inline-gutter) - var(--wpo-inline-gutter));
  max-width: var(--td-content-width);
  margin-left: auto;
  margin-right: auto;
}

.td-features-overview-note {
  margin-top: 8px;
  margin-bottom: 26px;
  padding: 20px 24px;
  border: 1px solid var(--td-line);
  border-radius: var(--td-radius);
  background: color-mix(in srgb, var(--td-blue) 8%, var(--td-paper));
  color: var(--td-copy);
  font-size: 15px;
  line-height: 1.65;
}

.td-features-overview-note strong { color: var(--td-ink); }
.td-features-overview-accordion .card:nth-child(n + 4) .wpo-accordionone-title::before { color: var(--td-blue); }

.td-features-overview-app-links {
  margin-top: -20px;
  margin-bottom: 66px;
  border-top: 1px solid var(--td-line);
}

.td-features-overview-app-link {
  padding: 20px 0;
  border-bottom: 1px solid var(--td-line);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
}

.td-features-overview-app-link img { width: 48px; height: 48px; border-radius: var(--td-radius); }
.td-features-overview-app-link__eyebrow { display: block; margin-bottom: 4px; color: var(--td-copy); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.td-features-overview-app-link strong { color: var(--td-ink); font-size: 16px; line-height: 1.35; }

/* TrustDialerSms keeps the cloned feature-page treatment on its own page. */
.td-features-sms-page {
  --td-sms-pink: #e51270;
}

.td-features-sms-page #trustdialersms,
.td-features-sms-page #feature-library { scroll-margin-top: 82px; }
.td-features-sms-page .td-features-hero .td-eyebrow { color: var(--td-sms-pink); }
.td-features-sms-page .td-features-hero__title .wpo-cms-heading__title { max-width: 620px; }
.td-features-device--sms::before { background: color-mix(in srgb, var(--td-sms-pink) 10%, var(--td-stage)); }
.td-features-device--sms img { background: #f3f7fd; }
.td-features-sms-accordion .wpo-accordionone-title::before { color: var(--td-sms-pink); }

.td-features-build-note {
  min-height: 160px;
  margin-bottom: 66px !important;
  padding: 34px 42px;
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: 42px;
  background: var(--td-ink);
  color: var(--td-on-dark);
}

.td-features-build-note > .vc_column_container:first-child { width: calc(58% - 21px) !important; flex: 0 0 calc(58% - 21px); }
.td-features-build-note > .vc_column_container:last-child { width: calc(42% - 21px) !important; flex: 0 0 calc(42% - 21px); }
.td-features-build-note__title { margin: 0 !important; }
.td-features-build-note__title .wpo-cms-heading__title { margin: 0 !important; color: var(--td-on-dark) !important; font-family: var(--td-heading) !important; font-size: clamp(32px, 3vw, 42px) !important; letter-spacing: -.055em; line-height: 1.02 !important; }
.td-features-build-note__copy { max-width: 480px; margin-top: 9px; color: var(--td-on-dark-muted); font-size: 14px; line-height: 1.5; }
.td-features-build-note__actions .td-actions { justify-content: flex-end; align-items: center; }
.td-button--coral { border-color: var(--td-pink); background: var(--td-pink); color: var(--td-on-dark) !important; }
.td-button--coral:hover { border-color: var(--td-pink); background: var(--td-pink); color: var(--td-on-dark) !important; }
.td-text-link { color: var(--td-ink) !important; font-size: 13px; font-weight: 700; }
.td-text-link--light { color: var(--td-on-dark) !important; }

@media (max-width: 960px) {
  .td-features-hero { min-height: 0; gap: 32px; }
  .td-features-hero > .vc_column_container:first-child { width: calc(53% - 16px) !important; flex-basis: calc(53% - 16px); }
  .td-features-hero > .vc_column_container:last-child { width: calc(47% - 16px) !important; flex-basis: calc(47% - 16px); }
  .td-features-hero__title .wpo-cms-heading__title { font-size: clamp(45px, 6.2vw, 59px) !important; }
  .td-features-device { min-height: 370px; }
  .td-features-device img { width: 172px; height: 331px; }
  .td-features-library { gap: 20px; }
  .td-features-library__rail { width: calc(21% - 10px) !important; flex-basis: calc(21% - 10px); }
  .td-features-library__content { width: calc(79% - 10px) !important; flex-basis: calc(79% - 10px); }
  .td-features-build-note { padding-inline: 34px; }
}

@media (max-width: 760px) {
  body.page-id-28 .td-reference-nav { min-height: 60px; }
  .td-features-hero,
  .td-features-update,
  .td-features-library,
  .td-features-build-note { width: calc(100% - var(--wpo-inline-gutter) - var(--wpo-inline-gutter)); flex-direction: column; }
  .td-features-hero > .vc_column_container,
  .td-features-update > .vc_column_container,
  .td-features-library > .vc_column_container,
  .td-features-build-note > .vc_column_container { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
  .td-features-hero { padding: 46px 0 32px; align-items: stretch; }
  .td-features-hero__title .wpo-cms-heading__title { font-size: 50px !important; }
  .td-features-device { min-height: 390px; }
  .td-features-device img { width: 181px; height: 348px; }
  .td-features-update { gap: 22px; padding-top: 24px; }
  .td-feature-spotlight { padding-top: 18px; }
  .td-features-library { gap: 18px; }
  .td-features-map { padding: 0 0 13px; border-right: 0; border-bottom: 1px solid var(--td-line); }
  .td-features-map .adsclientone-async-slot,
  .td-help-map .adsclientone-async-slot { display: none !important; }
  .td-feature-search { margin-bottom: 15px; }
  .td-feature-search + nav { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .td-features-overview .td-feature-search + nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .td-feature-search + nav .td-features-map__label { min-height: auto; padding: 0 0 12px; }
  .td-feature-search + nav > button[data-td-feature-group],
  .td-help-page .td-feature-search + nav > button[data-td-help-group] { min-height: 0; padding: 8px 8px 0 0; border-left: 0 !important; font-size: 11px; }
  .td-feature-search + nav > button[data-td-feature-group][aria-pressed="true"],
  .td-help-page .td-feature-search + nav > button[data-td-help-group][aria-pressed="true"] { color: var(--td-pink); }
  .td-features-accordion .card-header a { padding-right: 13px !important; padding-left: 0 !important; }
  .td-features-accordion .wpo-accordionone-title { gap: 11px; }
  .td-features-accordion .wpo-accordionone-title::before { width: 38px; flex-basis: 38px; padding-right: 11px; font-size: 13px; }
  .td-features-build-note { min-height: 0; gap: 24px; padding: 32px 25px; border-radius: var(--td-radius); }
  .td-features-build-note__actions .td-actions { justify-content: flex-start; }
  .td-features-overview-app-link { grid-template-columns: auto minmax(0, 1fr); }
  .td-features-overview-app-link .td-text-link { grid-column: 2; }
}

@media (max-width: 500px) {
  .td-features-hero,
  .td-features-update,
  .td-features-library,
  .td-features-build-note { width: calc(100% - var(--wpo-inline-gutter) - var(--wpo-inline-gutter)); }
  .td-features-hero__title .wpo-cms-heading__title { font-size: 45px !important; }
  .td-features-hero__summary { font-size: 14px; }
  .td-features-device { min-height: 342px; }
  .td-features-device img { width: 158px; height: 304px; }
  .td-feature-search + nav { grid-template-columns: 1fr 1fr; row-gap: 6px; }
  .td-help-page .td-help-article__header { display: block; }
  .td-help-page .td-help-article__app { display: inline-block; margin-top: 12px; }
  .td-features-accordion .card-header a { font-size: 15px !important; line-height: 1.3 !important; }
  .td-features-accordion .card-body { font-size: 15px !important; line-height: 1.65 !important; }
  .td-features-build-note__actions .td-actions { gap: 12px; }
}