/*
 * ThinkDone Solutions - Service Detail page (New Design) styles.
 * Loaded only by service-detail-v2.php, after css/services-v2.css (hero shell, ticker,
 * shared motion, awards, tech stats, trust list, FAQ chat, final CTA, sticky bar).
 * Every rule is scoped to .tdsd-page so it also wins over css/home-v2.css.
 */

/* ---------- motion ---------- */
@keyframes tdsd-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes tdsd-blink { 50% { opacity: 0; } }
@keyframes tdsd-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes tdsd-ping { 0% { box-shadow: 0 0 0 0 rgba(23, 24, 26, .45); } 100% { box-shadow: 0 0 0 9px rgba(23, 24, 26, 0); } }
@keyframes tdsd-flow { to { background-position: 28px 0; } }
@keyframes tdsd-stall { 0% { transform: rotate(0deg); } 55%, 100% { transform: rotate(720deg); } }
@keyframes tdsd-jiggle { 0%, 58%, 100% { transform: none; } 64% { transform: translateY(-2px); } 70% { transform: none; } 76% { transform: translateY(-1.5px); } 82% { transform: none; } }
@keyframes tdsd-crack { 0% { stroke-dashoffset: 16; } 35%, 80% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -16; } }
@keyframes tdsd-plug-a { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-2.5px); } }
@keyframes tdsd-plug-b { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(2.5px); } }
@keyframes tdsd-ghost { 0%, 100% { transform: translateY(0); opacity: 1; } 50% { transform: translateY(-1.5px); opacity: .3; } }
@keyframes tdsd-wander { 0%, 100% { transform: translate(0, 0); } 25% { transform: translate(2px, -1.5px); } 50% { transform: translate(-1.5px, 1px); } 75% { transform: translate(1px, 2px); } }
@keyframes tdsd-drip { 0%, 30% { opacity: 0; transform: translateY(-4px); } 45% { opacity: 1; } 90% { opacity: 0; transform: translateY(1.5px); } 100% { opacity: 0; } }
@keyframes tdsd-tilt { 0%, 60%, 100% { transform: rotate(0deg); } 70% { transform: rotate(12deg); } 80% { transform: rotate(-6deg); } }
@keyframes tdsd-scan { 0%, 100% { transform: translateY(-2.5px); } 50% { transform: translateY(5px); } }
@keyframes tdsd-dots { 0%, 60%, 100% { transform: none; opacity: .45; } 30% { transform: translateY(-3px); opacity: 1; } }
@keyframes tdsd-ping-or { 0% { box-shadow: 0 0 0 0 rgba(255, 89, 47, .55); } 100% { box-shadow: 0 0 0 7px rgba(255, 89, 47, 0); } }
@keyframes tdsd-glitch-in {
	0% { opacity: 0; transform: translate(0, 26px); }
	32% { opacity: 1; transform: translate(-7px, 0) skewX(-5deg); }
	42% { transform: translate(6px, 0) skewX(4deg); }
	52% { transform: translate(-3px, 0) skewX(-1deg); }
	62% { transform: translate(2px, 0); }
	100% { opacity: 1; transform: none; }
}
@keyframes tdsd-split-a { 0% { opacity: .9; transform: translate(-5px, 0); clip-path: inset(0 0 58% 0); } 45% { opacity: .9; transform: translate(4px, 0); clip-path: inset(38% 0 22% 0); } 100% { opacity: 0; transform: none; clip-path: inset(0); } }
@keyframes tdsd-split-b { 0% { opacity: .8; transform: translate(5px, 0); clip-path: inset(55% 0 0 0); } 45% { opacity: .8; transform: translate(-4px, 0); clip-path: inset(10% 0 60% 0); } 100% { opacity: 0; transform: none; clip-path: inset(0); } }

