/* Advanced Technology concepts A/B, shared: section frame, one-screen sizing below the fixed header, concept switcher. */
.pftx { --hdr: 84px; --u: min(1vw, 1.55vh); --ease: cubic-bezier(.22, 1, .36, 1); --spring: cubic-bezier(.34, 1.5, .64, 1);
	--blue: #3649A8; --navy: #0B1324; --g1: #58AE6A; --g2: #98C355; --red: #EE5937; --cyan: #3BCDEE; --orange: #EE8F37; --yellow: #FEC754;
	position: relative; scroll-margin-top: var(--hdr); }
.pftx-wrap { position: relative; width: min(1540px, calc(100% - 2 * clamp(20px, 4vw, 120px))); margin: 0 auto; }
.pftx-sw { position: absolute; z-index: 5; right: 0; top: -38px; display: flex; gap: 2px; padding: 3px; border-radius: 999px; background: #E8ECF5; color: #0B1324; box-shadow: 0 1px 2px rgba(0,0,0,.08); font-size: 13px; font-weight: 600; }
.pftx-sw a { padding: 4px 10px; border-radius: 999px; color: inherit; opacity: .6; text-decoration: none; white-space: nowrap; }
.pftx-sw a[aria-current] { background: #fff; opacity: 1; box-shadow: 0 1px 3px rgba(0, 0, 0, .15); color: #0B1324; }
.pftx-sw a:hover { opacity: 1; }
.pftx .pft-ic, .pftx svg { overflow: visible; }
@media (min-width: 992px) {
	.pftx { height: calc(100vh - var(--hdr)); height: calc(100svh - var(--hdr)); min-height: 420px; padding: 0 !important; margin-top: clamp(40px, 5vw, 96px); }
	.pftx-wrap { height: 100%; display: flex; flex-direction: column; }
}
@media (max-width: 991px) { .pftx { padding-top: 56px; } .pftx-sw { top: -40px; left: 0; right: auto; } }
/* entrance helper */
.pftx.js .pftx-r { opacity: 0; transform: translateY(22px); }
.pftx.js.is-in .pftx-r { opacity: 1; transform: none; transition: opacity .8s var(--ease) calc(var(--d) * .22s), transform .9s var(--ease) calc(var(--d) * .22s); }
.pftx:not(.is-vis) *, .pftx:not(.is-vis) *::before, .pftx:not(.is-vis) *::after { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
	.pftx *, .pftx *::before, .pftx *::after { animation: none !important; transition: none !important; }
	.pftx.js .pftx-r { opacity: 1 !important; transform: none !important; }
}
.pf-tech > .pf-wrap { position: relative; }
/* dashboard laptop: Figma laptop frame + live screen (screen rect measured on lv-5-laptop.webp) */
.pftx-scr { position: absolute; left: 13.83%; top: 13.375%; width: 72.25%; height: 61.5%; overflow: hidden; background: #fff; }
.pftx-scr img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; object-position: left top; filter: none !important; }