/* ---------- shared bits ---------- */
.tdsd-page .tdsd-aside { max-width: 460px; }
.tdsd-page .tdsd-dots { display: inline-flex; flex: 0 0 auto; gap: 6px; }
.tdsd-page .tdsd-dots i { width: 10px; height: 10px; border-radius: 50%; background: rgba(221, 222, 222, .26); }
.tdsd-page .tdsd-dots i:first-child { background: #FF592F; }
.tdsd-page .tdsd-dots i:nth-child(2) { background: #FFB5A2; }
.tdsd-page .tdsd-bridge { display: inline-flex; align-items: center; gap: 8px; margin-top: 44px; font-family: var(--tds-title); font-weight: 600; font-size: 17px; color: var(--tds-or-text); }
.tdsd-page .tdsd-bridge svg { animation: tdss-nudge 1.6s ease-in-out infinite; }
.tdsd-page .tdsd-bridge:hover { color: var(--tds-ink); }

/* ---------- 1. hero: a web app builds itself ---------- */
.tdsd-page .tdsd-hero__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
.tdsd-page .tdsd-hero .tdss-hero__h { font-size: clamp(40px, 3.7vw, 68px); }
.tdsd-page .tdsd-crumbs ol { display: flex; flex-wrap: wrap; margin: 0 0 26px; padding: 0; list-style: none; font-size: 13px; color: rgba(221, 222, 222, .7); }
.tdsd-page .tdsd-crumbs li + li::before { content: '/'; margin: 0 10px; color: rgba(221, 222, 222, .38); }
.tdsd-page .tdsd-crumbs a { color: var(--tds-peri); transition: color .2s; }
.tdsd-page .tdsd-crumbs a:hover { color: #FFB5A2; }
.tdsd-page .tdsd-crumbs [aria-current] { color: #FFFFFF; }
.tdsd-page .tdsd-proof { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 34px 0 0; padding: 0; list-style: none; }
.tdsd-page .tdsd-proof li { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--tds-peri); }
.tdsd-page .tdsd-proof svg { flex: 0 0 18px; color: var(--tds-or); }

.tdsd-page .tdsd-build { position: relative; width: min(100%, 680px); margin: 0 auto; padding: 30px 0; }
.tdsd-page .tdsd-build__win { position: relative; overflow: hidden; background: rgba(23, 24, 26, .84); border: 1px solid rgba(221, 222, 222, .16); border-radius: 14px; box-shadow: 0 40px 90px rgba(0, 0, 0, .45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.tdsd-page .tdsd-build__bar { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid rgba(221, 222, 222, .1); }
.tdsd-page .tdsd-build__url { display: flex; flex: 1 1 auto; align-items: center; gap: 7px; min-width: 0; padding: 6px 12px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .06); font-size: 12px; color: rgba(221, 222, 222, .8); white-space: nowrap; text-overflow: ellipsis; }
.tdsd-page .tdsd-build__url svg { flex: 0 0 11px; color: var(--tds-or); }
.tdsd-page .tdsd-build__state { display: inline-grid; flex: 0 0 auto; font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; }
.tdsd-page .tdsd-build__state > span { grid-area: 1 / 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 4px 10px; border-radius: 999px; transition: opacity .3s; }
.tdsd-page .tdsd-build__state-a { background: rgba(255, 255, 255, .07); color: var(--tds-peri); }
.tdsd-page .tdsd-build__state-a::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #FFB5A2; animation: tdsd-blink 1s steps(2) infinite; }
.tdsd-page .tdsd-build__state-b { background: var(--tds-or); color: var(--tds-n950); opacity: 0; }
.tdsd-page .tdsd-build.is-run .tdsd-build__state-a { opacity: 0; transition-delay: 3.7s; }
.tdsd-page .tdsd-build.is-run .tdsd-build__state-b { opacity: 1; transition-delay: 3.7s; }

.tdsd-page .tdsd-build__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); min-height: 370px; }
.tdsd-page .tdsd-build__code { margin: 0; padding: 18px 14px; overflow: hidden; border-right: 1px solid rgba(221, 222, 222, .08); list-style: none; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12.5px; line-height: 2.05; color: #EDEDED; }
.tdsd-page .tdsd-build__code li { display: flex; gap: 12px; white-space: nowrap; }
.tdsd-page .tdsd-build__ln { flex: 0 0 14px; text-align: right; color: rgba(221, 222, 222, .3); }
.tdsd-page .tdsd-build__code code { padding: 0; background: none; color: inherit; font: inherit; white-space: pre; clip-path: inset(0 100% 0 0); transition: clip-path .55s steps(18, end); }
.tdsd-page .tdsd-build.is-run .tdsd-build__code code { clip-path: inset(0 0 0 0); transition-delay: calc(.3s + var(--i, 0) * .42s); }
.tdsd-page .tdsd-build__code .tdsd-build__caret code { clip-path: none; }
.tdsd-page .tdsd-build__caret code::after { content: ''; display: inline-block; width: 7px; height: 14px; vertical-align: middle; background: var(--tds-or); animation: tdsd-blink 1s steps(2) infinite; }
.tdsd-page .tdsd-tk-k { color: #FF7A55; }
.tdsd-page .tdsd-tk-f { color: #FFFFFF; font-weight: 600; }
.tdsd-page .tdsd-tk-s { color: #FFC4B4; }
/* Design services: the window lists design layers instead of code. */
.tdsd-page .tdsd-build__layers { font-family: var(--tds-body); font-size: 13px; }
.tdsd-page .tdsd-build__layers li { align-items: center; gap: 9px; }
.tdsd-page .tdsd-layer__ic { display: inline-flex; flex: 0 0 14px; color: #FF7A55; }
.tdsd-page .tdsd-layer--child { padding-left: 18px; }
.tdsd-page .tdsd-layer:first-child code { color: #FFFFFF; font-weight: 600; }

.tdsd-page .tdsd-build__view { display: grid; grid-template-columns: 22% minmax(0, 1fr); grid-template-rows: 24px 16px 66px minmax(0, 1fr); gap: 10px; padding: 14px; background: rgba(255, 255, 255, .025); }
.tdsd-page .tdsd-ui { display: block; border-radius: 6px; background: rgba(255, 255, 255, .08); opacity: 0; transform: translateY(10px) scale(.97); transition: opacity .45s, transform .5s cubic-bezier(.2, .8, .2, 1); }
.tdsd-page .tdsd-build.is-run .tdsd-ui { opacity: 1; transform: none; transition-delay: calc(2.4s + var(--i, 0) * .14s); }
.tdsd-page .tdsd-ui--nav { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; padding: 0 8px; background: rgba(255, 255, 255, .1); }
.tdsd-page .tdsd-ui--nav i { width: 26px; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .24); }
.tdsd-page .tdsd-ui--nav i:first-child { width: 14px; height: 14px; margin-right: auto; border-radius: 4px; background: var(--tds-or); }
.tdsd-page .tdsd-ui--side { grid-row: 2 / 5; display: flex; flex-direction: column; gap: 11px; padding: 14px 10px; }
.tdsd-page .tdsd-ui--side i { height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .18); }
.tdsd-page .tdsd-ui--side i:first-child { width: 72%; background: rgba(255, 89, 47, .85); }
.tdsd-page .tdsd-ui--side i:nth-child(3) { width: 80%; }
.tdsd-page .tdsd-ui--title { width: 46%; border-radius: 4px; background: rgba(255, 255, 255, .22); }
.tdsd-page .tdsd-ui--kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.tdsd-page .tdsd-ui--kpi { position: relative; overflow: hidden; }
.tdsd-page .tdsd-ui--kpi::before { content: ''; position: absolute; left: 10px; top: 12px; width: 42%; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .22); }
.tdsd-page .tdsd-ui--kpi::after { content: ''; position: absolute; left: 10px; bottom: 12px; width: 58%; height: 14px; border-radius: 4px; background: rgba(255, 255, 255, .42); }
.tdsd-page .tdsd-ui--kpi:first-child { background: rgba(255, 89, 47, .18); }
.tdsd-page .tdsd-ui--kpi:first-child::after { background: var(--tds-or); }
.tdsd-page .tdsd-ui--split { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 10px; min-height: 0; }
.tdsd-page .tdsd-ui--chart { display: flex; align-items: flex-end; gap: 8%; padding: 14px 12px 10px; }
.tdsd-page .tdsd-ui--chart i { flex: 1 1 0; height: var(--h, 50%); border-radius: 3px 3px 0 0; background: linear-gradient(180deg, #FF592F, rgba(255, 89, 47, .32)); transform: scaleY(0); transform-origin: bottom; transition: transform .6s cubic-bezier(.2, .8, .2, 1); }
.tdsd-page .tdsd-build.is-run .tdsd-ui--chart i { transform: scaleY(1); transition-delay: calc(3.3s + var(--b, 0) * .07s); }
.tdsd-page .tdsd-ui--rows { display: flex; flex-direction: column; gap: 10px; padding: 14px 10px; }
.tdsd-page .tdsd-ui--rows i { height: 10px; border-radius: 3px; background: rgba(255, 255, 255, .14); }
.tdsd-page .tdsd-ui--rows i:nth-child(2) { width: 78%; }
.tdsd-page .tdsd-ui--rows i:nth-child(3) { width: 90%; }
.tdsd-page .tdsd-ui--rows i:nth-child(4) { width: 64%; }

.tdsd-page .tdsd-build__chip { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: #FFFFFF; color: var(--tds-ink); font-family: var(--tds-title); font-weight: 600; font-size: 13px; white-space: nowrap; box-shadow: 0 16px 40px rgba(0, 0, 0, .35); opacity: 0; transform: translateY(12px) scale(.9); transition: opacity .4s, transform .5s cubic-bezier(.34, 1.56, .64, 1); }
.tdsd-page .tdsd-build__chip svg { color: var(--tds-or-text); }
.tdsd-page .tdsd-build__chip--a { left: -26px; bottom: 70px; }
.tdsd-page .tdsd-build__chip--b { right: -16px; bottom: 4px; background: var(--tds-or); color: var(--tds-n950); }
.tdsd-page .tdsd-build.is-run .tdsd-build__chip--a { opacity: 1; transform: none; transition-delay: 3s; }
.tdsd-page .tdsd-build.is-run .tdsd-build__chip--b { opacity: 1; transform: none; transition-delay: 3.9s; }
.tdsd-page .tdsd-build__pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--tds-n950); animation: tdsd-ping 1.6s ease-out infinite; }

/* Hero window variants: a phone app, a test run, an AI chat or a team board assembles instead of the web app. */
.tdsd-page .tdsd-build__view--phone { display: flex; align-items: center; justify-content: center; padding: 18px 14px; }
.tdsd-page .tdsd-ph { position: relative; display: flex; flex-direction: column; gap: 10px; width: min(100%, 200px); min-height: 318px; padding: 30px 12px 12px; border: 1px solid rgba(221, 222, 222, .22); border-radius: 30px; background: rgba(255, 255, 255, .035); box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .03); }
.tdsd-page .tdsd-ph::before { content: ''; position: absolute; top: 11px; left: 50%; width: 54px; height: 9px; border-radius: 6px; background: rgba(255, 255, 255, .14); transform: translateX(-50%); }
.tdsd-page .tdsd-ph__head { display: flex; align-items: center; gap: 8px; background: none; }
.tdsd-page .tdsd-ph__head i:first-child { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, .2); }
.tdsd-page .tdsd-ph__head i:last-child { width: 48%; height: 7px; border-radius: 4px; background: rgba(255, 255, 255, .32); }
.tdsd-page .tdsd-ph__card { display: flex; flex-direction: column; justify-content: flex-end; gap: 7px; height: 76px; padding: 12px; border-radius: 14px; background: linear-gradient(135deg, #FF592F, #C54524); }
.tdsd-page .tdsd-ph__card i { height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .5); }
.tdsd-page .tdsd-ph__card i:first-child { width: 42%; height: 12px; background: rgba(255, 255, 255, .9); }
.tdsd-page .tdsd-ph__card i:last-child { width: 64%; }
.tdsd-page .tdsd-ph__tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.tdsd-page .tdsd-ph__tiles .tdsd-ui { aspect-ratio: 1; border-radius: 10px; }
.tdsd-page .tdsd-ph__tiles .tdsd-ui:first-child { background: rgba(255, 89, 47, .32); }
.tdsd-page .tdsd-ph__rows { display: flex; flex-direction: column; gap: 9px; padding: 12px 10px; }
.tdsd-page .tdsd-ph__rows i { height: 7px; border-radius: 4px; background: rgba(255, 255, 255, .16); }
.tdsd-page .tdsd-ph__rows i:nth-child(2) { width: 76%; }
.tdsd-page .tdsd-ph__rows i:nth-child(3) { width: 58%; }
.tdsd-page .tdsd-ph__tab { display: flex; flex: 0 0 36px; align-items: center; justify-content: space-around; margin-top: auto; border-radius: 14px; }
.tdsd-page .tdsd-ph__tab i { width: 14px; height: 14px; border-radius: 5px; background: rgba(255, 255, 255, .24); }
.tdsd-page .tdsd-ph__tab i:first-child { background: var(--tds-or); }

.tdsd-page .tdsd-build__view--tests { display: flex; flex-direction: column; gap: 12px; padding: 16px 14px; }
.tdsd-page .tdsd-tr__head { display: flex; flex: 0 0 30px; align-items: center; justify-content: space-between; padding: 0 10px; }
.tdsd-page .tdsd-tr__head i { width: 44%; height: 7px; border-radius: 4px; background: rgba(255, 255, 255, .32); }
.tdsd-page .tdsd-tr__head b { width: 46px; height: 14px; border-radius: 999px; background: rgba(255, 89, 47, .28); transition: background-color .3s; }
.tdsd-page .tdsd-build.is-run .tdsd-tr__head b { background: var(--tds-or); transition-delay: 4.2s; }
.tdsd-page .tdsd-tr__bar { display: block; flex: 0 0 5px; overflow: hidden; border-radius: 3px; background: rgba(255, 255, 255, .08); }
.tdsd-page .tdsd-tr__bar i { display: block; height: 100%; background: linear-gradient(90deg, #FF592F, #FFB5A2); transform: scaleX(0); transform-origin: left; transition: transform 1.8s cubic-bezier(.4, 0, .2, 1); }
.tdsd-page .tdsd-build.is-run .tdsd-tr__bar i { transform: scaleX(1); transition-delay: 2.6s; }
.tdsd-page .tdsd-tr__list { display: flex; flex-direction: column; gap: 8px; }
.tdsd-page .tdsd-tr__row { display: flex; align-items: center; gap: 10px; height: 30px; padding: 0 10px; background: rgba(255, 255, 255, .05); }
.tdsd-page .tdsd-tr__row b { position: relative; flex: 0 0 14px; height: 14px; border: 1.5px solid rgba(255, 255, 255, .3); border-radius: 50%; transition: background-color .25s, border-color .25s; }
.tdsd-page .tdsd-tr__row b::after { content: ''; position: absolute; left: 3.2px; top: .8px; width: 3.5px; height: 7px; border: solid var(--tds-n950); border-width: 0 1.8px 1.8px 0; transform: rotate(45deg) scale(0); transition: transform .25s cubic-bezier(.34, 1.56, .64, 1); }
.tdsd-page .tdsd-build.is-run .tdsd-tr__row b { border-color: var(--tds-or); background: var(--tds-or); transition-delay: calc(2.8s + var(--i, 0) * .22s); }
.tdsd-page .tdsd-build.is-run .tdsd-tr__row b::after { transform: rotate(45deg) scale(1); transition-delay: calc(2.8s + var(--i, 0) * .22s); }
.tdsd-page .tdsd-tr__row i { flex: 0 1 auto; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .2); }
.tdsd-page .tdsd-tr__row em { flex: 0 0 26px; height: 6px; margin-left: auto; border-radius: 3px; background: rgba(255, 255, 255, .12); }
.tdsd-page .tdsd-tr__sum { display: flex; gap: 8px; margin-top: auto; background: none; }
.tdsd-page .tdsd-tr__sum i { flex: 1 1 0; height: 34px; border-radius: 8px; background: rgba(255, 255, 255, .07); }
.tdsd-page .tdsd-tr__sum i:first-child { background: rgba(255, 89, 47, .22); }

.tdsd-page .tdsd-build__view--chat { display: flex; flex-direction: column; gap: 10px; padding: 16px 14px; }
.tdsd-page .tdsd-ch__msg { display: flex; flex-direction: column; gap: 7px; padding: 12px 14px; border-radius: 14px; }
.tdsd-page .tdsd-ch__msg i { height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .3); }
.tdsd-page .tdsd-ch__msg--user { align-self: flex-end; width: 58%; border-bottom-right-radius: 4px; background: rgba(255, 255, 255, .12); }
.tdsd-page .tdsd-ch__msg--user i:nth-child(2) { width: 64%; }
.tdsd-page .tdsd-ch__msg--bot { align-self: flex-start; width: 80%; border-bottom-left-radius: 4px; background: rgba(255, 89, 47, .16); box-shadow: inset 2px 0 0 var(--tds-or); }
.tdsd-page .tdsd-ch__msg--bot i { background: rgba(255, 214, 203, .55); }
.tdsd-page .tdsd-ch__msg--bot i:nth-child(2) { width: 88%; }
.tdsd-page .tdsd-ch__msg--bot i:nth-child(3) { width: 56%; }
.tdsd-page .tdsd-ch__src { display: flex; gap: 8px; background: none; }
.tdsd-page .tdsd-ch__src i { width: 74px; height: 22px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; }
.tdsd-page .tdsd-ch__typing { display: inline-flex; align-self: flex-start; gap: 5px; padding: 10px 12px; border-radius: 999px; background: rgba(255, 89, 47, .16); }
.tdsd-page .tdsd-ch__typing i { width: 6px; height: 6px; border-radius: 50%; background: #FFB5A2; animation: tdsd-dots 1.2s ease-in-out infinite; }
.tdsd-page .tdsd-ch__typing i:nth-child(2) { animation-delay: .15s; }
.tdsd-page .tdsd-ch__typing i:nth-child(3) { animation-delay: .3s; }
.tdsd-page .tdsd-ch__input { display: flex; flex: 0 0 36px; align-items: center; gap: 10px; margin-top: auto; padding: 0 5px 0 14px; border-radius: 999px; }
.tdsd-page .tdsd-ch__input i { flex: 1 1 auto; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .16); }
.tdsd-page .tdsd-ch__input b { flex: 0 0 26px; height: 26px; border-radius: 50%; background: var(--tds-or); }
.tdsd-page .tdsd-build.is-run .tdsd-build__view--chat .tdsd-ui { transition-delay: calc(2.3s + var(--i, 0) * .32s); }

.tdsd-page .tdsd-build__view--team { display: flex; flex-direction: column; gap: 14px; padding: 16px 14px; }
.tdsd-page .tdsd-tm__crew { display: flex; flex: 0 0 34px; align-items: center; padding-left: 4px; background: none; }
.tdsd-page .tdsd-tm__crew i { position: relative; width: 30px; height: 30px; margin-left: -8px; border: 2px solid #252628; border-radius: 50%; background: #727274; }
.tdsd-page .tdsd-tm__crew i:first-child { margin-left: 0; background: var(--tds-or); }
.tdsd-page .tdsd-tm__crew i:nth-child(2) { background: #FFB5A2; }
.tdsd-page .tdsd-tm__crew i:nth-child(4) { background: #C9CACB; }
.tdsd-page .tdsd-tm__crew i:last-child { background: #3B3C3E; }
.tdsd-page .tdsd-tm__crew i:first-child::after { content: ''; position: absolute; right: -3px; bottom: -3px; width: 9px; height: 9px; border: 2px solid #252628; border-radius: 50%; background: #FFFFFF; }
.tdsd-page .tdsd-tm__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 10px; }
.tdsd-page .tdsd-tm__col { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 26px 8px 8px; border-radius: 10px; background: rgba(255, 255, 255, .03); }
.tdsd-page .tdsd-tm__col::before { content: ''; position: absolute; left: 8px; top: 11px; width: 46%; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .24); }
.tdsd-page .tdsd-tm__col:last-child::before { background: rgba(255, 89, 47, .8); }
.tdsd-page .tdsd-tm__card { position: relative; flex: 0 0 46px; border-radius: 8px; background: rgba(255, 255, 255, .09); }
.tdsd-page .tdsd-tm__card::before { content: ''; position: absolute; left: 8px; top: 10px; width: 64%; height: 5px; border-radius: 3px; background: rgba(255, 255, 255, .3); }
.tdsd-page .tdsd-tm__card::after { content: ''; position: absolute; left: 8px; bottom: 9px; width: 14px; height: 14px; border-radius: 50%; background: rgba(255, 255, 255, .2); }
.tdsd-page .tdsd-tm__card--live { background: rgba(255, 89, 47, .18); box-shadow: inset 0 0 0 1px rgba(255, 89, 47, .6); }
.tdsd-page .tdsd-tm__card--live::after { background: var(--tds-or); animation: tdsd-ping-or 1.6s ease-out infinite; }
.tdsd-page .tdsd-build.is-run .tdsd-build__view--team .tdsd-ui { transition-delay: calc(2.3s + var(--i, 0) * .2s); }
.tdsd-page .tdsd-tm__sprint { display: flex; flex-direction: column; justify-content: center; gap: 9px; margin-top: auto; padding: 12px 12px; }
.tdsd-page .tdsd-tm__sprint i { width: 38%; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .3); }
.tdsd-page .tdsd-tm__sprint b { display: block; height: 6px; overflow: hidden; border-radius: 3px; background: rgba(255, 255, 255, .1); }
.tdsd-page .tdsd-tm__sprint em { display: block; width: 72%; height: 100%; border-radius: 3px; background: linear-gradient(90deg, #FF592F, #FFB5A2); transform: scaleX(0); transform-origin: left; transition: transform 1.4s cubic-bezier(.4, 0, .2, 1); }
.tdsd-page .tdsd-build.is-run .tdsd-tm__sprint em { transform: scaleX(1); transition-delay: 4.2s; }

/* ---------- 2. pain points: symptom cards that glitch in ---------- */
.tdsd-page .tdsd-pain__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.tdsd-page .tdsd-pain__card { position: relative; display: flex; flex-direction: column; gap: 12px; min-height: 280px; padding: 32px; overflow: hidden; background: var(--tds-alt); border: 1px solid var(--tds-line); border-radius: 12px; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s, border-color .35s, background-color .35s; }
.tdsd-page .tdsd-pain__card::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--tds-or); transform: scaleX(0); transform-origin: left; transition: transform .5s cubic-bezier(.65, 0, .2, 1); }
.tdsd-page .tdsd-pain__card:hover { transform: translateY(-6px); background: #FFFFFF; border-color: var(--tds-line2); box-shadow: 0 24px 48px rgba(23, 24, 26, .08); }
.tdsd-page .tdsd-pain__card:hover::before { transform: scaleX(1); }
.tdsd-page .tdsd-pain__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.tdsd-page .tdsd-pain__icon { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border: 1px solid var(--tds-line); border-radius: 14px; background: #FFFFFF; color: var(--tds-or-text); }
.tdsd-page .tdsd-pain__icon svg * { transform-box: view-box; }
.tdsd-page .tdsd-pain__tag { display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; border-radius: 6px; background: var(--tds-tint); color: var(--tds-tag); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; letter-spacing: .6px; text-transform: uppercase; }
.tdsd-page .tdsd-pain__tag::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--tds-or); animation: tdsd-blink 1.4s steps(2) infinite; }
.tdsd-page .tdsd-pain__title { position: relative; font-family: var(--tds-title); font-weight: 600; font-size: 22px; line-height: 1.3; color: var(--tds-ink); }
.tdsd-page .tdsd-pain__title::before, .tdsd-page .tdsd-pain__title::after { content: attr(data-text); position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.tdsd-page .tdsd-pain__title::before { color: var(--tds-or); }
.tdsd-page .tdsd-pain__title::after { color: #8F9091; }
.tdsd-page .tdsd-pain__text { font-size: 16px; line-height: 1.65; color: var(--tds-slate); }
.tdsd-page.tdss-ready .tdsd-pain__grid:not(.is-in) .tdsd-pain__card { opacity: 0; }
.tdsd-page.tdss-ready .tdsd-pain__grid.is-in .tdsd-pain__card { animation: tdsd-glitch-in .85s cubic-bezier(.2, .8, .2, 1) backwards; animation-delay: calc(var(--i, 0) * .12s); }
.tdsd-page.tdss-ready .tdsd-pain__grid.is-in .tdsd-pain__title::before { animation: tdsd-split-a .55s steps(3) backwards; animation-delay: calc(.2s + var(--i, 0) * .12s); }
.tdsd-page.tdss-ready .tdsd-pain__grid.is-in .tdsd-pain__title::after { animation: tdsd-split-b .55s steps(3) backwards; animation-delay: calc(.24s + var(--i, 0) * .12s); }
.tdsd-page.tdss-ready .tdsd-pain__grid.is-in .tdsd-pain__card:hover .tdsd-pain__title::before { animation: tdsd-split-a .4s steps(2); }
.tdsd-page.tdss-ready .tdsd-pain__grid.is-in .tdsd-pain__card:hover .tdsd-pain__title::after { animation: tdsd-split-b .4s steps(2); }
/* Each icon shows its problem on a loop. */
.tdsd-page .tdsd-ic-spin { transform-origin: 12px 12px; animation: tdsd-stall 2.6s cubic-bezier(.5, 0, .5, 1) infinite; }
.tdsd-page .tdsd-ic-shackle { animation: tdsd-jiggle 3s ease-in-out infinite; }
.tdsd-page .tdsd-ic-crack { stroke-dasharray: 16; animation: tdsd-crack 3.2s ease-in-out infinite; }
.tdsd-page .tdsd-ic-plug-a { animation: tdsd-plug-a 2.4s ease-in-out infinite; }
.tdsd-page .tdsd-ic-plug-b { animation: tdsd-plug-b 2.4s ease-in-out infinite; }
.tdsd-page .tdsd-ic-blink { animation: tdsd-blink 1.2s steps(2) infinite; }
.tdsd-page .tdsd-ic-ghost { animation: tdsd-ghost 3.2s ease-in-out infinite; }
.tdsd-page .tdsd-ic-wander { animation: tdsd-wander 3s ease-in-out infinite; }
.tdsd-page .tdsd-ic-drip { animation: tdsd-drip 2.2s ease-in infinite; }
.tdsd-page .tdsd-ic-tilt { transform-origin: 17px 7px; animation: tdsd-tilt 3s ease-in-out infinite; }
.tdsd-page .tdsd-ic-lid { transform-origin: 20.5px 6px; animation: tdsd-tilt 3s ease-in-out infinite; }
.tdsd-page .tdsd-ic-scan { animation: tdsd-scan 2.4s ease-in-out infinite; }

/* ---------- 3. value: highlighter statement + self-drawing pillars ---------- */
.tdsd-page .tdsd-value__statement { max-width: 1440px; margin-top: 10px; font-family: var(--tds-display); font-weight: 400; font-size: clamp(34px, 4.6vw, 78px); line-height: 1.12; letter-spacing: -.4px; color: rgba(255, 255, 255, .62); }
.tdsd-page .tdsd-mark { padding: 0 .06em; background: linear-gradient(90deg, #FF592F, #FF8C6E) no-repeat 0 92% / 100% .4em; color: #FFFFFF; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size 1s cubic-bezier(.65, 0, .2, 1); transition-delay: calc(.3s + var(--m, 0) * .55s); }
.tdsd-page.tdss-ready .tdsd-value__statement:not(.is-in) .tdsd-mark { background-size: 0% .4em; }
.tdsd-page .tdsd-pillars { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 96px 0 0; padding: 0; list-style: none; }
.tdsd-page .tdsd-pillar { position: relative; padding: 36px 30px 34px; border: 1px solid rgba(221, 222, 222, .14); border-radius: 12px; background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, 0)); transition: opacity .7s calc(var(--i, 0) * .14s), border-color .3s, transform .35s cubic-bezier(.2, .8, .2, 1); }
.tdsd-page .tdsd-pillar:hover { border-color: rgba(255, 89, 47, .6); transform: translateY(-4px); }
.tdsd-page.tdss-ready .tdsd-pillars:not(.is-in) .tdsd-pillar { opacity: 0; }
.tdsd-page .tdsd-pillar__ic { display: block; margin-bottom: 26px; color: var(--tds-or); }
.tdsd-page .tdsd-pillar__ic * { stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset 1.3s cubic-bezier(.6, 0, .2, 1); transition-delay: calc(.25s + var(--i, 0) * .18s); }
.tdsd-page.tdss-ready .tdsd-pillars:not(.is-in) .tdsd-pillar__ic * { stroke-dashoffset: 1; }
.tdsd-page .tdsd-pillar__title { margin-bottom: 10px; font-family: var(--tds-title); font-weight: 600; font-size: 20px; line-height: 1.3; color: #FFFFFF; }
.tdsd-page .tdsd-pillar p { font-size: 15px; line-height: 1.65; color: var(--tds-peri); }

/* ---------- 4. solutions: blueprint screen ---------- */
.tdsd-page .tdsd-sol__grid { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.6fr); align-items: start; gap: 48px; }
.tdsd-page .tdsd-sol__tabs { display: flex; flex-direction: column; border-top: 1px solid var(--tds-line2); }
.tdsd-page .tdsd-sol__tab { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 12px; width: 100%; padding: 20px 4px; border: 0; border-bottom: 1px solid var(--tds-line2); border-radius: 0; background: none; color: var(--tds-slate); font-family: var(--tds-title); font-weight: 600; font-size: 18px; line-height: 1.3; text-align: left; cursor: pointer; transition: color .25s, padding .35s cubic-bezier(.2, .8, .2, 1); }
.tdsd-page .tdsd-sol__tab:hover { color: var(--tds-ink); }
.tdsd-page .tdsd-sol__tab[aria-selected="true"] { padding-left: 14px; color: var(--tds-ink); }
.tdsd-page .tdsd-sol__num { font-family: var(--tds-body); font-weight: 500; font-size: 13px; color: var(--tds-or-text); }
.tdsd-page .tdsd-sol__bar { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--tds-or); transform: scaleX(0); transform-origin: left; }
.tdsd-page .tdsd-sol__tab[aria-selected="true"] .tdsd-sol__bar { transform: scaleX(1); }
.tdsd-page .tdsd-sol__grid.is-auto .tdsd-sol__tab[aria-selected="true"] .tdsd-sol__bar { animation: tdsd-fill 6s linear both; }
.tdsd-page .tdsd-sol__grid.is-paused .tdsd-sol__bar { animation-play-state: paused; }
.tdsd-page .tdsd-sol__stage { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: center; gap: 36px; padding: 28px; background: #FFFFFF; border: 1px solid var(--tds-line); border-radius: 16px; }
.tdsd-page .tdsd-sol__screen { --c-d: #17181A; --c-m: #C9CACB; --c-l: #EBEBEC; --c-a: #FF592F; --c-t: #FFD6CB; overflow: hidden; background: #F7F7F8; border: 1px solid var(--tds-line); border-radius: 12px; box-shadow: 0 30px 60px rgba(23, 24, 26, .1); }
.tdsd-page .tdsd-sol__chrome { display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: #FFFFFF; border-bottom: 1px solid var(--tds-line); }
.tdsd-page .tdsd-sol__chrome .tdsd-dots i { background: var(--tds-line2); }
.tdsd-page .tdsd-sol__chrome .tdsd-dots i:first-child { background: #FF592F; }
.tdsd-page .tdsd-sol__addr { flex: 1 1 auto; min-width: 0; padding: 5px 12px; overflow: hidden; border-radius: 999px; background: var(--tds-alt); font-size: 12px; color: var(--tds-slate); white-space: nowrap; text-overflow: ellipsis; }
.tdsd-page .tdsd-sol__canvas { position: relative; margin: 14px; aspect-ratio: 16 / 10.5; }
.tdsd-page .tdsd-blk { position: absolute; left: var(--x, 50%); top: var(--y, 50%); width: var(--w, 0%); height: var(--h, 0%); border-radius: var(--r, 5px); background-color: var(--c, var(--c-l)); opacity: var(--o, 1); transition: left .75s cubic-bezier(.65, 0, .2, 1), top .75s cubic-bezier(.65, 0, .2, 1), width .75s cubic-bezier(.65, 0, .2, 1), height .75s cubic-bezier(.65, 0, .2, 1), border-radius .75s, background-color .5s, opacity .4s; transition-delay: calc(var(--k, 0) * 28ms); }
.tdsd-page .tdsd-sol__panels { display: grid; }
.tdsd-page .tdsd-sol__panel { grid-area: 1 / 1; min-width: 0; }
.tdsd-page .tdsd-sol__panel:not(.is-active) { visibility: hidden; }
.tdsd-page .tdsd-sol__panel.is-active { animation: tdsd-in .5s cubic-bezier(.2, .7, .2, 1) both; }
.tdsd-page .tdsd-sol__h { font-family: var(--tds-display); font-weight: 400; font-size: clamp(28px, 2.3vw, 40px); line-height: 1.05; color: var(--tds-ink); }
.tdsd-page .tdsd-sol__desc { margin-top: 14px; font-size: 17px; line-height: 1.6; color: var(--tds-slate); }
.tdsd-page .tdsd-sol__deliv { display: grid; gap: 12px; margin: 24px 0 0; padding: 22px 0 0; border-top: 1px solid var(--tds-line); list-style: none; }
.tdsd-page .tdsd-sol__deliv li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.5; color: var(--tds-ink); }
.tdsd-page .tdsd-sol__panel.is-active .tdsd-sol__deliv li { animation: tdsd-in .45s cubic-bezier(.2, .7, .2, 1) backwards; animation-delay: calc(.15s + var(--i, 0) * .07s); }
.tdsd-page .tdsd-sol__deliv svg { flex: 0 0 18px; margin-top: 2px; color: var(--tds-or-text); }
.tdsd-page .tdsd-midcta { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 32px; margin-top: 56px; padding: 30px 34px; overflow: hidden; border-radius: 12px; background: var(--tds-n950); color: #FFFFFF; isolation: isolate; }
.tdsd-page .tdsd-midcta::before { content: ''; position: absolute; right: -10%; top: -120%; z-index: -1; width: 60%; height: 340%; background: radial-gradient(closest-side, rgba(255, 89, 47, .34), rgba(255, 89, 47, 0)); pointer-events: none; }
.tdsd-page .tdsd-midcta p { max-width: 760px; font-size: 16px; line-height: 1.6; color: var(--tds-peri); }
.tdsd-page .tdsd-midcta strong { display: block; margin-bottom: 4px; font-family: var(--tds-title); font-weight: 600; font-size: 21px; color: #FFFFFF; }

/* ---------- 5. outcomes: before / after compare ---------- */
.tdsd-page .tdsd-cmp { position: relative; display: grid; overflow: hidden; border-radius: 16px; -webkit-user-select: none; user-select: none; }
.tdsd-page .tdsd-cmp__side { grid-area: 1 / 1; min-width: 0; padding: 44px 56px 36px; border-radius: 16px; }
.tdsd-page .tdsd-cmp__side--before { background: #FFFFFF; border: 1px solid var(--tds-line); }
.tdsd-page .tdsd-cmp__side--after { position: relative; background: var(--tds-n950); color: #FFFFFF; clip-path: inset(0 0 0 var(--pos, 50%)); }
.tdsd-page .tdsd-cmp__side--after::before { content: ''; position: absolute; right: -10%; top: -30%; width: 60%; height: 90%; background: radial-gradient(closest-side, rgba(255, 89, 47, .28), rgba(255, 89, 47, 0)); pointer-events: none; }
.tdsd-page .tdsd-cmp__label { position: relative; margin-bottom: 16px; font-size: 13px; letter-spacing: 1.4px; text-transform: uppercase; color: var(--tds-slate); }
.tdsd-page .tdsd-cmp__side--after .tdsd-cmp__label { text-align: right; color: var(--tds-or); }
.tdsd-page .tdsd-cmp ul { position: relative; margin: 0; padding: 0; list-style: none; }
.tdsd-page .tdsd-cmp li { display: flex; align-items: center; gap: 14px; min-height: 76px; border-top: 1px solid var(--tds-line); font-family: var(--tds-title); font-weight: 600; font-size: clamp(17px, 1.45vw, 24px); line-height: 1.3; }
.tdsd-page .tdsd-cmp__side--before li { color: var(--tds-slate); }
.tdsd-page .tdsd-cmp__side--before li span { text-decoration: line-through; text-decoration-color: rgba(96, 97, 98, .45); text-decoration-thickness: 1.5px; }
.tdsd-page .tdsd-cmp__side--before li svg { flex: 0 0 18px; color: #A9AAAB; }
.tdsd-page .tdsd-cmp__side--after li { justify-content: flex-end; border-top-color: rgba(221, 222, 222, .14); color: #FFFFFF; text-align: right; }
.tdsd-page .tdsd-cmp__side--after li svg { flex: 0 0 18px; color: var(--tds-or); }
.tdsd-page .tdsd-cmp__handle { position: absolute; top: 0; bottom: 0; left: var(--pos, 50%); z-index: 2; width: 2px; margin-left: -1px; background: var(--tds-or); pointer-events: none; }
.tdsd-page .tdsd-cmp__handle > span { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin: -29px 0 0 -29px; border-radius: 50%; background: var(--tds-or); color: var(--tds-n950); box-shadow: 0 0 0 8px rgba(255, 89, 47, .2), 0 14px 30px rgba(23, 24, 26, .25); }
.tdsd-page .tdsd-cmp__range { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; margin: 0; padding: 0; background: transparent; opacity: 0; cursor: ew-resize; -webkit-appearance: none; appearance: none; }
.tdsd-page .tdsd-cmp:focus-within .tdsd-cmp__handle > span { outline: 2px solid var(--tds-ink); outline-offset: 4px; }

/* 6-9 (process, portfolio, testimonials, tech constellation) are the services page components: css/home-v2.css + css/services-v2.css. */

/* ---------- 10. offer: the estimate prints out ---------- */
.tdsd-page .tdsd-offer__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: start; gap: 64px 96px; }
.tdsd-page .tdsd-receipt { position: relative; justify-self: center; width: 100%; max-width: 520px; }
.tdsd-page .tdsd-receipt__slot { position: relative; z-index: 2; display: block; height: 22px; margin: 0 -18px; border-radius: 12px; background: var(--tds-n950); box-shadow: inset 0 -7px 0 #3B3C3E, 0 16px 30px rgba(23, 24, 26, .18); }
.tdsd-page .tdsd-receipt__clip { margin-top: -10px; padding: 0 6px 44px; overflow: hidden; }
.tdsd-page .tdsd-receipt__paper { position: relative; padding: 42px 34px 30px; background: #FFFFFF; color: var(--tds-ink); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace; box-shadow: 0 22px 44px rgba(23, 24, 26, .12); transition: transform 1.9s cubic-bezier(.45, .05, .3, 1); }
.tdsd-page .tdsd-receipt__paper::after { content: ''; position: absolute; left: 0; right: 0; bottom: -12px; height: 12px; background: linear-gradient(135deg, #FFFFFF 6px, transparent 0) 0 0 / 12px 12px repeat-x, linear-gradient(-135deg, #FFFFFF 6px, transparent 0) 0 0 / 12px 12px repeat-x; }
.tdsd-page.tdss-ready .tdsd-receipt:not(.is-in) .tdsd-receipt__paper { transform: translateY(-102%); }
.tdsd-page .tdsd-receipt__brand { font-size: 12px; letter-spacing: 2px; text-align: center; text-transform: uppercase; color: var(--tds-slate); }
.tdsd-page .tdsd-receipt__title { margin-top: 10px; font-family: var(--tds-title); font-weight: 600; font-size: 22px; line-height: 1.3; text-align: center; }
.tdsd-page .tdsd-receipt__meta { margin: 6px 0 20px; padding-bottom: 18px; border-bottom: 1.5px dashed var(--tds-line2); font-size: 12px; text-align: center; color: var(--tds-slate); }
.tdsd-page .tdsd-receipt__lines { margin: 0; padding: 0; list-style: none; }
.tdsd-page .tdsd-receipt__lines li { display: flex; align-items: baseline; gap: 8px; padding: 8px 0; font-size: 13.5px; line-height: 1.45; transition: opacity .3s; transition-delay: calc(.9s + var(--i, 0) * .16s); }
.tdsd-page .tdsd-receipt__dots { flex: 1 1 12px; min-width: 12px; border-bottom: 1.5px dotted var(--tds-line2); transform: translateY(-4px); }
.tdsd-page .tdsd-receipt__inc { font-weight: 600; color: var(--tds-or-text); }
.tdsd-page .tdsd-receipt__total { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 18px; padding-top: 18px; border-top: 1.5px dashed var(--tds-line2); font-size: 14px; transition: opacity .3s; transition-delay: calc(.9s + var(--i, 0) * .16s); }
.tdsd-page .tdsd-receipt__total strong { font-family: var(--tds-display); font-weight: 400; font-size: 56px; line-height: 1; color: var(--tds-or-text); }
.tdsd-page.tdss-ready .tdsd-receipt:not(.is-in) .tdsd-receipt__lines li, .tdsd-page.tdss-ready .tdsd-receipt:not(.is-in) .tdsd-receipt__total { opacity: 0; }
.tdsd-page .tdsd-receipt__code { display: block; height: 36px; margin-top: 22px; background: repeating-linear-gradient(90deg, #17181A 0 2px, transparent 2px 4px, #17181A 4px 5px, transparent 5px 8px, #17181A 8px 11px, transparent 11px 12px); opacity: .82; }
.tdsd-page .tdsd-receipt__stamp { position: absolute; left: 50%; bottom: 20px; padding: 8px 14px; border: 3px solid var(--tds-or); border-radius: 8px; background: rgba(255, 255, 255, .9); color: var(--tds-or); font-family: var(--tds-title); font-weight: 700; font-size: 17px; letter-spacing: 1.5px; text-transform: uppercase; white-space: nowrap; opacity: .95; transform: translateX(-50%) rotate(-8deg); transition: opacity .2s 2.7s, transform .5s cubic-bezier(.34, 1.56, .64, 1) 2.7s; }
.tdsd-page.tdss-ready .tdsd-receipt:not(.is-in) .tdsd-receipt__stamp { opacity: 0; transform: translateX(-50%) rotate(-8deg) scale(2.2); }
.tdsd-page .tdsd-offer__h { margin-bottom: 16px; font-family: var(--tds-body); font-weight: 500; font-size: 13px; letter-spacing: 1.3px; text-transform: uppercase; color: var(--tds-slate); }
.tdsd-page .tdsd-offer__models { margin: 0 0 22px; padding: 0; border-top: 1px solid var(--tds-line); list-style: none; }
.tdsd-page .tdsd-offer__models li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 18px 0; border-bottom: 1px solid var(--tds-line); font-size: 15px; line-height: 1.55; color: var(--tds-slate); transition: padding .3s cubic-bezier(.2, .8, .2, 1); }
.tdsd-page .tdsd-offer__models li:hover { padding-left: 10px; }
.tdsd-page .tdsd-offer__n { padding-top: 3px; font-size: 13px; color: var(--tds-or-text); }
.tdsd-page .tdsd-offer__models strong { display: block; margin-bottom: 4px; font-family: var(--tds-title); font-weight: 600; font-size: 19px; color: var(--tds-ink); }
.tdsd-page .tdsd-offer__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin: 0 0 44px; padding: 16px 20px; border-radius: 10px; background: var(--tds-tint); font-size: 16px; color: var(--tds-ink); }
.tdsd-page .tdsd-offer__price span { font-size: 12px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--tds-tag); }
.tdsd-page .tdsd-offer__promises { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; margin: 0; padding: 0; list-style: none; }
.tdsd-page .tdsd-offer__promises li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.5; color: var(--tds-ink); }
.tdsd-page .tdsd-offer__promises svg { flex: 0 0 18px; margin-top: 2px; color: var(--tds-or-text); }
.tdsd-page .tdsd-offer__promises path { stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset .6s; transition-delay: calc(.2s + var(--i, 0) * .15s); }
.tdsd-page.tdss-ready .tdsd-offer__promises:not(.is-in) path { stroke-dashoffset: 1; }
.tdsd-page .tdsd-offer__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin-top: 40px; }
.tdsd-page .tdsd-offer__cta p { font-size: 14px; color: var(--tds-slate); }

/* ---------- 12. final CTA: three steps ---------- */
.tdsd-page .tdsd-next { position: relative; display: flex; justify-content: center; max-width: 780px; margin: 40px auto 0; padding: 0; list-style: none; }
.tdsd-page .tdsd-next li { position: relative; display: flex; flex: 1 1 0; flex-direction: column; align-items: center; gap: 12px; font-family: var(--tds-title); font-weight: 600; font-size: 15px; line-height: 1.35; color: #FFFFFF; }
.tdsd-page .tdsd-next li + li::before { content: ''; position: absolute; top: 19px; left: calc(-50% + 30px); right: calc(50% + 30px); height: 2px; background: repeating-linear-gradient(90deg, rgba(255, 89, 47, .75) 0 8px, transparent 8px 14px) 0 0 / 28px 2px; transform-origin: left; animation: tdsd-flow 1.2s linear infinite; transition: transform .6s cubic-bezier(.65, 0, .2, 1); transition-delay: calc(.2s + var(--i, 0) * .35s); }
.tdsd-page.tdss-ready .tdsd-next:not(.is-in) li + li::before { transform: scaleX(0); }
.tdsd-page .tdsd-next__n { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1.5px solid var(--tds-or); border-radius: 50%; background: var(--tds-or); color: var(--tds-n950); font-size: 15px; transition: background-color .4s, color .4s; transition-delay: calc(var(--i, 0) * .35s); }
.tdsd-page.tdss-ready .tdsd-next:not(.is-in) .tdsd-next__n { background: transparent; color: var(--tds-or); }

/* ---------- responsive ---------- */
@media (max-width: 1440px) {
	.tdsd-page .tdsd-sol__stage { gap: 28px; padding: 24px; }
}
@media (max-width: 1280px) {
	.tdsd-page .tdsd-build__chip--a { left: -10px; }
}
@media (max-width: 1200px) {
	.tdsd-page .tdsd-sol__stage { grid-template-columns: minmax(0, 1fr); }
}
/* Narrow desktops: the hero window is too slim for code and preview side by side, so they stack. */
@media (min-width: 1025px) and (max-width: 1240px) {
	.tdsd-page .tdsd-build__body { grid-template-columns: minmax(0, 1fr); min-height: 0; }
	.tdsd-page .tdsd-build__code { border-right: 0; border-bottom: 1px solid rgba(221, 222, 222, .08); line-height: 1.85; }
	.tdsd-page .tdsd-build__view { min-height: 230px; }
	.tdsd-page .tdsd-tr__row:nth-child(n+5) { display: none; }
}
@media (max-width: 1100px) {
	.tdsd-page .tdsd-pain__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.tdsd-page .tdsd-pillars { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.tdsd-page .tdsd-offer__grid { grid-template-columns: minmax(0, 1fr); }
	.tdsd-page .tdsd-receipt { justify-self: start; }
}
@media (max-width: 1024px) {
	.tdsd-page .tdsd-hero__grid { grid-template-columns: minmax(0, 1fr); }
	.tdsd-page .tdsd-build { width: min(100%, 640px); margin: 0; }
	.tdsd-page .tdsd-sol__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.tdsd-page .tdsd-sol__tabs { flex-direction: row; gap: 8px; padding-bottom: 4px; overflow-x: auto; border-top: 0; scrollbar-width: none; }
	.tdsd-page .tdsd-sol__tabs::-webkit-scrollbar { display: none; }
	.tdsd-page .tdsd-sol__tab { flex: 0 0 auto; grid-template-columns: auto auto; gap: 8px; width: auto; padding: 10px 16px; border: 1px solid var(--tds-line2); border-radius: 999px; font-size: 15px; white-space: nowrap; }
	.tdsd-page .tdsd-sol__tab[aria-selected="true"] { padding-left: 16px; border-color: var(--tds-ink); background: var(--tds-ink); color: #FFFFFF; }
	.tdsd-page .tdsd-sol__tab[aria-selected="true"] .tdsd-sol__num { color: var(--tds-or); }
	.tdsd-page .tdsd-sol__bar { display: none; }
}
@media (max-width: 768px) {
	.tdsd-page .tdsd-pain__grid, .tdsd-page .tdsd-pillars, .tdsd-page .tdsd-offer__promises { grid-template-columns: minmax(0, 1fr); }
	.tdsd-page .tdsd-pain__card { min-height: 0; padding: 26px 22px; }
	.tdsd-page .tdsd-pillars { margin-top: 56px; }
	.tdsd-page .tdsd-sol__stage { padding: 16px; }
	.tdsd-page .tdsd-midcta { padding: 26px 22px; }
	.tdsd-page .tdsd-midcta .tdsv2-btn { width: 100%; }
	.tdsd-page .tdsd-out__hint { display: none; }
	.tdsd-page .tdsd-cmp { gap: 16px; overflow: visible; }
	.tdsd-page .tdsd-cmp__side { grid-area: auto; padding: 26px 22px 18px; }
	.tdsd-page .tdsd-cmp__side--after { clip-path: none; }
	.tdsd-page .tdsd-cmp__side--after .tdsd-cmp__label { text-align: left; }
	.tdsd-page .tdsd-cmp__side--after li { flex-direction: row-reverse; justify-content: flex-end; text-align: left; }
	.tdsd-page .tdsd-cmp li { min-height: 60px; padding: 12px 0; font-size: 17px; }
	.tdsd-page .tdsd-cmp__handle, .tdsd-page .tdsd-cmp__range { display: none; }
	.tdsd-page .tdsd-receipt__paper { padding: 34px 22px 26px; }
	.tdsd-page .tdsd-receipt__total strong { font-size: 44px; }
	.tdsd-page .tdsd-offer__cta .tdsv2-btn { width: 100%; }
}
@media (max-width: 600px) {
	.tdsd-page .tdsd-build { padding: 20px 0 30px; }
	.tdsd-page .tdsd-build__body { grid-template-columns: minmax(0, 1fr); min-height: 0; }
	.tdsd-page .tdsd-build__code { padding: 14px; border-right: 0; border-bottom: 1px solid rgba(221, 222, 222, .08); font-size: 12px; line-height: 1.9; }
	.tdsd-page .tdsd-build__view { min-height: 240px; }
	.tdsd-page .tdsd-ph { width: min(100%, 184px); min-height: 290px; }
	.tdsd-page .tdss-final__ctas .tdsv2-btn { padding-left: 18px; padding-right: 18px; font-size: 15px; }
	.tdsd-page .tdsd-tr__row:nth-child(n+5) { display: none; }
	.tdsd-page .tdsd-build__state { display: none; }
	.tdsd-page .tdsd-build__chip { padding: 8px 12px; font-size: 12px; }
	.tdsd-page .tdsd-build__chip--a { left: 10px; top: auto; bottom: 32px; }
	.tdsd-page .tdsd-build__chip--b { right: 10px; bottom: -8px; }
	.tdsd-page .tdsd-next { flex-direction: column; align-items: flex-start; gap: 16px; max-width: 280px; }
	.tdsd-page .tdsd-next li { flex-direction: row; gap: 14px; text-align: left; }
	.tdsd-page .tdsd-next li + li::before { display: none; }
	.tdsd-page .tdsd-receipt__stamp { bottom: 18px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
	.tdsd-page .tdsd-ic-spin, .tdsd-page .tdsd-ic-shackle, .tdsd-page .tdsd-ic-crack, .tdsd-page .tdsd-ic-plug-a, .tdsd-page .tdsd-ic-plug-b, .tdsd-page .tdsd-ic-blink, .tdsd-page .tdsd-ic-ghost,
	.tdsd-page .tdsd-ic-wander, .tdsd-page .tdsd-ic-drip, .tdsd-page .tdsd-ic-tilt, .tdsd-page .tdsd-ic-lid, .tdsd-page .tdsd-ic-scan,
	.tdsd-page .tdsd-ch__typing i, .tdsd-page .tdsd-tm__card--live::after,
	.tdsd-page .tdsd-pain__tag::before, .tdsd-page .tdsd-build__state-a::before, .tdsd-page .tdsd-build__caret code::after, .tdsd-page .tdsd-build__pulse,
	.tdsd-page .tdsd-next li + li::before, .tdsd-page .tdsd-bridge svg { animation: none; }
	.tdsd-page .tdsd-ic-crack { stroke-dasharray: none; }
	.tdsd-page .tdsd-sol__panel.is-active, .tdsd-page .tdsd-sol__panel.is-active .tdsd-sol__deliv li { animation: none; }
	.tdsd-page .tdsd-build *, .tdsd-page .tdsd-blk { transition: none !important; }
}
/* Solutions blueprint: block geometry per build type (generated, 12 blocks each). */
.tdsd-page .tdsd-sol__screen[data-layout="app"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="app"] .tdsd-blk--1{ --x:0%; --y:9%; --w:18%; --h:91%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="app"] .tdsd-blk--2{ --x:22%; --y:14%; --w:34%; --h:6%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="app"] .tdsd-blk--3{ --x:22%; --y:25%; --w:23%; --h:16%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="app"] .tdsd-blk--4{ --x:48%; --y:25%; --w:23%; --h:16%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="app"] .tdsd-blk--5{ --x:74%; --y:25%; --w:23%; --h:16%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="app"] .tdsd-blk--6{ --x:22%; --y:45%; --w:48%; --h:51%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="app"] .tdsd-blk--7{ --x:26%; --y:66%; --w:40%; --h:25%; --c:var(--c-a); }
.tdsd-page .tdsd-sol__screen[data-layout="app"] .tdsd-blk--8{ --x:73%; --y:45%; --w:24%; --h:14%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="app"] .tdsd-blk--9{ --x:73%; --y:63%; --w:24%; --h:14%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="app"] .tdsd-blk--10{ --x:73%; --y:81%; --w:24%; --h:15%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="app"] .tdsd-blk--11{ --x:80%; --y:13%; --w:17%; --h:8%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="portal"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="portal"] .tdsd-blk--1{ --x:4%; --y:14%; --w:28%; --h:40%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="portal"] .tdsd-blk--2{ --x:12%; --y:18%; --w:12%; --h:19%; --c:var(--c-a); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="portal"] .tdsd-blk--3{ --x:9%; --y:42%; --w:18%; --h:5%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="portal"] .tdsd-blk--4{ --x:36%; --y:14%; --w:60%; --h:7%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="portal"] .tdsd-blk--5{ --x:36%; --y:25%; --w:60%; --h:11%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="portal"] .tdsd-blk--6{ --x:36%; --y:39%; --w:60%; --h:11%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="portal"] .tdsd-blk--7{ --x:36%; --y:53%; --w:60%; --h:11%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="portal"] .tdsd-blk--8{ --x:82%; --y:28%; --w:11%; --h:5%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="portal"] .tdsd-blk--9{ --x:4%; --y:58%; --w:28%; --h:38%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="portal"] .tdsd-blk--10{ --x:36%; --y:68%; --w:60%; --h:28%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="portal"] .tdsd-blk--11{ --x:9%; --y:86%; --w:18%; --h:6%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="saas"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="saas"] .tdsd-blk--1{ --x:25%; --y:15%; --w:50%; --h:8%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="saas"] .tdsd-blk--2{ --x:33%; --y:26%; --w:34%; --h:4%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="saas"] .tdsd-blk--3{ --x:6%; --y:36%; --w:27%; --h:58%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="saas"] .tdsd-blk--4{ --x:36.5%; --y:32%; --w:27%; --h:64%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="saas"] .tdsd-blk--5{ --x:67%; --y:36%; --w:27%; --h:58%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="saas"] .tdsd-blk--6{ --x:11%; --y:84%; --w:17%; --h:6%; --c:var(--c-m); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="saas"] .tdsd-blk--7{ --x:41.5%; --y:86%; --w:17%; --h:6%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="saas"] .tdsd-blk--8{ --x:72%; --y:84%; --w:17%; --h:6%; --c:var(--c-m); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="saas"] .tdsd-blk--9{ --x:41.5%; --y:44%; --w:17%; --h:9%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="saas"] .tdsd-blk--10{ --x:50%; --y:60%; --w:0%; --h:0%; --c:var(--c-l); --o:0; }
.tdsd-page .tdsd-sol__screen[data-layout="saas"] .tdsd-blk--11{ --x:44%; --y:34.5%; --w:12%; --h:5%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="shop"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="shop"] .tdsd-blk--1{ --x:4%; --y:14%; --w:18%; --h:82%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="shop"] .tdsd-blk--2{ --x:26%; --y:14%; --w:22%; --h:34%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="shop"] .tdsd-blk--3{ --x:51%; --y:14%; --w:22%; --h:34%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="shop"] .tdsd-blk--4{ --x:76%; --y:14%; --w:20%; --h:34%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="shop"] .tdsd-blk--5{ --x:26%; --y:51%; --w:16%; --h:4%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="shop"] .tdsd-blk--6{ --x:51%; --y:51%; --w:16%; --h:4%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="shop"] .tdsd-blk--7{ --x:76%; --y:51%; --w:14%; --h:4%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="shop"] .tdsd-blk--8{ --x:26%; --y:60%; --w:22%; --h:36%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="shop"] .tdsd-blk--9{ --x:51%; --y:60%; --w:22%; --h:36%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="shop"] .tdsd-blk--10{ --x:86%; --y:2%; --w:10%; --h:5%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="shop"] .tdsd-blk--11{ --x:76%; --y:60%; --w:20%; --h:36%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="site"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="site"] .tdsd-blk--1{ --x:0%; --y:9%; --w:100%; --h:44%; --c:var(--c-l); --r:0px; }
.tdsd-page .tdsd-sol__screen[data-layout="site"] .tdsd-blk--2{ --x:8%; --y:18%; --w:46%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="site"] .tdsd-blk--3{ --x:8%; --y:31%; --w:36%; --h:4%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="site"] .tdsd-blk--4{ --x:8%; --y:39%; --w:16%; --h:7%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="site"] .tdsd-blk--5{ --x:60%; --y:14%; --w:32%; --h:34%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="site"] .tdsd-blk--6{ --x:6%; --y:60%; --w:27%; --h:34%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="site"] .tdsd-blk--7{ --x:36.5%; --y:60%; --w:27%; --h:34%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="site"] .tdsd-blk--8{ --x:67%; --y:60%; --w:27%; --h:34%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="site"] .tdsd-blk--9{ --x:10%; --y:65%; --w:7%; --h:10%; --c:var(--c-a); }
.tdsd-page .tdsd-sol__screen[data-layout="site"] .tdsd-blk--10{ --x:40.5%; --y:65%; --w:7%; --h:10%; --c:var(--c-a); }
.tdsd-page .tdsd-sol__screen[data-layout="site"] .tdsd-blk--11{ --x:71%; --y:65%; --w:7%; --h:10%; --c:var(--c-a); }
.tdsd-page .tdsd-sol__screen[data-layout="api"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="api"] .tdsd-blk--1{ --x:40%; --y:15%; --w:20%; --h:78%; --c:var(--c-d); --r:12px; }
.tdsd-page .tdsd-sol__screen[data-layout="api"] .tdsd-blk--2{ --x:6%; --y:17%; --w:20%; --h:16%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="api"] .tdsd-blk--3{ --x:6%; --y:46%; --w:20%; --h:16%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="api"] .tdsd-blk--4{ --x:6%; --y:75%; --w:20%; --h:16%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="api"] .tdsd-blk--5{ --x:74%; --y:17%; --w:20%; --h:16%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="api"] .tdsd-blk--6{ --x:74%; --y:46%; --w:20%; --h:16%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="api"] .tdsd-blk--7{ --x:74%; --y:75%; --w:20%; --h:16%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="api"] .tdsd-blk--8{ --x:26%; --y:24.3%; --w:14%; --h:1.4%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="api"] .tdsd-blk--9{ --x:26%; --y:82.3%; --w:14%; --h:1.4%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="api"] .tdsd-blk--10{ --x:60%; --y:53.3%; --w:14%; --h:1.4%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="api"] .tdsd-blk--11{ --x:60%; --y:24.3%; --w:14%; --h:1.4%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="migrate"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="migrate"] .tdsd-blk--1{ --x:5%; --y:18%; --w:34%; --h:64%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="migrate"] .tdsd-blk--2{ --x:9%; --y:26%; --w:20%; --h:5%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="migrate"] .tdsd-blk--3{ --x:9%; --y:36%; --w:26%; --h:5%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="migrate"] .tdsd-blk--4{ --x:9%; --y:46%; --w:16%; --h:5%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="migrate"] .tdsd-blk--5{ --x:42%; --y:49%; --w:12%; --h:2%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="migrate"] .tdsd-blk--6{ --x:53%; --y:46%; --w:4%; --h:8%; --c:var(--c-a); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="migrate"] .tdsd-blk--7{ --x:61%; --y:18%; --w:34%; --h:64%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="migrate"] .tdsd-blk--8{ --x:65%; --y:26%; --w:24%; --h:6%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="migrate"] .tdsd-blk--9{ --x:65%; --y:38%; --w:12%; --h:20%; --c:var(--c-a); }
.tdsd-page .tdsd-sol__screen[data-layout="migrate"] .tdsd-blk--10{ --x:79%; --y:38%; --w:12%; --h:20%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="migrate"] .tdsd-blk--11{ --x:65%; --y:64%; --w:14%; --h:7%; --c:var(--c-d); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="research"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="research"] .tdsd-blk--1{ --x:5%; --y:15%; --w:26%; --h:6%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="research"] .tdsd-blk--2{ --x:37%; --y:15%; --w:26%; --h:6%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="research"] .tdsd-blk--3{ --x:69%; --y:15%; --w:26%; --h:6%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="research"] .tdsd-blk--4{ --x:5%; --y:25%; --w:26%; --h:18%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="research"] .tdsd-blk--5{ --x:5%; --y:47%; --w:26%; --h:18%; --c:var(--c-a); }
.tdsd-page .tdsd-sol__screen[data-layout="research"] .tdsd-blk--6{ --x:37%; --y:25%; --w:26%; --h:18%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="research"] .tdsd-blk--7{ --x:37%; --y:47%; --w:26%; --h:18%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="research"] .tdsd-blk--8{ --x:37%; --y:69%; --w:26%; --h:18%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="research"] .tdsd-blk--9{ --x:69%; --y:25%; --w:26%; --h:18%; --c:var(--c-a); }
.tdsd-page .tdsd-sol__screen[data-layout="research"] .tdsd-blk--10{ --x:69%; --y:47%; --w:26%; --h:18%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="research"] .tdsd-blk--11{ --x:5%; --y:69%; --w:26%; --h:18%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="wire"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="wire"] .tdsd-blk--1{ --x:6%; --y:15%; --w:50%; --h:8%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="wire"] .tdsd-blk--2{ --x:6%; --y:27%; --w:38%; --h:4%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="wire"] .tdsd-blk--3{ --x:6%; --y:34%; --w:16%; --h:7%; --c:var(--c-m); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="wire"] .tdsd-blk--4{ --x:60%; --y:14%; --w:34%; --h:32%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="wire"] .tdsd-blk--5{ --x:6%; --y:52%; --w:27%; --h:40%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="wire"] .tdsd-blk--6{ --x:36.5%; --y:52%; --w:27%; --h:40%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="wire"] .tdsd-blk--7{ --x:67%; --y:52%; --w:27%; --h:40%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="wire"] .tdsd-blk--8{ --x:10%; --y:56%; --w:8%; --h:10%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="wire"] .tdsd-blk--9{ --x:40.5%; --y:56%; --w:8%; --h:10%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="wire"] .tdsd-blk--10{ --x:71%; --y:56%; --w:8%; --h:10%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="wire"] .tdsd-blk--11{ --x:86%; --y:2.5%; --w:10%; --h:4%; --c:var(--c-l); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="mobile"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="mobile"] .tdsd-blk--1{ --x:14%; --y:14%; --w:26%; --h:82%; --c:var(--c-d); --r:14px; }
.tdsd-page .tdsd-sol__screen[data-layout="mobile"] .tdsd-blk--2{ --x:16.5%; --y:20%; --w:21%; --h:10%; --c:var(--c-a); }
.tdsd-page .tdsd-sol__screen[data-layout="mobile"] .tdsd-blk--3{ --x:16.5%; --y:34%; --w:21%; --h:22%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="mobile"] .tdsd-blk--4{ --x:16.5%; --y:60%; --w:21%; --h:8%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="mobile"] .tdsd-blk--5{ --x:16.5%; --y:72%; --w:21%; --h:8%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="mobile"] .tdsd-blk--6{ --x:58%; --y:14%; --w:26%; --h:82%; --c:var(--c-d); --r:14px; }
.tdsd-page .tdsd-sol__screen[data-layout="mobile"] .tdsd-blk--7{ --x:60.5%; --y:20%; --w:21%; --h:30%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="mobile"] .tdsd-blk--8{ --x:60.5%; --y:54%; --w:14%; --h:5%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="mobile"] .tdsd-blk--9{ --x:60.5%; --y:62%; --w:21%; --h:5%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="mobile"] .tdsd-blk--10{ --x:60.5%; --y:84%; --w:21%; --h:7%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="mobile"] .tdsd-blk--11{ --x:44%; --y:50%; --w:10%; --h:1.6%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="system"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="system"] .tdsd-blk--1{ --x:5%; --y:15%; --w:11%; --h:17%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="system"] .tdsd-blk--2{ --x:19%; --y:15%; --w:11%; --h:17%; --c:var(--c-d); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="system"] .tdsd-blk--3{ --x:33%; --y:15%; --w:11%; --h:17%; --c:var(--c-t); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="system"] .tdsd-blk--4{ --x:47%; --y:15%; --w:11%; --h:17%; --c:var(--c-m); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="system"] .tdsd-blk--5{ --x:5%; --y:40%; --w:40%; --h:7%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="system"] .tdsd-blk--6{ --x:5%; --y:51%; --w:30%; --h:5%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="system"] .tdsd-blk--7{ --x:5%; --y:60%; --w:36%; --h:3.5%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="system"] .tdsd-blk--8{ --x:62%; --y:15%; --w:33%; --h:8%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="system"] .tdsd-blk--9{ --x:62%; --y:28%; --w:33%; --h:8%; --c:var(--c-l); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="system"] .tdsd-blk--10{ --x:62%; --y:42%; --w:33%; --h:9%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="system"] .tdsd-blk--11{ --x:5%; --y:70%; --w:90%; --h:22%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="cross"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="cross"] .tdsd-blk--1{ --x:38%; --y:22%; --w:24%; --h:56%; --c:var(--c-d); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="cross"] .tdsd-blk--2{ --x:42%; --y:30%; --w:16%; --h:3%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="cross"] .tdsd-blk--3{ --x:42%; --y:38%; --w:12%; --h:3%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="cross"] .tdsd-blk--4{ --x:42%; --y:46%; --w:14%; --h:3%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="cross"] .tdsd-blk--5{ --x:6%; --y:14%; --w:22%; --h:82%; --c:var(--c-l); --r:14px; }
.tdsd-page .tdsd-sol__screen[data-layout="cross"] .tdsd-blk--6{ --x:8.5%; --y:22%; --w:17%; --h:14%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="cross"] .tdsd-blk--7{ --x:72%; --y:14%; --w:22%; --h:82%; --c:var(--c-l); --r:14px; }
.tdsd-page .tdsd-sol__screen[data-layout="cross"] .tdsd-blk--8{ --x:74.5%; --y:22%; --w:17%; --h:14%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="cross"] .tdsd-blk--9{ --x:28%; --y:49%; --w:10%; --h:1.6%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="cross"] .tdsd-blk--10{ --x:62%; --y:49%; --w:10%; --h:1.6%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="cross"] .tdsd-blk--11{ --x:42%; --y:64%; --w:16%; --h:7%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="pay"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="pay"] .tdsd-blk--1{ --x:35%; --y:13%; --w:30%; --h:84%; --c:var(--c-d); --r:16px; }
.tdsd-page .tdsd-sol__screen[data-layout="pay"] .tdsd-blk--2{ --x:38%; --y:22%; --w:24%; --h:20%; --c:var(--c-a); --r:8px; }
.tdsd-page .tdsd-sol__screen[data-layout="pay"] .tdsd-blk--3{ --x:40.5%; --y:34%; --w:10%; --h:3%; --c:var(--c-t); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="pay"] .tdsd-blk--4{ --x:38%; --y:47%; --w:24%; --h:6%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="pay"] .tdsd-blk--5{ --x:38%; --y:56%; --w:24%; --h:6%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="pay"] .tdsd-blk--6{ --x:38%; --y:82%; --w:24%; --h:8%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="pay"] .tdsd-blk--7{ --x:5%; --y:22%; --w:24%; --h:30%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="pay"] .tdsd-blk--8{ --x:5%; --y:56%; --w:24%; --h:30%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="pay"] .tdsd-blk--9{ --x:71%; --y:18%; --w:24%; --h:62%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="pay"] .tdsd-blk--10{ --x:74%; --y:26%; --w:14%; --h:4%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="pay"] .tdsd-blk--11{ --x:74%; --y:68%; --w:18%; --h:6%; --c:var(--c-a); --r:4px; }
.tdsd-page .tdsd-sol__screen[data-layout="store"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="store"] .tdsd-blk--1{ --x:5%; --y:14%; --w:12%; --h:18.3%; --c:var(--c-a); --r:12px; }
.tdsd-page .tdsd-sol__screen[data-layout="store"] .tdsd-blk--2{ --x:21%; --y:15%; --w:34%; --h:6%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="store"] .tdsd-blk--3{ --x:21%; --y:24%; --w:24%; --h:4%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="store"] .tdsd-blk--4{ --x:80%; --y:16%; --w:15%; --h:7%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="store"] .tdsd-blk--5{ --x:21%; --y:31%; --w:18%; --h:3.5%; --c:var(--c-t); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="store"] .tdsd-blk--6{ --x:5%; --y:42%; --w:20%; --h:54%; --c:var(--c-l); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="store"] .tdsd-blk--7{ --x:28%; --y:42%; --w:20%; --h:54%; --c:var(--c-t); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="store"] .tdsd-blk--8{ --x:51%; --y:42%; --w:20%; --h:54%; --c:var(--c-l); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="store"] .tdsd-blk--9{ --x:74%; --y:42%; --w:21%; --h:54%; --c:var(--c-l); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="store"] .tdsd-blk--10{ --x:30.5%; --y:48%; --w:15%; --h:10%; --c:var(--c-a); }
.tdsd-page .tdsd-sol__screen[data-layout="store"] .tdsd-blk--11{ --x:7.5%; --y:48%; --w:15%; --h:4%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="tenant"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="tenant"] .tdsd-blk--1{ --x:5%; --y:15%; --w:27%; --h:26%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="tenant"] .tdsd-blk--2{ --x:36.5%; --y:15%; --w:27%; --h:26%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="tenant"] .tdsd-blk--3{ --x:68%; --y:15%; --w:27%; --h:26%; --c:var(--c-l); }
.tdsd-page .tdsd-sol__screen[data-layout="tenant"] .tdsd-blk--4{ --x:8%; --y:19%; --w:7%; --h:10.7%; --c:var(--c-m); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="tenant"] .tdsd-blk--5{ --x:39.5%; --y:19%; --w:7%; --h:10.7%; --c:var(--c-a); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="tenant"] .tdsd-blk--6{ --x:71%; --y:19%; --w:7%; --h:10.7%; --c:var(--c-m); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="tenant"] .tdsd-blk--7{ --x:18%; --y:41%; --w:1.2%; --h:14%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="tenant"] .tdsd-blk--8{ --x:49.4%; --y:41%; --w:1.2%; --h:14%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="tenant"] .tdsd-blk--9{ --x:81%; --y:41%; --w:1.2%; --h:14%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="tenant"] .tdsd-blk--10{ --x:5%; --y:55%; --w:90%; --h:22%; --c:var(--c-d); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="tenant"] .tdsd-blk--11{ --x:30%; --y:82%; --w:40%; --h:10%; --c:var(--c-m); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="flow"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="flow"] .tdsd-blk--1{ --x:4%; --y:40%; --w:16%; --h:16%; --c:var(--c-a); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="flow"] .tdsd-blk--2{ --x:20%; --y:47.3%; --w:7%; --h:1.4%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="flow"] .tdsd-blk--3{ --x:27%; --y:40%; --w:18%; --h:16%; --c:var(--c-l); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="flow"] .tdsd-blk--4{ --x:45%; --y:47.3%; --w:7%; --h:1.4%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="flow"] .tdsd-blk--5{ --x:52%; --y:40%; --w:12%; --h:18.3%; --c:var(--c-t); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="flow"] .tdsd-blk--6{ --x:64%; --y:48.4%; --w:5%; --h:1.4%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="flow"] .tdsd-blk--7{ --x:69%; --y:24.3%; --w:1.4%; --h:47.4%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="flow"] .tdsd-blk--8{ --x:73%; --y:17%; --w:23%; --h:16%; --c:var(--c-l); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="flow"] .tdsd-blk--9{ --x:73%; --y:63%; --w:23%; --h:16%; --c:var(--c-d); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="flow"] .tdsd-blk--10{ --x:69%; --y:24.3%; --w:4%; --h:1.4%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="flow"] .tdsd-blk--11{ --x:69%; --y:70.3%; --w:4%; --h:1.4%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="report"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="report"] .tdsd-blk--1{ --x:5%; --y:14%; --w:30%; --h:6%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="report"] .tdsd-blk--2{ --x:75%; --y:14%; --w:20%; --h:6%; --c:var(--c-l); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="report"] .tdsd-blk--3{ --x:6%; --y:58%; --w:7%; --h:30%; --c:var(--c-m); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="report"] .tdsd-blk--4{ --x:16%; --y:43%; --w:7%; --h:45%; --c:var(--c-t); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="report"] .tdsd-blk--5{ --x:26%; --y:50%; --w:7%; --h:38%; --c:var(--c-m); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="report"] .tdsd-blk--6{ --x:36%; --y:30%; --w:7%; --h:58%; --c:var(--c-t); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="report"] .tdsd-blk--7{ --x:46%; --y:38%; --w:7%; --h:50%; --c:var(--c-m); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="report"] .tdsd-blk--8{ --x:56%; --y:20%; --w:7%; --h:68%; --c:var(--c-a); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="report"] .tdsd-blk--9{ --x:70%; --y:26%; --w:24%; --h:36.6%; --c:var(--c-d); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="report"] .tdsd-blk--10{ --x:76%; --y:35%; --w:12%; --h:18.3%; --c:var(--c-l); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="report"] .tdsd-blk--11{ --x:70%; --y:70%; --w:24%; --h:5%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="checklist"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="checklist"] .tdsd-blk--1{ --x:5%; --y:14%; --w:36%; --h:6%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="checklist"] .tdsd-blk--2{ --x:78%; --y:14%; --w:17%; --h:6%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="checklist"] .tdsd-blk--3{ --x:5%; --y:27%; --w:5%; --h:7.6%; --c:var(--c-a); --r:4px; }
.tdsd-page .tdsd-sol__screen[data-layout="checklist"] .tdsd-blk--4{ --x:13%; --y:29%; --w:48%; --h:3.6%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="checklist"] .tdsd-blk--5{ --x:5%; --y:43%; --w:5%; --h:7.6%; --c:var(--c-a); --r:4px; }
.tdsd-page .tdsd-sol__screen[data-layout="checklist"] .tdsd-blk--6{ --x:13%; --y:45%; --w:40%; --h:3.6%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="checklist"] .tdsd-blk--7{ --x:5%; --y:59%; --w:5%; --h:7.6%; --c:var(--c-t); --r:4px; }
.tdsd-page .tdsd-sol__screen[data-layout="checklist"] .tdsd-blk--8{ --x:13%; --y:61%; --w:52%; --h:3.6%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="checklist"] .tdsd-blk--9{ --x:5%; --y:75%; --w:5%; --h:7.6%; --c:var(--c-l); --r:4px; }
.tdsd-page .tdsd-sol__screen[data-layout="checklist"] .tdsd-blk--10{ --x:13%; --y:77%; --w:36%; --h:3.6%; --c:var(--c-l); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="checklist"] .tdsd-blk--11{ --x:70%; --y:27%; --w:25%; --h:56%; --c:var(--c-l); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="runner"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="runner"] .tdsd-blk--1{ --x:5%; --y:14%; --w:52%; --h:80%; --c:var(--c-d); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="runner"] .tdsd-blk--2{ --x:9%; --y:22%; --w:30%; --h:3%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="runner"] .tdsd-blk--3{ --x:9%; --y:31%; --w:38%; --h:3%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="runner"] .tdsd-blk--4{ --x:9%; --y:40%; --w:26%; --h:3%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="runner"] .tdsd-blk--5{ --x:9%; --y:49%; --w:34%; --h:3%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="runner"] .tdsd-blk--6{ --x:9%; --y:58%; --w:22%; --h:3%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="runner"] .tdsd-blk--7{ --x:62%; --y:14%; --w:33%; --h:6%; --c:var(--c-l); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="runner"] .tdsd-blk--8{ --x:62%; --y:14%; --w:26%; --h:6%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="runner"] .tdsd-blk--9{ --x:62%; --y:26%; --w:16%; --h:22%; --c:var(--c-t); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="runner"] .tdsd-blk--10{ --x:80%; --y:26%; --w:15%; --h:22%; --c:var(--c-l); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="runner"] .tdsd-blk--11{ --x:62%; --y:54%; --w:33%; --h:40%; --c:var(--c-l); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="perf"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="perf"] .tdsd-blk--1{ --x:5%; --y:14%; --w:28%; --h:6%; --c:var(--c-m); }
.tdsd-page .tdsd-sol__screen[data-layout="perf"] .tdsd-blk--2{ --x:78%; --y:14%; --w:17%; --h:6%; --c:var(--c-t); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="perf"] .tdsd-blk--3{ --x:5%; --y:28%; --w:90%; --h:1%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="perf"] .tdsd-blk--4{ --x:6%; --y:70%; --w:8%; --h:20%; --c:var(--c-m); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="perf"] .tdsd-blk--5{ --x:19%; --y:58%; --w:8%; --h:32%; --c:var(--c-m); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="perf"] .tdsd-blk--6{ --x:32%; --y:46%; --w:8%; --h:44%; --c:var(--c-m); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="perf"] .tdsd-blk--7{ --x:45%; --y:38%; --w:8%; --h:52%; --c:var(--c-t); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="perf"] .tdsd-blk--8{ --x:58%; --y:35%; --w:8%; --h:55%; --c:var(--c-t); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="perf"] .tdsd-blk--9{ --x:71%; --y:34%; --w:8%; --h:56%; --c:var(--c-t); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="perf"] .tdsd-blk--10{ --x:84%; --y:35%; --w:8%; --h:55%; --c:var(--c-a); --r:3px; }
.tdsd-page .tdsd-sol__screen[data-layout="perf"] .tdsd-blk--11{ --x:5%; --y:90%; --w:90%; --h:1%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="devices"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="devices"] .tdsd-blk--1{ --x:4%; --y:16%; --w:52%; --h:50%; --c:var(--c-l); --r:8px; }
.tdsd-page .tdsd-sol__screen[data-layout="devices"] .tdsd-blk--2{ --x:26%; --y:66%; --w:8%; --h:10%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="devices"] .tdsd-blk--3{ --x:20%; --y:76%; --w:20%; --h:3%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="devices"] .tdsd-blk--4{ --x:8%; --y:22%; --w:20%; --h:8%; --c:var(--c-a); }
.tdsd-page .tdsd-sol__screen[data-layout="devices"] .tdsd-blk--5{ --x:8%; --y:34%; --w:44%; --h:4%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="devices"] .tdsd-blk--6{ --x:60%; --y:22%; --w:22%; --h:62%; --c:var(--c-l); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="devices"] .tdsd-blk--7{ --x:63%; --y:28%; --w:16%; --h:10%; --c:var(--c-t); }
.tdsd-page .tdsd-sol__screen[data-layout="devices"] .tdsd-blk--8{ --x:85%; --y:36%; --w:11%; --h:48%; --c:var(--c-d); --r:8px; }
.tdsd-page .tdsd-sol__screen[data-layout="devices"] .tdsd-blk--9{ --x:86.5%; --y:42%; --w:8%; --h:8%; --c:var(--c-a); --r:4px; }
.tdsd-page .tdsd-sol__screen[data-layout="devices"] .tdsd-blk--10{ --x:8%; --y:42%; --w:30%; --h:4%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="devices"] .tdsd-blk--11{ --x:63%; --y:43%; --w:16%; --h:4%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="chat"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="chat"] .tdsd-blk--1{ --x:0%; --y:9%; --w:22%; --h:91%; --c:var(--c-l); --r:0px; }
.tdsd-page .tdsd-sol__screen[data-layout="chat"] .tdsd-blk--2{ --x:3%; --y:15%; --w:16%; --h:6%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="chat"] .tdsd-blk--3{ --x:3%; --y:25%; --w:16%; --h:4%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="chat"] .tdsd-blk--4{ --x:55%; --y:15%; --w:40%; --h:10%; --c:var(--c-m); --r:12px; }
.tdsd-page .tdsd-sol__screen[data-layout="chat"] .tdsd-blk--5{ --x:26%; --y:29%; --w:48%; --h:18%; --c:var(--c-t); --r:12px; }
.tdsd-page .tdsd-sol__screen[data-layout="chat"] .tdsd-blk--6{ --x:26%; --y:50%; --w:14%; --h:6%; --c:var(--c-l); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="chat"] .tdsd-blk--7{ --x:42%; --y:50%; --w:14%; --h:6%; --c:var(--c-l); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="chat"] .tdsd-blk--8{ --x:62%; --y:60%; --w:33%; --h:9%; --c:var(--c-m); --r:12px; }
.tdsd-page .tdsd-sol__screen[data-layout="chat"] .tdsd-blk--9{ --x:26%; --y:72%; --w:12%; --h:8%; --c:var(--c-t); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="chat"] .tdsd-blk--10{ --x:26%; --y:84%; --w:62%; --h:9%; --c:var(--c-l); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="chat"] .tdsd-blk--11{ --x:89%; --y:84%; --w:6%; --h:9.1%; --c:var(--c-a); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="docs"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="docs"] .tdsd-blk--1{ --x:6%; --y:20%; --w:22%; --h:60%; --c:var(--c-m); --r:8px; }
.tdsd-page .tdsd-sol__screen[data-layout="docs"] .tdsd-blk--2{ --x:9%; --y:16%; --w:22%; --h:60%; --c:var(--c-l); --r:8px; }
.tdsd-page .tdsd-sol__screen[data-layout="docs"] .tdsd-blk--3{ --x:12%; --y:24%; --w:14%; --h:3%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="docs"] .tdsd-blk--4{ --x:12%; --y:32%; --w:16%; --h:3%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="docs"] .tdsd-blk--5{ --x:35%; --y:46%; --w:10%; --h:1.6%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="docs"] .tdsd-blk--6{ --x:45%; --y:38.7%; --w:10%; --h:15.2%; --c:var(--c-d); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="docs"] .tdsd-blk--7{ --x:55%; --y:46%; --w:8%; --h:1.6%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="docs"] .tdsd-blk--8{ --x:65%; --y:18%; --w:30%; --h:10%; --c:var(--c-d); --r:4px; }
.tdsd-page .tdsd-sol__screen[data-layout="docs"] .tdsd-blk--9{ --x:65%; --y:31%; --w:30%; --h:10%; --c:var(--c-l); --r:4px; }
.tdsd-page .tdsd-sol__screen[data-layout="docs"] .tdsd-blk--10{ --x:65%; --y:44%; --w:30%; --h:10%; --c:var(--c-t); --r:4px; }
.tdsd-page .tdsd-sol__screen[data-layout="docs"] .tdsd-blk--11{ --x:65%; --y:57%; --w:30%; --h:10%; --c:var(--c-l); --r:4px; }
.tdsd-page .tdsd-sol__screen[data-layout="search"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="search"] .tdsd-blk--1{ --x:12%; --y:16%; --w:76%; --h:11%; --c:var(--c-l); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="search"] .tdsd-blk--2{ --x:81%; --y:17.5%; --w:5%; --h:8%; --c:var(--c-a); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="search"] .tdsd-blk--3{ --x:12%; --y:33%; --w:76%; --h:22%; --c:var(--c-t); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="search"] .tdsd-blk--4{ --x:15%; --y:38%; --w:40%; --h:3.5%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="search"] .tdsd-blk--5{ --x:15%; --y:45%; --w:60%; --h:3%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="search"] .tdsd-blk--6{ --x:12%; --y:61%; --w:76%; --h:9%; --c:var(--c-l); --r:6px; }
.tdsd-page .tdsd-sol__screen[data-layout="search"] .tdsd-blk--7{ --x:12%; --y:73%; --w:76%; --h:9%; --c:var(--c-l); --r:6px; }
.tdsd-page .tdsd-sol__screen[data-layout="search"] .tdsd-blk--8{ --x:12%; --y:85%; --w:76%; --h:9%; --c:var(--c-l); --r:6px; }
.tdsd-page .tdsd-sol__screen[data-layout="search"] .tdsd-blk--9{ --x:14%; --y:64%; --w:8%; --h:3%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="search"] .tdsd-blk--10{ --x:14%; --y:76%; --w:8%; --h:3%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="search"] .tdsd-blk--11{ --x:14%; --y:88%; --w:8%; --h:3%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="board"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="board"] .tdsd-blk--1{ --x:5%; --y:14%; --w:28%; --h:5%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="board"] .tdsd-blk--2{ --x:36%; --y:14%; --w:28%; --h:5%; --c:var(--c-m); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="board"] .tdsd-blk--3{ --x:67%; --y:14%; --w:28%; --h:5%; --c:var(--c-a); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="board"] .tdsd-blk--4{ --x:5%; --y:23%; --w:28%; --h:18%; --c:var(--c-l); --r:8px; }
.tdsd-page .tdsd-sol__screen[data-layout="board"] .tdsd-blk--5{ --x:5%; --y:45%; --w:28%; --h:18%; --c:var(--c-l); --r:8px; }
.tdsd-page .tdsd-sol__screen[data-layout="board"] .tdsd-blk--6{ --x:36%; --y:23%; --w:28%; --h:24%; --c:var(--c-t); --r:8px; }
.tdsd-page .tdsd-sol__screen[data-layout="board"] .tdsd-blk--7{ --x:36%; --y:51%; --w:28%; --h:18%; --c:var(--c-l); --r:8px; }
.tdsd-page .tdsd-sol__screen[data-layout="board"] .tdsd-blk--8{ --x:67%; --y:23%; --w:28%; --h:18%; --c:var(--c-l); --r:8px; }
.tdsd-page .tdsd-sol__screen[data-layout="board"] .tdsd-blk--9{ --x:67%; --y:45%; --w:28%; --h:18%; --c:var(--c-l); --r:8px; }
.tdsd-page .tdsd-sol__screen[data-layout="board"] .tdsd-blk--10{ --x:67%; --y:67%; --w:28%; --h:18%; --c:var(--c-l); --r:8px; }
.tdsd-page .tdsd-sol__screen[data-layout="board"] .tdsd-blk--11{ --x:38%; --y:38%; --w:5%; --h:7.6%; --c:var(--c-a); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="team"] .tdsd-blk--0{ --x:0%; --y:0%; --w:100%; --h:9%; --c:var(--c-d); }
.tdsd-page .tdsd-sol__screen[data-layout="team"] .tdsd-blk--1{ --x:5%; --y:14%; --w:14%; --h:6%; --c:var(--c-a); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="team"] .tdsd-blk--2{ --x:21%; --y:14%; --w:14%; --h:6%; --c:var(--c-l); --r:999px; }
.tdsd-page .tdsd-sol__screen[data-layout="team"] .tdsd-blk--3{ --x:5%; --y:26%; --w:28%; --h:66%; --c:var(--c-l); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="team"] .tdsd-blk--4{ --x:36%; --y:26%; --w:28%; --h:66%; --c:var(--c-t); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="team"] .tdsd-blk--5{ --x:67%; --y:26%; --w:28%; --h:66%; --c:var(--c-l); --r:10px; }
.tdsd-page .tdsd-sol__screen[data-layout="team"] .tdsd-blk--6{ --x:14%; --y:32%; --w:10%; --h:15.2%; --c:var(--c-m); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="team"] .tdsd-blk--7{ --x:45%; --y:32%; --w:10%; --h:15.2%; --c:var(--c-a); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="team"] .tdsd-blk--8{ --x:76%; --y:32%; --w:10%; --h:15.2%; --c:var(--c-m); --r:50%; }
.tdsd-page .tdsd-sol__screen[data-layout="team"] .tdsd-blk--9{ --x:10%; --y:54%; --w:18%; --h:4%; --c:var(--c-d); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="team"] .tdsd-blk--10{ --x:41%; --y:54%; --w:18%; --h:4%; --c:var(--c-d); --r:2px; }
.tdsd-page .tdsd-sol__screen[data-layout="team"] .tdsd-blk--11{ --x:72%; --y:54%; --w:18%; --h:4%; --c:var(--c-d); --r:2px; }