/* Generated by scripts/build-theme-css.sh. Edit the modular source files. */

/* Source: assets/css/00-fonts.css */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../fonts/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../fonts/roboto-normal-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../fonts/roboto-normal-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/roboto-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/roboto-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Source: assets/css/00-tokens.css */
:root {
  --ta-bg: #0a1628;
  --ta-bg-deep: #0a0e14;
  --ta-panel: #0b1a2c;
  --ta-panel-soft: rgba(255, 255, 255, 0.035);
  --ta-panel-strong: rgba(255, 255, 255, 0.07);
  --ta-border: rgba(88, 139, 214, 0.28);
  --ta-border-soft: rgba(255, 255, 255, 0.08);
  --ta-text: #ffffff;
  --ta-muted: #b8c5d6;
  --ta-muted-soft: #8f9db0;
  --ta-blue: #2563eb;
  --ta-blue-strong: #3b82f6;
  --ta-cyan: #13c5d8;
  --ta-radius-sm: 8px;
  --ta-radius-md: 12px;
  --ta-radius-lg: 24px;
  --ta-radius-testimonial: 16px;
  --ta-gradient-primary: linear-gradient(90deg, #2563eb 0%, #3b82f6 100%);
  --ta-container: 1216px;
  --ta-gutter: 32px;
  --ta-font: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ta-font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ta-shadow-blue: 0 24px 70px rgba(13, 102, 232, 0.22);
}


/* Source: assets/css/01-base.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: auto;
  overflow-x: hidden;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

body {
  margin: 0;
  background: var(--ta-bg);
  color: var(--ta-text);
  font-family: var(--ta-font);
  font-size: 16px;
  line-height: 1.55;
  letter-spacing: 0;
  overflow-x: hidden;
}

body.menu-open {
  overflow: hidden;
}

img,
svg,
video {
  display: block;
  max-width: 100%;
}

img,
video {
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

button {
  color: inherit;
}

h1,
h2,
h3,
p {
  margin: 0;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: break-word;
}

strong {
  font-weight: 700;
}


.ta-text-space {
  font-size: 0;
  line-height: 0;
}

.skip-link,
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.skip-link:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  left: 16px;
  padding: 12px 16px;
  top: 16px;
  width: auto;
  z-index: 1000;
  background: var(--ta-blue);
  border-radius: var(--ta-radius-sm);
}


/* Source: assets/css/02-layout.css */
.ta-container {
  width: 100%;
  max-width: calc(var(--ta-container) + (var(--ta-gutter) * 2));
  margin-inline: auto;
  padding-inline: var(--ta-gutter);
}

.ta-container--wide {
  width: calc(100% - (var(--ta-gutter) * 2));
  max-width: 1280px;
  padding-inline: 0;
}

.ta-section {
  padding-block: 92px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(7, 19, 33, 0.82);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid transparent;
}

.site-header__inner {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.site-logo {
  display: inline-flex;
  align-items: center;
  width: 292px;
  flex: 0 0 auto;
}

.site-logo__image {
  width: 100%;
  height: auto;
  object-position: left center;
}

.site-navigation {
  display: flex;
  align-items: center;
  gap: 28px;
}

.site-navigation__menu {
  display: flex;
  align-items: center;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-navigation__menu a {
  color: rgba(241, 247, 255, 0.82);
  font-family: var(--ta-font-display);
  font-size: 14px;
  font-weight: 600;
}

.site-navigation__menu a:hover,
.site-navigation__menu a:focus {
  color: #fff;
}

.site-menu-toggle {
  display: none;
}

.site-main {
  overflow: hidden;
}

.shared-footer {
  position: relative;
  overflow: hidden;
  background: var(--ta-bg);
}

.shared-footer__waves {
  height: 240px;
  display: flex;
  align-items: flex-start;
  opacity: 0.58;
  pointer-events: none;
}

.shared-footer__wave-line {
  width: 100%;
  min-width: 1200px;
  height: auto;
}

.site-footer {
  background: var(--ta-bg-deep);
  padding-block: 76px 36px;
}

.site-footer__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr);
  grid-template-areas:
    "brand tagline"
    "nav legal";
  gap: 54px 160px;
  align-items: start;
}

.site-footer__brand {
  grid-area: brand;
  display: flex;
  align-items: flex-start;
}

.site-logo--footer {
  width: 230px;
}

.site-footer__tagline {
  grid-area: tagline;
  max-width: 430px;
  justify-self: end;
  text-align: right;
}

.site-footer__tagline,
.site-footer__legal,
.site-footer__menu a {
  color: var(--ta-muted-soft);
  font-size: 13px;
}

.site-footer__nav {
  grid-area: nav;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}

.site-footer__nav h3 {
  color: #fff;
  font-size: 13px;
  margin-bottom: 18px;
}

.site-footer__menu {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer__menu a:hover,
.site-footer__socials a:hover {
  color: #fff;
}

.site-footer__legal {
  grid-area: legal;
  display: grid;
  gap: 18px;
  justify-items: end;
  text-align: right;
}

.site-footer__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.site-footer__credit {
  margin-top: 58px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

.site-footer__credit-label {
  flex: 0 1 auto;
}

.site-footer__credit-logo {
  display: inline-flex;
  flex: 0 0 auto;
  width: 108px;
}

.site-footer__credit-logo img {
  display: block;
  width: 100%;
  height: auto;
}


/* Source: assets/css/03-components.css */
.ta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: var(--ta-gradient-primary);
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  max-width: 100%;
  text-align: center;
  white-space: normal;
  box-shadow: none;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

.ta-button:hover,
.ta-button:focus {
  transform: translateY(-1px);
  background: linear-gradient(90deg, #1d4ed8 0%, #2563eb 100%);
}

.ta-button--small {
  min-height: 44px;
  padding-inline: 16px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
}

.ta-button--ghost {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(180, 210, 255, 0.44);
  box-shadow: none;
}

.ta-button--outline {
  background: rgba(255, 255, 255, 0.04);
  border-width: 2px;
  border-color: #fff;
  box-shadow: none;
}

.ta-button__icon {
  line-height: 1;
}

.section-heading {
  max-width: 720px;
  min-width: 0;
}

.section-heading--center {
  margin-inline: auto;
  text-align: center;
}

.section-heading h2 {
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 42px;
  line-height: 1.08;
  font-weight: 300;
  overflow-wrap: break-word;
}

.section-heading h2 strong,
.section-heading h2 span {
  font-weight: 700;
}

.section-heading h2 strong {
  color: var(--ta-cyan);
}

.section-heading p {
  margin-top: 18px;
  color: var(--ta-muted);
  font-size: 16px;
}

.circle-button {
  width: 56px;
  height: 56px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--ta-muted);
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
}

.circle-button:hover,
.circle-button:focus {
  border-color: rgba(69, 132, 255, 0.7);
  color: #fff;
}

.testimonial-card {
  min-width: 0;
  padding: 34px;
  border: 1px solid transparent;
  border-radius: var(--ta-radius-testimonial);
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.14), rgba(37, 99, 235, 0.035)) padding-box,
    linear-gradient(180deg, rgba(59, 130, 246, 0.02), rgba(59, 130, 246, 0.92)) border-box;
  box-shadow: none;
}

.testimonial-card__quote {
  width: 36px;
  height: 30px;
  margin-bottom: 22px;
}

.testimonial-card p {
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 18px;
  font-weight: 600;
  line-height: 27.9px;
}

.testimonial-card footer {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
}

.testimonial-card__avatar {
  width: 50px;
  height: 50px;
  border-radius: 999px;
  object-fit: cover;
}

.testimonial-card strong {
  color: #fff;
  font-size: 16px;
}

.feature-card,
.archive-card,
.partner-card,
.process-step,
.area-detail-card,
.area-action-card,
.area-flow-step,
.area-proof,
.area-insight-strip,
.area-partner-proof article,
.about-stat-card,
.about-principle-card,
.contact-card,
.contact-direct-card,
.empty-state {
  border: 1px solid var(--ta-border-soft);
  border-radius: var(--ta-radius-lg);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
}

.feature-card {
  min-height: 268px;
  display: grid;
  align-content: start;
  gap: 18px;
  padding: 34px;
}

.feature-card__icon,
.area-detail-card__icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, #2f72ff, #4b93ff);
  box-shadow: var(--ta-shadow-blue);
}

.feature-card__icon img,
.area-detail-card__icon img {
  width: auto;
  max-width: 25px;
  height: 25px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.feature-card h3,
.archive-card h2,
.partner-card h3,
.process-step h3,
.area-detail-card h2,
.contact-card h2,
.empty-state h2 {
  color: #fff;
  line-height: 1.16;
}

.feature-card h3 {
  font-size: 24px;
}

.feature-card p,
.archive-card p,
.partner-card li,
.process-step span,
.area-detail-card span,
.contact-card p,
.empty-state p {
  color: var(--ta-muted);
}

.feature-card--wide {
  min-height: 0;
}

.archive-card {
  min-height: 330px;
  overflow: hidden;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.archive-card:hover,
.archive-card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(45, 116, 255, 0.6);
  background: linear-gradient(180deg, rgba(36, 91, 176, 0.13), rgba(255, 255, 255, 0.02));
}

.archive-card a {
  min-height: inherit;
  display: grid;
  align-content: start;
  gap: 18px;
  padding: 34px;
}

.archive-card__label {
  width: max-content;
  max-width: 100%;
  padding: 7px 12px;
  border: 1px solid rgba(61, 130, 255, 0.48);
  border-radius: 999px;
  color: #75a7ff;
  font-size: 12px;
  font-weight: 700;
}

.archive-card h2 {
  font-size: 27px;
}

.archive-card__more {
  align-self: end;
  margin-top: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.process-steps {
  display: grid;
  gap: 24px;
}

.process-step {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  gap: 30px;
  align-items: start;
  padding: 34px;
}

.process-step__number {
  color: rgba(244, 248, 255, 0.13);
  font-size: 74px;
  font-weight: 900;
  line-height: 0.9;
}

.process-step p {
  margin-bottom: 10px;
  color: #3b83ff;
  font-size: 13px;
  font-weight: 700;
}

.process-step h3 {
  margin-bottom: 12px;
  font-size: 25px;
}

.contact-form-wrap .wpcf7-form {
  display: grid;
  gap: 14px;
}

.contact-form-wrap p {
  display: grid;
  gap: 14px;
  margin: 0;
}

.contact-form-wrap br {
  display: none;
}

.contact-form-wrap input,
.contact-form-wrap textarea {
  width: 100%;
  border: 1px solid rgba(130, 164, 214, 0.2);
  border-radius: 8px;
  background: rgba(4, 12, 22, 0.58);
  color: #fff;
  padding: 15px 16px;
  outline: none;
}

.contact-form-wrap textarea {
  min-height: 132px;
  resize: vertical;
}

.contact-form-wrap input:focus,
.contact-form-wrap textarea:focus {
  border-color: rgba(45, 116, 255, 0.8);
  box-shadow: 0 0 0 3px rgba(45, 116, 255, 0.16);
}

.contact-form-wrap input[type="submit"] {
  min-height: 54px;
  border: 0;
  background: var(--ta-blue-strong);
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  box-shadow: 0 14px 34px rgba(45, 116, 255, 0.24);
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
  color: #f6b1b1;
  font-size: 13px;
}

.contact-form-wrap .wpcf7 form .wpcf7-response-output {
  margin: 12px 0 0;
  padding: 12px 14px;
  border-color: rgba(246, 177, 177, 0.38);
  border-radius: 8px;
}

.empty-state {
  display: grid;
  gap: 14px;
  max-width: 680px;
  margin: 46px auto 0;
  padding: 34px;
  text-align: center;
}


/* Source: assets/css/04-templates.css */
.home-hero {
  position: relative;
  padding-block: 54px 64px;
  background:
    radial-gradient(circle at 74% 10%, rgba(45, 116, 255, 0.14), transparent 28%),
    linear-gradient(180deg, #071321 0%, #081525 100%);
}

.home-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 690px) minmax(360px, 1fr);
  align-items: center;
  gap: 34px;
}

.home-hero__grid > *,
.split-feature__grid > * {
  min-width: 0;
}

.home-hero__copy {
  max-width: 690px;
  min-width: 0;
}

.home-hero__eyebrow {
  margin-bottom: 12px;
  color: var(--ta-muted);
  font-family: var(--ta-font-display);
  font-size: 30px;
  font-weight: 300;
  line-height: 1.35;
}

.home-hero h1 {
  font-family: var(--ta-font-display);
  font-size: 52px;
  line-height: 1.05;
  font-weight: 400;
  overflow-wrap: break-word;
}

.home-hero h1 strong {
  color: #fff;
}

.mission-grid[hidden] {
  display: none;
}

.home-hero p {
  max-width: 520px;
  margin-top: 20px;
  color: var(--ta-muted);
  font-family: var(--ta-font-display);
  font-size: 16px;
}

.home-hero__eyebrow {
  max-width: none;
  margin-top: 0;
}

.home-hero .ta-button {
  min-width: 415px;
  min-height: 58px;
  padding-inline: 24px;
  margin-top: 28px;
}

.home-hero__visual {
  display: flex;
  justify-content: flex-start;
  min-width: 0;
}

.home-hero__image {
  width: min(100%, 520px);
  max-width: none;
  opacity: 0.95;
  filter: drop-shadow(0 24px 60px rgba(33, 104, 244, 0.14));
}

.split-feature__grid {
  display: grid;
  grid-template-columns: minmax(360px, 0.95fr) minmax(0, 1.05fr);
  gap: 76px;
  align-items: center;
}

.split-feature__grid--reversed {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr);
}

.split-feature__visual {
  display: flex;
  justify-content: center;
  min-height: 430px;
  min-width: 0;
}

.split-feature__image {
  width: min(100%, 560px);
  max-width: 100%;
  object-fit: contain;
}

.split-feature__copy h2 {
  font-family: var(--ta-font-display);
  font-size: 44px;
  line-height: 1.08;
  font-weight: 400;
  overflow-wrap: break-word;
}

.split-feature__copy h2 strong {
  display: inline;
  color: #fff;
}

.split-feature__copy p {
  max-width: 570px;
  margin-top: 22px;
  color: var(--ta-muted);
  font-size: 17px;
}

.split-feature--analysis {
  padding-top: 78px;
}

.mission-section {
  padding-top: 76px;
}

.mission-tabs {
  margin-top: 44px;
}

.mission-tabs__buttons {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-bottom: 34px;
}

.mission-tab {
  width: 236px;
  min-height: 76px;
  display: grid;
  grid-template-columns: 44px 1fr;
  grid-template-rows: 1fr auto;
  column-gap: 14px;
  align-items: center;
  text-align: left;
  border: 1px solid var(--ta-border-soft);
  border-radius: 16px;
  background: transparent;
  color: var(--ta-muted-soft);
  cursor: pointer;
  font-weight: 700;
  padding: 16px;
}

.mission-tab span {
  grid-row: span 2;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
}

.mission-tab img {
  width: auto;
  max-width: 21px;
  height: 21px;
}

.mission-tab small {
  color: var(--ta-muted-soft);
  font-size: 12px;
  font-weight: 500;
}

.mission-tab.is-active {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

.mission-tab.is-active span {
  background: linear-gradient(135deg, var(--ta-blue), var(--ta-cyan));
}

.mission-grid {
  display: none;
  grid-template-columns: 280px minmax(0, 1fr) 340px;
  gap: 32px;
}

.mission-grid.is-active {
  display: grid;
}

.metric-card,
.mission-card,
.mission-side blockquote,
.story-card,
.production-card,
.area-card {
  border: 1px solid var(--ta-border-soft);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015));
  border-radius: var(--ta-radius-lg);
}

.metric-card {
  min-height: 410px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  overflow: hidden;
}

.metric-card__number {
  color: var(--ta-blue);
  font-size: 86px;
  font-weight: 900;
  line-height: 1;
}

.metric-card p {
  color: var(--ta-muted);
  font-weight: 700;
}

.metric-card ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 34px 0 0;
  padding: 0;
}

.metric-card li {
  padding: 8px 12px;
  border: 1px solid var(--ta-border-soft);
  border-radius: 4px;
  color: var(--ta-muted);
  font-size: 12px;
}

.mission-card {
  min-height: 410px;
  padding: 40px;
}

.mission-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.mission-card__badge img {
  width: 24px;
  height: 24px;
}

.mission-card h3 {
  margin-top: 46px;
  font-size: 28px;
}

.mission-card p {
  margin-top: 24px;
  color: var(--ta-muted);
}

.mission-side {
  display: grid;
  gap: 24px;
}

.mission-side blockquote {
  min-height: 226px;
  margin: 0;
  padding: 34px;
  color: #fff;
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.48;
}

.mission-side blockquote span {
  display: block;
  color: var(--ta-blue);
  font-size: 42px;
  line-height: 0.6;
  margin-bottom: 18px;
}

.mission-side cite {
  display: block;
  margin-top: 24px;
  color: var(--ta-muted);
  font-size: 13px;
  font-style: normal;
}

.story-card {
  display: grid;
  gap: 8px;
  padding: 28px 30px;
  color: #fff;
  background: linear-gradient(135deg, #2b73ff, #12c7d7);
  border: 0;
}

.story-card span {
  color: rgba(255, 255, 255, 0.76);
  font-size: 13px;
}

.production-card-section {
  padding-block: 54px 54px;
}

.production-card {
  max-width: 1024px;
  min-height: 370px;
  display: grid;
  justify-items: center;
  align-content: center;
  margin-inline: auto;
  padding: 54px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(42, 111, 245, 0.15), transparent 45%),
    linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
}

.production-card h2 {
  font-family: var(--ta-font-display);
  font-size: 42px;
  line-height: 1.1;
  font-weight: 400;
}

.production-card h2 strong {
  display: block;
}

.production-card p {
  max-width: 660px;
  margin-top: 18px;
  color: var(--ta-muted);
}

.production-card .ta-button {
  margin-top: 32px;
}

.areas-section {
  padding-block: 68px 72px;
}

.areas-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  margin-top: 52px;
}

.area-card {
  min-height: 196px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 22px;
  padding: 28px;
  text-align: center;
}

.area-card--link {
  color: inherit;
  text-decoration: none;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.area-card--link:hover,
.area-card--link:focus {
  transform: translateY(-3px);
  border-color: rgba(45, 116, 255, 0.62);
  background: linear-gradient(180deg, rgba(36, 91, 176, 0.16), rgba(255, 255, 255, 0.025));
}

.area-card__icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, #2f72ff, #4b93ff);
  box-shadow: var(--ta-shadow-blue);
}

.area-card__icon img {
  width: auto;
  max-width: 26px;
  height: 26px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.area-card h3 {
  color: #fff;
  font-size: 17px;
  line-height: 1.35;
}

.area-card__group,
.area-card__more {
  color: #74a7ff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.area-card p {
  max-width: 280px;
  color: var(--ta-muted);
  font-size: 14px;
  line-height: 1.5;
}

.area-card__more {
  margin-top: 2px;
  color: #fff;
  text-transform: none;
}

.areas-section__more {
  margin-top: 30px;
  text-align: center;
}

.areas-section__more a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.blue-cta-section {
  padding-block: 32px 66px;
}

.blue-cta {
  position: relative;
  max-width: 1024px;
  min-height: 360px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 22px;
  margin-inline: auto;
  text-align: center;
}

/* Decorative Figma-exported bitmap spans the CTA card and is isolated from layout. */
.blue-cta__background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blue-cta__content {
  position: relative;
  z-index: 1;
  max-width: 700px;
  padding: 42px;
}

.blue-cta h2 {
  font-family: var(--ta-font-display);
  font-size: 42px;
  line-height: 1.1;
}

.blue-cta p {
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.82);
  font-weight: 700;
}

.blue-cta .ta-button {
  margin-top: 30px;
}

.trusted-section {
  padding-block: 0 120px;
}

.trusted-section__inner {
  display: grid;
  justify-items: center;
  gap: 28px;
}

.trusted-section__label {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding-inline: 22px;
  border: 1px solid rgba(61, 130, 255, 0.62);
  border-radius: 999px;
  color: #74a7ff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.trusted-logos {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
  opacity: 0.52;
  filter: grayscale(1);
}

.trusted-logos__item {
  width: auto;
  height: auto;
  max-height: 38px;
  max-width: 170px;
}

.testimonials {
  padding-bottom: 190px;
}

.testimonials .section-heading {
  margin-bottom: 46px;
}

.testimonials .section-heading h2 {
  color: #fff;
}

.testimonial-controls {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
}

.testimonial-track {
  display: grid;
  grid-auto-columns: calc((100% - 64px) / 3);
  grid-auto-flow: column;
  grid-template-columns: none;
  gap: 32px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  margin-inline: -2px;
  padding: 0 2px 12px;
  scroll-padding-inline: 2px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.testimonial-track::-webkit-scrollbar {
  display: none;
}

.testimonial-track .testimonial-card {
  scroll-snap-align: start;
}

.global-cta {
  padding-block: 160px;
  background: radial-gradient(circle at 30% 50%, rgba(39, 101, 202, 0.3), transparent 36%);
}

.global-cta__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  gap: 120px;
  align-items: center;
}

.global-cta h2 {
  font-family: var(--ta-font-display);
  font-size: 42px;
  line-height: 1.12;
}

.global-cta .ta-button {
  margin-top: 28px;
}

.global-cta p {
  color: var(--ta-muted);
  font-size: 17px;
}

.page-hero {
  position: relative;
  min-height: 520px;
  display: grid;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 72%, rgba(18, 104, 189, 0.22), transparent 34%),
    radial-gradient(circle at 78% 16%, rgba(45, 116, 255, 0.12), transparent 24%),
    linear-gradient(180deg, #071321 0%, #081525 100%);
}

.page-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, transparent 63%, rgba(45, 116, 255, 0.12) 63.2%, transparent 64%),
    radial-gradient(circle at 74% 24%, rgba(45, 116, 255, 0.5) 0 3px, transparent 4px),
    radial-gradient(circle at 68% 12%, rgba(45, 116, 255, 0.4) 0 2px, transparent 3px);
  opacity: 0.5;
  pointer-events: none;
}

.page-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  text-align: center;
}

.page-hero__eyebrow {
  margin-bottom: 18px;
  color: var(--ta-muted);
  font-family: var(--ta-font-display);
  font-size: 22px;
}

.page-hero h1 {
  max-width: 880px;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 52px;
  line-height: 1.08;
  font-weight: 400;
  overflow-wrap: break-word;
}

.page-hero h1 strong {
  color: #fff;
  font-weight: 900;
}

.page-hero p:not(.page-hero__eyebrow) {
  max-width: 760px;
  margin-top: 22px;
  color: var(--ta-muted);
  font-family: var(--ta-font-display);
  font-size: 17px;
}

.page-hero__scroll {
  margin-top: 54px;
  color: var(--ta-muted-soft);
  font-size: 12px;
  font-weight: 700;
}

.page-hero__scroll span {
  display: block;
  margin-top: 8px;
  color: var(--ta-blue);
  font-size: 18px;
}

.page-intro__grid,
.workflow-section__inner,
.about-mission__grid,
.contact-grid,
.single-content {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
  gap: 72px;
  align-items: start;
}

.page-intro__grid > *,
.workflow-section__inner > *,
.about-mission__grid > *,
.about-collaboration > *,
.about-stat-grid > *,
.about-principle-grid > *,
.contact-grid > *,
.single-content > *,
.automation-single-hero__grid > *,
.area-action-grid > *,
.area-proof > *,
.area-flow > *,
.area-partner-proof > * {
  min-width: 0;
}

.page-intro__copy {
  display: grid;
  gap: 20px;
  color: var(--ta-muted);
  font-size: 17px;
}

.service-grid,
.archive-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.service-grid-section {
  padding-top: 18px;
}

.services-stats-section {
  padding-block: 28px 50px;
}

.services-stat-grid,
.service-proof__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.services-stat-card {
  min-height: 130px;
  place-items: center;
  text-align: center;
}

.services-stat-card span {
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}

.service-process-section {
  padding-top: 48px;
}

.service-process-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  margin-top: 52px;
}

.service-process-card {
  min-height: 0;
}

.service-process-card ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 18px;
  color: var(--ta-muted);
}

.service-process-card__note {
  margin-top: 6px;
  color: #91c8ff;
  font-weight: 700;
}

.service-proof {
  align-items: center;
}

.service-proof__author {
  color: #fff;
  font-weight: 700;
}

.service-proof__author span {
  color: var(--ta-muted);
  font-size: 14px;
  font-weight: 600;
}

.service-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.service-tag-list span {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  border: 1px solid var(--ta-border-soft);
  border-radius: 999px;
  padding-inline: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.workflow-section {
  padding-block: 86px;
}

.partners-section {
  padding-top: 86px;
}

.partner-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
  margin-top: 52px;
}

.partner-card {
  padding: 38px;
}

.partner-card h3 {
  margin-top: 28px;
  font-size: 28px;
}

.partner-card > p {
  margin-top: 18px;
  color: var(--ta-muted);
}

.partner-card ul {
  display: grid;
  gap: 12px;
  margin: 26px 0 0;
  padding-left: 18px;
}

.about-collaboration-section {
  padding-block: 48px 72px;
}

.about-collaboration {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.1fr);
  gap: 42px;
  align-items: center;
}

.about-collaboration__copy {
  display: grid;
  gap: 18px;
}

.about-kicker {
  color: #74a7ff;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.about-collaboration h2 {
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 42px;
  line-height: 1.08;
  font-weight: 400;
}

.about-collaboration h2 strong {
  color: var(--ta-cyan);
  font-weight: 900;
}

.about-collaboration__copy p:not(.about-kicker) {
  max-width: 580px;
  color: var(--ta-muted);
  font-size: 17px;
}

.about-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.about-stat-card {
  min-height: 230px;
  display: grid;
  align-content: space-between;
  gap: 20px;
  padding: 30px;
}

.about-stat-card strong {
  color: var(--ta-cyan);
  font-size: 58px;
  line-height: 1;
}

.about-stat-card span {
  color: var(--ta-muted);
  font-size: 15px;
  line-height: 1.52;
}

.story-section {
  padding-top: 42px;
}

.story-section__inner {
  display: grid;
  gap: 48px;
}

.about-mission {
  padding-block: 72px;
}

.about-mission h2 {
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 42px;
  line-height: 1.08;
  font-weight: 400;
}

.about-mission h2 strong {
  font-weight: 900;
}

.about-mission p {
  max-width: 580px;
  margin-top: 18px;
  color: var(--ta-muted);
}

.about-mission__checks {
  display: grid;
  gap: 18px;
}

.about-mission__checks span,
.single-stats span {
  border: 1px solid var(--ta-border-soft);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}

.about-mission__checks span {
  padding: 18px 20px;
  font-weight: 700;
}

.about-principles-section {
  padding-top: 48px;
}

.about-principle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  margin-top: 48px;
}

.about-principle-card {
  min-height: 300px;
  display: grid;
  align-content: start;
  gap: 18px;
  padding: 34px;
}

.about-principle-card h3 {
  color: #fff;
  font-size: 24px;
  line-height: 1.16;
}

.about-principle-card p {
  color: var(--ta-muted);
}

.trust-section {
  padding-top: 36px;
}

.trust-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.45fr) minmax(0, 1fr);
  gap: 30px;
}

.metric-card--compact {
  min-height: 270px;
}

.areas-overview {
  padding-bottom: 56px;
}

.areas-grid--dense {
  margin-top: 48px;
}

.area-detail-section {
  padding-top: 16px;
}

.area-detail-list {
  display: grid;
  gap: 24px;
}

.area-detail-card {
  display: grid;
  grid-template-columns: minmax(220px, 0.32fr) minmax(0, 1fr);
  gap: 30px;
  padding: 34px;
  overflow: hidden;
}

.area-detail-card__metric {
  display: grid;
  align-content: center;
  gap: 12px;
  min-height: 200px;
  padding: 24px;
  border-radius: 14px;
  background: radial-gradient(circle at 0% 0%, rgba(19, 197, 216, 0.16), transparent 42%);
}

.area-detail-card__metric strong {
  color: var(--ta-cyan);
  font-size: 58px;
  line-height: 1;
}

.area-detail-card__body {
  display: grid;
  align-content: center;
  gap: 16px;
}

.area-detail-card__body p {
  color: #3b83ff;
  font-size: 13px;
  font-weight: 700;
}

.area-detail-card h2 {
  font-family: var(--ta-font-display);
  font-size: 30px;
}

.area-detail-card__link {
  width: max-content;
  max-width: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.automation-single-hero {
  position: relative;
  overflow: hidden;
  padding-block: 84px 76px;
  background:
    radial-gradient(circle at 78% 22%, rgba(45, 116, 255, 0.2), transparent 26%),
    radial-gradient(circle at 16% 82%, rgba(19, 197, 216, 0.1), transparent 34%),
    linear-gradient(180deg, #071321 0%, #081525 100%);
}

.automation-single-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, transparent 66%, rgba(45, 116, 255, 0.12) 66.2%, transparent 67%),
    radial-gradient(circle at 70% 26%, rgba(45, 116, 255, 0.55) 0 3px, transparent 4px),
    radial-gradient(circle at 82% 18%, rgba(19, 197, 216, 0.35) 0 2px, transparent 3px);
  opacity: 0.58;
  pointer-events: none;
}

.automation-single-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  gap: 76px;
  align-items: center;
}

.automation-single-hero__copy {
  display: grid;
  justify-items: start;
  gap: 18px;
}

.area-back-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ta-muted);
  font-size: 13px;
  font-weight: 700;
}

.area-back-link:hover,
.area-back-link:focus {
  color: #fff;
}

.automation-single-hero__icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg, #2f72ff, #13c5d8);
  box-shadow: var(--ta-shadow-blue);
}

.automation-single-hero__icon img {
  width: auto;
  max-width: 31px;
  height: 31px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.automation-single-hero__eyebrow {
  color: #74a7ff;
  font-family: var(--ta-font-display);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.automation-single-hero h1 {
  max-width: 860px;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 54px;
  line-height: 1.06;
  font-weight: 700;
  overflow-wrap: break-word;
}

.automation-single-hero__lead {
  max-width: 700px;
  color: var(--ta-muted);
  font-family: var(--ta-font-display);
  font-size: 18px;
}

.area-metric-panel {
  min-height: 330px;
  display: grid;
  align-content: center;
  gap: 18px;
  padding: 38px;
  border: 1px solid rgba(45, 116, 255, 0.42);
  border-radius: var(--ta-radius-lg);
  background:
    radial-gradient(circle at 0% 0%, rgba(19, 197, 216, 0.18), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018));
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.2);
}

.area-metric-panel span {
  color: #74a7ff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.area-metric-panel strong {
  color: var(--ta-cyan);
  font-size: 72px;
  line-height: 0.95;
}

.area-metric-panel p {
  color: var(--ta-muted);
  font-size: 17px;
  font-weight: 700;
}

.automation-area-intro {
  padding-bottom: 54px;
}

.area-actions-section {
  padding-top: 54px;
}

.area-action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin-top: 52px;
}

.area-action-card {
  min-height: 290px;
  display: grid;
  align-content: start;
  gap: 16px;
  padding: 30px;
}

.area-action-card__number {
  color: rgba(244, 248, 255, 0.16);
  font-size: 54px;
  font-weight: 900;
  line-height: 0.9;
}

.area-action-card h3 {
  color: #fff;
  font-size: 22px;
  line-height: 1.16;
}

.area-action-card p,
.area-flow-step p,
.area-proof__text,
.area-proof blockquote p,
.area-partner-proof p {
  color: var(--ta-muted);
}

.area-insight-section {
  padding-block: 34px 40px;
}

.area-insight-strip {
  max-width: 960px;
  min-height: 150px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 12px;
  margin-inline: auto;
  padding: 34px;
  text-align: center;
  border-color: rgba(19, 197, 216, 0.28);
  background:
    radial-gradient(circle at 12% 50%, rgba(45, 116, 255, 0.42), transparent 42%),
    linear-gradient(135deg, rgba(45, 116, 255, 0.95), rgba(19, 197, 216, 0.92));
  box-shadow: 0 28px 80px rgba(19, 116, 255, 0.2);
}

.area-insight-strip span {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding-inline: 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.area-insight-strip p {
  max-width: 720px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.42;
}

.area-proof-section {
  padding-block: 76px;
}

.area-proof {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
  gap: 44px;
  padding: 42px;
}

.area-proof__copy {
  display: grid;
  align-content: start;
  gap: 20px;
}

.area-proof__label {
  color: #74a7ff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.area-proof h2 {
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 40px;
  line-height: 1.08;
  font-weight: 400;
}

.area-proof h2 strong {
  font-weight: 900;
}

.area-proof__text {
  max-width: 430px;
}

.area-proof blockquote {
  margin: 18px 0 0;
  padding-left: 20px;
  border-left: 2px solid var(--ta-blue);
}

.area-proof cite {
  display: block;
  margin-top: 16px;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

.area-flow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.area-flow-step {
  min-height: 190px;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 24px;
}

.area-flow-step span {
  color: var(--ta-blue);
  font-size: 13px;
  font-weight: 900;
}

.area-flow-step h3 {
  color: #fff;
  font-size: 20px;
}

.area-partner-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 24px;
}

.area-partner-proof article {
  padding: 30px;
}

.area-partner-proof h3 {
  margin-top: 24px;
  color: #fff;
  font-size: 24px;
}

.area-partner-proof p {
  margin-top: 12px;
}

.related-areas-section {
  padding-block: 68px;
}

.related-areas-grid {
  margin-top: 42px;
}

.area-single-cta-section {
  padding-top: 42px;
}

.archive-section {
  padding-block: 82px 118px;
}

.archive-pagination {
  margin-top: 42px;
  text-align: center;
}

.archive-pagination .nav-links {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
}

.archive-pagination a,
.archive-pagination span {
  min-width: 42px;
  min-height: 42px;
  display: inline-grid;
  place-items: center;
  padding-inline: 12px;
  border: 1px solid var(--ta-border-soft);
  border-radius: 8px;
  color: #fff;
}

.archive-pagination .current {
  background: var(--ta-blue);
}

.single-stats-section {
  padding-block: 52px 0;
}

.single-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.single-stats span {
  display: grid;
  min-height: 118px;
  place-items: center;
  padding: 24px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: 900;
}

.single-content-section {
  padding-block: 86px 120px;
}

.single-content--narrow {
  max-width: 900px;
  display: block;
}

.single-content__lead h2 {
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 38px;
  line-height: 1.12;
}

.single-content__lead p,
.single-content__meta {
  margin-top: 18px;
  color: var(--ta-muted);
}

.single-content__body {
  color: #c8d6e8;
  font-size: 18px;
}

.single-content__body > * + * {
  margin-top: 22px;
}

.single-content__body h2,
.single-content__body h3 {
  color: #fff;
  font-family: var(--ta-font-display);
  line-height: 1.16;
}

.single-content__body h2 {
  margin-top: 52px;
  font-size: 32px;
}

.single-content__body h3 {
  margin-top: 38px;
  font-size: 24px;
}

.single-content__body ul,
.single-content__body ol {
  display: grid;
  gap: 12px;
  padding-left: 24px;
}

.single-content__body li::marker {
  color: var(--ta-blue);
}

.single-content__body blockquote {
  padding: 26px 30px;
  border-left: 3px solid var(--ta-blue);
  background: rgba(45, 116, 255, 0.08);
  color: #fff;
}

.single-content__body a {
  color: #75a7ff;
}

.related-content-section {
  padding-block: 82px 110px;
  border-top: 1px solid rgba(105, 150, 214, 0.12);
}

.related-content-section .section-heading {
  margin-bottom: 38px;
}

.related-content-grid {
  margin-top: 0;
}

.contact-section {
  padding-top: 72px;
}

.contact-copy p {
  margin-top: 22px;
  color: var(--ta-muted);
  font-size: 17px;
}

.contact-points {
  display: grid;
  gap: 18px;
  margin-top: 34px;
}

.contact-point-card {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding: 18px 20px;
  border: 1px solid var(--ta-border-soft);
  border-radius: var(--ta-radius-md);
  background:
    radial-gradient(circle at 0% 0%, rgba(45, 116, 255, 0.14), transparent 42%),
    rgba(255, 255, 255, 0.035);
}

.contact-point-card__icon {
  width: 74px;
  height: 74px;
  display: block;
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 18px 42px rgba(45, 116, 255, 0.18);
}

.contact-point-card__icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.contact-point-card__body {
  display: grid;
  gap: 8px;
}

.contact-point-card__body strong {
  color: #fff;
  font-size: 20px;
  line-height: 1.18;
}

.contact-point-card__body span {
  color: var(--ta-muted);
  font-size: 16px;
  line-height: 1.55;
}

.contact-card {
  padding: 38px;
  background:
    radial-gradient(circle at 100% 0%, rgba(45, 116, 255, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
}

.contact-direct-card {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  margin-bottom: 30px;
  padding: 18px;
  color: inherit;
}

.contact-direct-card__icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(135deg, #2f72ff, #13c5d8);
  color: #fff;
  font-size: 28px;
  box-shadow: var(--ta-shadow-blue);
}

.contact-direct-card span span {
  display: block;
  color: var(--ta-muted);
  font-size: 15px;
}

.contact-direct-card strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 28px;
  line-height: 1.1;
}

.contact-assurances {
  display: grid;
  gap: 22px;
  margin: 0 0 32px;
}

.contact-assurance {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
}

.contact-assurance__icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(45, 116, 255, 0.48);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(45, 116, 255, 0.14), rgba(45, 116, 255, 0.035));
  box-shadow: 0 16px 38px rgba(45, 116, 255, 0.12);
}

.contact-assurance__icon img {
  width: auto;
  max-width: 28px;
  height: 28px;
}

.contact-assurance__body {
  display: grid;
  gap: 5px;
}

.contact-assurance__body strong {
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
}

.contact-assurance__body span {
  color: var(--ta-muted);
  font-size: 16px;
  line-height: 1.5;
}

.contact-card h2 {
  font-family: var(--ta-font-display);
  font-size: 30px;
}

.contact-card > p {
  margin: 10px 0 26px;
}

.not-found {
  min-height: 760px;
  display: grid;
  align-items: center;
  background:
    radial-gradient(circle at 50% 40%, rgba(45, 116, 255, 0.18), transparent 35%),
    linear-gradient(180deg, #071321 0%, #081525 100%);
}

.not-found__inner {
  display: grid;
  justify-items: center;
  text-align: center;
}

.not-found__code {
  color: rgba(45, 116, 255, 0.28);
  font-size: 150px;
  font-weight: 900;
  line-height: 0.85;
}

.not-found h1 {
  max-width: 720px;
  margin-top: 24px;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 48px;
  line-height: 1.1;
  font-weight: 400;
}

.not-found h1 strong {
  font-weight: 900;
}

.not-found p {
  max-width: 640px;
  margin-top: 20px;
  color: var(--ta-muted);
  font-size: 17px;
}

.not-found__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 34px;
}


/* Source: assets/css/05-responsive.css */
@media (max-width: 1199.98px) {
  :root {
    --ta-gutter: 28px;
  }

  .home-hero h1 {
    font-size: 54px;
  }

  .automation-single-hero h1 {
    font-size: 48px;
  }

  .home-hero__grid,
  .split-feature__grid {
    gap: 56px;
  }

  .mission-grid {
    grid-template-columns: 240px minmax(0, 1fr) 300px;
  }

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

  .about-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .site-footer__inner {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "brand tagline"
      "nav nav"
      "legal legal";
  }

  .site-footer__nav {
    grid-column: 1 / -1;
  }
}

@media (max-width: 991.98px) {
  .ta-section {
    padding-block: 82px;
  }

  .ta-container--wide {
    width: 100%;
    padding-inline: var(--ta-gutter);
  }

  .site-menu-toggle {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    gap: 4px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
  }

  .site-logo {
    width: 156px;
  }

  .site-menu-toggle span:not(.screen-reader-text) {
    width: 18px;
    height: 2px;
    background: #fff;
    border-radius: 999px;
  }

  .site-navigation {
    position: fixed;
    inset: 80px 0 auto;
    display: none;
    min-height: calc(100vh - 80px);
    padding: 32px;
    background: rgba(5, 11, 18, 0.98);
    align-items: flex-start;
    flex-direction: column;
  }

  .site-navigation.is-open {
    display: flex;
  }

  .site-navigation__menu {
    display: grid;
    gap: 22px;
  }

  .site-navigation__menu a {
    font-size: 22px;
  }

  .home-hero {
    padding-block: 70px 92px;
  }

  .home-hero__grid,
  .split-feature__grid,
  .split-feature__grid--reversed,
  .global-cta__inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-hero .ta-button {
    min-width: 0;
  }

  .home-hero__visual {
    justify-content: center;
  }

  .home-hero__copy,
  .split-feature__copy,
  .split-feature__copy p {
    max-width: none;
  }

  .home-hero h1 {
    font-size: 46px;
  }

  .split-feature__visual {
    min-height: 360px;
  }

  .split-feature__grid--reversed .split-feature__visual {
    order: -1;
  }

  .mission-grid,
  .areas-grid,
  .service-grid,
  .service-process-grid,
  .archive-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .testimonial-track {
    grid-auto-columns: minmax(300px, calc((100% - 24px) / 2));
    gap: 24px;
  }

  .page-hero {
    min-height: 480px;
  }

  .page-hero h1 {
    font-size: 44px;
  }

  .page-intro__grid,
  .workflow-section__inner,
  .about-mission__grid,
  .about-collaboration,
  .automation-single-hero__grid,
  .area-proof,
  .contact-grid,
  .single-content {
    grid-template-columns: minmax(0, 1fr);
    gap: 42px;
  }

  .partner-grid,
  .trust-grid,
  .area-partner-proof,
  .services-stat-grid,
  .service-proof__stats,
  .about-stat-grid,
  .about-principle-grid,
  .area-detail-card,
  .single-stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .automation-single-hero {
    padding-block: 70px;
  }

  .area-metric-panel {
    min-height: 240px;
  }

  .service-grid,
  .archive-grid {
    gap: 22px;
  }

  .area-detail-card__metric {
    min-height: 150px;
  }

  .mission-tabs__buttons {
    flex-wrap: wrap;
  }

  .trusted-logos {
    flex-wrap: wrap;
    justify-content: center;
  }

  .trusted-section {
    padding-bottom: 86px;
  }

  .testimonials {
    padding-bottom: 104px;
  }

  .global-cta {
    padding-block: 92px;
  }
}

@media (max-width: 767.98px) {
  :root {
    --ta-gutter: 22px;
  }

  .site-logo {
    width: 132px;
  }

  .home-hero h1,
  .split-feature__copy h2,
  .section-heading h2,
  .production-card h2,
  .blue-cta h2,
  .global-cta h2,
  .about-collaboration h2,
  .automation-single-hero h1,
  .area-proof h2,
  .page-hero h1,
  .about-mission h2,
  .not-found h1 {
    font-size: 36px;
  }

  .home-hero p,
  .home-hero__eyebrow,
  .split-feature__copy p,
  .global-cta p,
  .page-hero p:not(.page-hero__eyebrow) {
    font-size: 16px;
  }

  .page-hero {
    min-height: 430px;
  }

  .page-hero__eyebrow {
    font-size: 18px;
  }

  .process-step {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .process-step__number {
    font-size: 58px;
  }

  .feature-card,
  .archive-card a,
  .partner-card,
  .about-stat-card,
  .about-principle-card,
  .area-action-card,
  .area-flow-step,
  .area-proof,
  .area-partner-proof article,
  .area-insight-strip,
  .area-detail-card,
  .contact-point-card,
  .contact-direct-card,
  .contact-card {
    padding: 28px;
  }

  .feature-card h3,
  .archive-card h2,
  .partner-card h3,
  .about-principle-card h3,
  .area-action-card h3,
  .area-flow-step h3,
  .area-detail-card h2,
  .contact-point-card__body strong,
  .contact-card h2 {
    font-size: 24px;
  }

  .area-action-grid,
  .area-flow,
  .about-principle-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .area-metric-panel strong {
    font-size: 58px;
  }

  .single-content__body {
    font-size: 17px;
  }

  .home-hero__image {
    width: 100%;
  }

  .split-feature__visual {
    min-height: 300px;
  }

  .mission-tab {
    width: 100%;
  }

  .production-card,
  .blue-cta__content {
    padding: 34px 24px;
  }

  .area-card {
    min-height: 160px;
  }

  .testimonial-card {
    padding: 30px 24px;
  }

  .testimonial-card p {
    font-size: 16px;
  }

  .site-footer__inner,
  .site-footer__nav {
    grid-template-columns: minmax(0, 1fr);
  }

  .site-footer__inner {
    grid-template-areas:
      "brand"
      "tagline"
      "nav"
      "legal";
  }

  .site-footer__tagline,
  .site-footer__legal {
    justify-self: start;
    text-align: left;
  }
}

@media (max-width: 575.98px) {
  :root {
    --ta-gutter: 18px;
  }

  .site-main,
  .ta-section,
  .page-hero,
  .shared-footer {
    max-width: 100svw;
    overflow-x: hidden;
  }

  .ta-container,
  .ta-container--wide,
  .page-hero__inner,
  .section-heading,
  .archive-grid,
  .service-grid,
  .service-process-grid,
  .areas-grid,
  .partner-grid,
  .trust-grid,
  .about-collaboration,
  .services-stat-grid,
  .service-proof__stats,
  .about-stat-grid,
  .about-principle-grid,
  .automation-single-hero__grid,
  .area-action-grid,
  .area-flow,
  .area-proof,
  .area-partner-proof,
  .testimonial-track,
  .contact-grid,
  .single-content,
  .global-cta__inner {
    max-width: 100%;
    min-width: 0;
  }

  .feature-card,
  .archive-card,
  .archive-card a,
  .partner-card,
  .about-stat-card,
  .about-principle-card,
  .area-card,
  .area-action-card,
  .area-flow-step,
  .area-proof,
  .area-insight-strip,
  .area-partner-proof article,
  .area-metric-panel,
  .area-detail-card,
  .contact-point-card,
  .contact-direct-card,
  .process-step,
  .contact-card,
  .single-stats span,
  .testimonial-card,
  .production-card,
  .global-cta,
  .blue-cta {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .feature-card,
  .archive-card,
  .archive-card a,
  .partner-card,
  .process-step,
  .about-stat-card,
  .about-principle-card,
  .area-card,
  .area-action-card,
  .area-flow-step,
  .area-proof,
  .area-insight-strip,
  .area-partner-proof article,
  .area-detail-card,
  .contact-point-card,
  .contact-direct-card,
  .single-stats span,
  .production-card,
  .global-cta,
  .blue-cta {
    justify-self: start;
    width: calc(100% - var(--ta-gutter));
    max-width: 320px;
  }

  .feature-card *,
  .archive-card *,
  .partner-card *,
  .about-stat-card *,
  .about-principle-card *,
  .area-card *,
  .area-action-card *,
  .area-flow-step *,
  .area-proof *,
  .area-insight-strip *,
  .area-partner-proof *,
  .automation-single-hero *,
  .area-metric-panel *,
  .area-detail-card *,
  .contact-point-card *,
  .contact-direct-card *,
  .process-step *,
  .contact-card *,
  .single-stats *,
  .testimonial-card *,
  .production-card *,
  .global-cta *,
  .page-hero * {
    min-width: 0;
    max-width: 100%;
  }

  .home-hero {
    padding-block: 50px 70px;
  }

  .home-hero__grid,
  .split-feature__grid,
  .split-feature__grid--reversed {
    gap: 42px;
  }

  .home-hero__visual,
  .split-feature__visual {
    align-items: center;
    justify-content: center;
    min-height: 0;
  }

  .home-hero__image {
    width: min(100%, 320px);
    margin-inline: auto;
  }

  .production-card-section .ta-container.ta-container--wide {
    width: min(calc(100% - (var(--ta-gutter) * 2)), 320px);
    max-width: 320px;
    margin-inline: auto;
    padding-inline: 0;
  }

  .production-card-section .production-card {
    width: min(calc(100svw - (var(--ta-gutter) * 2)), 320px);
    max-width: min(calc(100svw - (var(--ta-gutter) * 2)), 320px);
    margin-inline: 0;
    padding: 32px 20px;
  }

  .split-feature__image {
    width: min(100%, 330px);
    max-height: 300px;
    object-fit: contain;
  }

  .home-hero h1,
  .split-feature__copy h2,
  .section-heading h2,
  .production-card h2,
  .blue-cta h2,
  .global-cta h2,
  .about-collaboration h2,
  .automation-single-hero h1,
  .area-proof h2,
  .page-hero h1,
  .about-mission h2,
  .not-found h1 {
    font-size: 27px;
  }

  .split-feature__copy h2 {
    font-size: 30px;
  }

  .page-hero h1,
  .automation-single-hero h1,
  .section-heading h2,
  .production-card h2,
  .feature-card h3,
  .archive-card h2,
  .partner-card h3,
  .about-collaboration h2,
  .about-principle-card h3,
  .area-card h3,
  .area-action-card h3,
  .area-flow-step h3,
  .area-proof h2,
  .area-detail-card h2,
  .contact-point-card__body strong,
  .contact-card h2,
  .single-content__lead h2,
  .single-content__body h2,
  .single-content__body h3,
  .global-cta h2,
  .not-found h1 {
    hyphens: none;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .page-hero p:not(.page-hero__eyebrow),
  .feature-card p,
  .archive-card p,
  .about-collaboration__copy p,
  .about-stat-card span,
  .about-principle-card p,
  .area-insight-strip p,
  .area-card p,
  .area-action-card p,
  .area-flow-step p,
  .area-proof blockquote p,
  .automation-single-hero__lead,
  .area-detail-card span,
  .contact-point-card__body span,
  .single-content__body,
  .production-card p,
  .global-cta p,
  .not-found p,
  .testimonial-card p {
    overflow-wrap: break-word;
  }

  .ta-button {
    width: 100%;
    min-height: 48px;
    padding-block: 12px;
  }

  .page-hero {
    min-height: 390px;
  }

  .page-hero h1 {
    max-width: 270px;
    margin-inline: auto;
  }

  .page-hero p:not(.page-hero__eyebrow) {
    max-width: 270px;
    margin-inline: auto;
  }

  .section-heading {
    max-width: 300px;
  }

  .section-heading--center p {
    max-width: 300px;
    margin-inline: auto;
  }

  .page-hero__scroll {
    margin-top: 34px;
  }

  .feature-card,
  .archive-card a,
  .partner-card,
  .process-step,
  .about-stat-card,
  .about-principle-card,
  .area-action-card,
  .area-flow-step,
  .area-proof,
  .area-insight-strip,
  .area-partner-proof article,
  .area-detail-card,
  .contact-card {
    padding: 24px;
  }

  .feature-card {
    min-height: 0;
  }

  .archive-card {
    min-height: 0;
  }

  .area-detail-card__metric strong {
    font-size: 46px;
  }

  .feature-card h3,
  .archive-card h2,
  .partner-card h3,
  .about-principle-card h3,
  .area-card h3,
  .area-action-card h3,
  .area-flow-step h3,
  .area-detail-card h2,
  .contact-point-card__body strong,
  .contact-card h2 {
    font-size: 19px;
    line-height: 1.22;
  }

  .archive-card h2,
  .archive-card p,
  .about-collaboration h2,
  .about-collaboration__copy p,
  .about-principle-card h3,
  .about-principle-card p,
  .area-insight-strip p,
  .area-card h3,
  .area-card p,
  .feature-card h3,
  .feature-card p,
  .partner-card h3,
  .area-action-card h3,
  .area-action-card p,
  .area-flow-step h3,
  .area-flow-step p,
  .area-proof h2,
  .area-proof blockquote p,
  .automation-single-hero h1,
  .automation-single-hero__lead,
  .area-detail-card h2,
  .contact-point-card__body strong,
  .contact-point-card__body span,
  .contact-card h2,
  .contact-card p,
  .single-content__lead h2,
  .single-content__body,
  .global-cta h2,
  .global-cta p,
  .not-found h1,
  .not-found p {
    max-width: 270px;
  }

  .area-card h3,
  .area-card p,
  .automation-single-hero h1,
  .automation-single-hero__lead,
  .global-cta h2,
  .global-cta p,
  .not-found h1,
  .not-found p {
    margin-inline: auto;
  }

  .area-card,
  .area-action-card,
  .area-flow-step,
  .area-partner-proof article,
  .about-stat-card,
  .about-principle-card,
  .contact-point-card,
  .testimonial-card {
    padding-inline: 20px;
  }

  .contact-point-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    justify-items: start;
  }

  .about-stat-card {
    min-height: 0;
  }

  .about-stat-card strong {
    font-size: 46px;
  }

  .area-insight-strip {
    min-height: 170px;
    margin-inline: 0;
  }

  .contact-direct-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .contact-direct-card strong {
    font-size: 22px;
  }

  .contact-copy,
  .contact-copy p,
  .contact-points,
  .contact-point-card__body,
  .contact-point-card__body strong,
  .contact-point-card__body span {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: break-word;
  }

  .contact-copy p {
    max-width: 310px;
  }

  .contact-points,
  .contact-point-card {
    width: 100%;
    max-width: 320px;
  }

  .about-collaboration,
  .about-collaboration__copy,
  .about-stat-grid,
  .about-principle-grid {
    width: 100%;
    max-width: 320px;
    margin-inline: auto;
  }

  .contact-card {
    justify-self: start;
    width: calc(100% - var(--ta-gutter));
    max-width: 320px;
    margin-inline: 0;
  }

  .about-collaboration h2,
  .about-collaboration__copy p,
  .about-stat-card span,
  .about-principle-card h3,
  .about-principle-card p,
  .contact-direct-card,
  .contact-form-wrap {
    max-width: 100%;
  }

  .contact-point-card__icon {
    width: 58px;
    height: 58px;
    border-radius: 12px;
  }

  .automation-single-hero {
    padding-block: 52px 62px;
  }

  .automation-single-hero__copy {
    width: 100%;
    max-width: calc(100svw - (var(--ta-gutter) * 2));
    justify-items: center;
    text-align: center;
  }

  .automation-single-hero__grid,
  .automation-area-intro .page-intro__copy {
    width: 100%;
    max-width: calc(100svw - (var(--ta-gutter) * 2));
    margin-inline: auto;
  }

  .area-metric-panel {
    justify-self: start;
    width: calc(100% - var(--ta-gutter));
    max-width: 320px;
    margin-inline: 0;
  }

  .area-back-link {
    justify-self: start;
  }

  .area-metric-panel {
    min-height: 220px;
    padding: 28px;
    text-align: center;
  }

  .automation-single-hero h1 {
    max-width: 260px;
    font-size: 24px;
    hyphens: none;
    overflow-wrap: break-word;
  }

  .automation-single-hero__lead {
    max-width: 280px;
    margin-inline: auto;
  }

  .area-metric-panel p {
    max-width: 250px;
    margin-inline: auto;
  }

  .automation-area-intro .page-intro__copy {
    max-width: 300px;
    margin-inline: auto;
  }

  .area-metric-panel strong {
    font-size: 46px;
  }

  .testimonial-track {
    grid-auto-columns: minmax(260px, 84vw);
    gap: 18px;
  }

  .testimonial-card p {
    font-size: 14px;
    line-height: 1.55;
  }

  .global-cta__inner {
    gap: 34px;
  }

  .global-cta p {
    max-width: 320px;
  }

  .single-stats span {
    min-height: 96px;
    padding-inline: 18px;
    font-size: 16px;
    line-height: 1.28;
  }

  .not-found {
    min-height: 620px;
  }

  .not-found__code {
    font-size: 96px;
  }

  .not-found__actions {
    width: 100%;
  }

  .mission-card,
  .metric-card,
  .mission-side blockquote {
    padding: 26px;
  }

  .metric-card__number {
    font-size: 66px;
  }

  .blue-cta {
    min-height: 320px;
  }

  .trusted-logos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 28px;
  }

  .trusted-logos__item {
    justify-self: center;
    max-width: 128px;
    max-height: 32px;
  }

  .shared-footer__waves {
    height: 110px;
  }
}

@media (min-width: 1200px) {
  .site-header.is-scrolled {
    border-bottom-color: rgba(255, 255, 255, 0.08);
  }
}

@media (min-width: 1440px) {
  .home-hero {
    padding-top: 54px;
  }
}

@media (min-width: 1920px) {
  :root {
    --ta-container: 1320px;
    --ta-gutter: 48px;
  }
}


/* Source: assets/css/06-figma-fidelity.css */
/* Figma-faithful page compositions introduced after the full-site audit. */

.home-hero h1 {
  display: block;
  font-size: 0;
}

.home-hero h1 .home-hero__eyebrow,
.home-hero__title {
  display: block;
}

.home-hero h1 .home-hero__eyebrow {
  margin-bottom: 12px;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.35;
}

.home-hero__title {
  font-size: 52px;
  line-height: 1.05;
}

.mission-connection {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 22px;
  padding: 16px 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
  color: var(--ta-muted);
  font-family: var(--ta-font-display);
  font-size: 13px;
  font-weight: 700;
}

.mission-connection > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.mission-connection__icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #2d74ff;
}

.mission-connection__icon--strategy {
  background: #1dbf9f;
}

.mission-connection__icon img {
  width: auto;
  max-width: 15px;
  height: 15px;
  filter: brightness(0) invert(1);
}

.mission-connection__line {
  width: min(18vw, 220px);
  height: 1px;
  background: rgba(71, 128, 210, 0.32);
}

.mission-connection__operator {
  color: var(--ta-cyan);
}

.figma-page-hero,
.figma-area-hero {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 590px;
  overflow: hidden;
  background:
    radial-gradient(circle at 72% 12%, rgba(45, 116, 255, 0.17), transparent 28%),
    linear-gradient(180deg, #071321 0%, #081525 100%);
}

.figma-page-hero::after,
.figma-area-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(132deg, transparent 68%, rgba(45, 116, 255, 0.1) 68.15%, transparent 68.4%),
    linear-gradient(142deg, transparent 73%, rgba(19, 197, 216, 0.07) 73.1%, transparent 73.35%);
  pointer-events: none;
}

.figma-page-hero__inner,
.figma-area-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  text-align: center;
}

.figma-page-hero h1,
.figma-area-hero h1 {
  max-width: 980px;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 54px;
  font-weight: 400;
  line-height: 1.06;
}

.figma-page-hero h1 strong,
.figma-area-hero h1 strong {
  font-weight: 700;
}

.figma-areas-section .section-heading h2 strong,
.figma-partner-proof .section-heading h2 strong,
.figma-about-founders .section-heading h2 strong,
.figma-story-section .section-heading h2 strong,
.figma-actions-section .section-heading h2 strong,
.figma-related-section .section-heading h2 strong,
.figma-trust-section .section-heading h2 strong {
  color: #fff;
}

.figma-page-hero p,
.figma-area-hero__inner > p {
  max-width: 850px;
  margin-top: 22px;
  color: var(--ta-muted);
  font-family: var(--ta-font-display);
  font-size: 17px;
}

.figma-hero-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
}

.figma-hero-pills span,
.figma-story-tags span {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 14px;
  border: 1px solid rgba(91, 143, 221, 0.3);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.025);
  color: #b7c8dd;
  font-size: 12px;
  font-weight: 700;
}

.figma-hero-pills img,
.figma-story-tags img {
  width: auto;
  max-width: 16px;
  height: 16px;
}

.figma-scroll-cue {
  display: grid;
  justify-items: center;
  gap: 9px;
  margin-top: 40px;
  color: var(--ta-muted-soft);
  font-size: 13px;
  font-weight: 700;
}

.figma-scroll-cue span {
  color: var(--ta-blue);
  font-size: 22px;
}

.figma-service-feature {
  padding-block: 104px;
}

.figma-service-feature__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: 86px;
  align-items: center;
}

.figma-service-feature--reverse .figma-service-feature__grid {
  grid-template-columns: minmax(420px, 1.1fr) minmax(0, 0.9fr);
}

.figma-service-feature__copy {
  min-width: 0;
}

.figma-service-feature__copy h2,
.figma-about-mission h2 {
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 42px;
  font-weight: 400;
  line-height: 1.08;
}

.figma-service-feature__copy h2 strong,
.figma-about-mission h2 strong {
  font-weight: 700;
}

.figma-service-feature__copy p,
.figma-about-mission p {
  margin-top: 18px;
  color: var(--ta-muted);
  font-size: 16px;
  line-height: 1.62;
}

.figma-service-feature__visual {
  min-height: 430px;
  display: grid;
  place-items: center;
}

.figma-service-feature__image {
  width: min(100%, 560px);
  height: auto;
  object-fit: contain;
}

.figma-service-note {
  padding-block: 12px 42px;
}

.figma-service-note p {
  padding: 28px 32px;
  border: 1px solid rgba(79, 131, 209, 0.24);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(45, 116, 255, 0.12), rgba(19, 197, 216, 0.035));
  color: var(--ta-muted);
  text-align: center;
}

.figma-service-note strong {
  color: #fff;
}

.figma-areas-section {
  padding-block: 84px;
}

.figma-area-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 48px;
}

.figma-area-tile {
  min-height: 240px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 18px;
  padding: 24px;
  border: 1px solid rgba(105, 150, 214, 0.16);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015));
  text-align: center;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.figma-area-tile:hover,
.figma-area-tile:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(45, 116, 255, 0.64);
  background: rgba(45, 116, 255, 0.07);
}

.figma-area-tile__icon,
.figma-action-item__icon,
.figma-trust-card__icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: linear-gradient(145deg, #2d74ff, #458cff);
  box-shadow: 0 16px 38px rgba(45, 116, 255, 0.24);
}

.figma-area-tile__icon img,
.figma-action-item__icon img,
.figma-trust-card__icon img {
  width: auto;
  max-width: 23px;
  height: 23px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.figma-area-tile__title {
  max-width: 250px;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.figma-areas-more,
.figma-partner-proof__link {
  margin-top: 30px;
  text-align: center;
}

.figma-areas-more a,
.figma-partner-proof__link a {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.figma-partner-proof,
.figma-about-founders {
  padding-block: 88px;
}

.figma-partner-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 46px;
}

.figma-founder-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 46px;
}

.figma-founder-card {
  min-height: 300px;
  padding: 42px;
  border: 1px solid rgba(105, 150, 214, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}

.figma-founder-card__logo {
  display: block;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: left center;
}

.figma-founder-card__logo--asg {
  width: 136px;
  filter: invert(1);
  mix-blend-mode: screen;
}

.figma-founder-card__logo--labs {
  width: 148px;
}

.figma-founder-card ul {
  display: grid;
  gap: 20px;
  margin: 34px 0 0;
  padding: 0;
  list-style-position: outside;
}

.figma-founder-card li {
  margin-left: 20px;
  padding-left: 6px;
  color: var(--ta-muted);
  line-height: 1.55;
}

.figma-founder-card li::marker {
  color: #3f8cff;
}

.figma-founder-card strong {
  color: #fff;
}

.figma-partner-card {
  min-height: 286px;
  padding: 34px;
  border: 1px solid rgba(105, 150, 214, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}

.figma-partner-card header {
  display: flex;
  align-items: center;
  gap: 16px;
}

.figma-partner-card__mark {
  width: 72px;
  height: 54px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 7px;
  background: #16b996;
}

.figma-partner-card--labs .figma-partner-card__mark {
  background: #477bff;
}

.figma-partner-card__mark img {
  width: auto;
  max-width: 48px;
  height: auto;
}

.figma-partner-card__mark--strategy img {
  filter: invert(1);
  mix-blend-mode: screen;
}

.figma-partner-card__mark--labs img {
  filter: brightness(0) invert(1);
}

.figma-partner-card header > span:last-child {
  display: grid;
  gap: 4px;
}

.figma-partner-card header strong {
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 18px;
}

.figma-partner-card header small,
.figma-partner-card p {
  color: var(--ta-muted);
}

.figma-partner-card p {
  margin-top: 24px;
  line-height: 1.58;
}

.figma-partner-card ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.figma-partner-card li {
  padding: 6px 10px;
  border: 1px solid rgba(42, 197, 167, 0.26);
  border-radius: 5px;
  color: #2dd4bf;
  font-size: 11px;
  font-weight: 700;
}

.figma-partner-card--labs li {
  border-color: rgba(71, 123, 255, 0.3);
  color: #60a5fa;
}

.figma-pressure-section {
  padding-block: 40px 76px;
}

.figma-pressure-card,
.figma-effect-card {
  position: relative;
  min-height: 278px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 8px;
}

.figma-pressure-card__background,
.figma-effect-card__background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.figma-pressure-card__content,
.figma-effect-card__content {
  position: relative;
  z-index: 1;
  max-width: 820px;
  padding: 40px;
  text-align: center;
}

.figma-pressure-card h2 {
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 33px;
  font-weight: 400;
  line-height: 1.12;
}

.figma-pressure-card h2 strong {
  font-weight: 700;
}

.figma-pressure-card p {
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.88);
}

.figma-market-section {
  padding-block: 62px 92px;
}

.figma-market-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);
  gap: 34px;
  align-items: stretch;
}

.figma-market-metric,
.figma-market-copy {
  min-height: 360px;
  padding: 42px;
  border: 1px solid rgba(105, 150, 214, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}

.figma-market-metric {
  display: grid;
  align-content: center;
}

.figma-market-metric strong {
  color: var(--ta-cyan);
  font-family: var(--ta-font-display);
  font-size: 72px;
  line-height: 1;
}

.figma-market-metric p {
  max-width: 280px;
  margin-top: 18px;
  color: #fff;
  font-weight: 700;
}

.figma-market-copy__label {
  display: inline-flex;
  min-height: 25px;
  align-items: center;
  padding-inline: 10px;
  border: 1px solid rgba(19, 197, 216, 0.34);
  border-radius: 999px;
  color: var(--ta-cyan);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.figma-market-copy h2 {
  margin-top: 20px;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 36px;
  font-weight: 400;
  line-height: 1.08;
}

.figma-market-copy h2 strong {
  font-weight: 700;
}

.figma-market-copy > p,
.figma-market-copy__body p {
  margin-top: 18px;
  color: var(--ta-muted);
}

.figma-market-copy__intro {
  color: #fff !important;
  font-weight: 700;
}

.figma-report-list {
  display: grid;
  gap: 9px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  color: var(--ta-muted);
  font-size: 13px;
}

.figma-report-list span {
  display: inline-flex;
  min-width: 66px;
  justify-content: center;
  margin-right: 10px;
  padding: 4px 8px;
  border-radius: 4px;
  background: #12bfae;
  color: #04111c;
  font-weight: 900;
}

.figma-trust-section {
  padding-block: 76px 88px;
}

.figma-trust-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 46px;
}

.figma-trust-card {
  min-height: 132px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 24px;
  border: 1px solid rgba(105, 150, 214, 0.15);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}

.figma-trust-card h3 {
  color: #fff;
  font-size: 16px;
  line-height: 1.38;
}

.figma-trust-card p {
  margin-top: 8px;
  color: var(--ta-muted);
  font-size: 14px;
}

.figma-trust-section__button {
  margin-top: 34px;
  text-align: center;
}

.figma-trusted-section {
  padding-bottom: 18px;
}

.figma-area-hero {
  min-height: 610px;
}

.figma-area-hero__icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  margin-bottom: 24px;
  border: 1px solid rgba(57, 124, 230, 0.4);
  border-radius: 12px;
  background: rgba(45, 116, 255, 0.08);
}

.figma-area-hero__icon img {
  width: auto;
  max-width: 28px;
  height: 28px;
}

.figma-actions-section {
  padding-block: 94px 72px;
}

.figma-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 78px 150px;
  max-width: 980px;
  margin: 72px auto 0;
}

.figma-action-item {
  min-height: 160px;
  display: grid;
  justify-items: center;
  align-content: start;
  text-align: center;
}

.figma-action-item h3 {
  margin-top: 20px;
  color: #fff;
  font-size: 19px;
}

.figma-action-item p {
  max-width: 370px;
  margin-top: 10px;
  color: var(--ta-muted);
  font-size: 14px;
}

.figma-effect-section {
  padding-block: 48px 76px;
}

.figma-effect-card {
  min-height: 220px;
}

.figma-effect-card__content span {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding-inline: 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.figma-effect-card__content p {
  margin-top: 20px;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}

.figma-related-section {
  padding-block: 58px 72px;
}

.figma-area-grid--related {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.figma-area-grid--related .figma-area-tile {
  min-height: 176px;
}

.figma-production-section {
  padding-block: 50px 82px;
}

.figma-production-card {
  border-radius: 8px;
}

.figma-partner-proof--single {
  padding-top: 72px;
}

.figma-story-section {
  padding-block: 86px 104px;
}

.figma-story-eyebrow {
  width: max-content;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  padding: 6px 14px;
  border: 1px solid rgba(59, 130, 246, 0.72);
  border-radius: 999px;
  color: #619dff;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.figma-story-list {
  display: grid;
  gap: 78px;
  margin-top: 68px;
}

.figma-story-step {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 28px;
}

.figma-story-step__number {
  color: rgba(244, 248, 255, 0.13);
  font-family: var(--ta-font-display);
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
}

.figma-story-step__label {
  color: #498bff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.figma-story-step h3 {
  margin-top: 10px;
  color: #fff;
  font-family: var(--ta-font);
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
}

.figma-story-step__body > p {
  max-width: 940px;
  margin-top: 14px;
  color: var(--ta-muted);
  font-family: var(--ta-font);
  font-size: 18px;
  font-weight: 400;
  line-height: 29.25px;
}

.figma-story-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.figma-story-step .figma-partner-grid {
  margin-top: 30px;
}

.figma-fusion-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0;
}

.figma-fusion-panel {
  margin-top: 32px;
  padding: 18px 24px 30px;
  border: 1px solid rgba(105, 150, 214, 0.15);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
}

.figma-fusion-grid article {
  display: grid;
  justify-items: center;
  gap: 12px;
  min-height: 190px;
  align-content: center;
  padding: 26px;
  text-align: center;
}

.figma-fusion-grid article + article {
  border-left: 1px solid rgba(105, 150, 214, 0.15);
}

.figma-fusion-grid article > span {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: rgba(45, 116, 255, 0.13);
}

.figma-fusion-grid img {
  width: auto;
  max-width: 22px;
  height: 22px;
}

.figma-fusion-grid strong {
  color: #fff;
}

.figma-fusion-grid p {
  color: var(--ta-muted);
  font-size: 13px;
}

.figma-story-step blockquote {
  max-width: 760px;
  margin: 10px auto 0;
  padding-top: 30px;
  border-top: 1px solid rgba(105, 150, 214, 0.12);
  color: #fff;
  text-align: center;
  font-family: var(--ta-font-display);
  font-size: 18px;
  font-weight: 650;
}

.figma-story-step cite {
  display: block;
  margin-top: 18px;
  color: var(--ta-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}

.figma-story-quote__person {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}

.figma-story-quote__avatar {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  object-fit: cover;
}

.figma-story-quote__person cite {
  margin-top: 0;
  text-align: left;
}

.figma-about-mission {
  padding-block: 90px;
}

@media (min-width: 1024px) {
  .figma-about-founders {
    padding-block: 104px;
  }

  .figma-founder-card {
    min-height: 360px;
  }

  .figma-story-section {
    padding-block: 108px 126px;
  }

  .figma-story-list {
    gap: 120px;
  }

  .figma-story-step--problem {
    min-height: 0;
  }

  .figma-story-step--meeting {
    min-height: 0;
  }

  .figma-story-step--fusion {
    min-height: 0;
  }

  .figma-about-mission {
    padding-block: 138px;
  }

  .figma-market-section--about {
    padding-block: 92px 126px;
  }
}

.figma-about-mission__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.9fr);
  gap: 86px;
  align-items: center;
}

.figma-about-mission__checks {
  display: grid;
  gap: 14px;
}

.figma-about-mission__checks span {
  min-height: 70px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid rgba(105, 150, 214, 0.15);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
  color: #fff;
  font-weight: 700;
}

.figma-about-mission__checks img {
  width: auto;
  max-width: 24px;
  height: 24px;
}

.contact-direct-card__icon img {
  width: auto;
  max-width: 27px;
  height: 27px;
  filter: brightness(0) invert(1);
}

.contact-form-wrap .wpcf7-form > p:empty {
  display: none;
}

.contact-form-grid {
  display: block;
}

.contact-form-grid > p {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}

.contact-form-wrap label {
  display: grid;
  gap: 8px;
  color: #c5d3e5;
  font-size: 13px;
  font-weight: 700;
}

.contact-form-wrap .contact-form-grid + label {
  margin-top: 16px;
}

.contact-form-wrap .wpcf7-list-item {
  margin: 18px 0 0;
}

.contact-form-wrap .wpcf7-list-item label {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: var(--ta-muted);
  font-size: 12px;
  font-weight: 500;
}

.contact-form-wrap input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--ta-blue);
}

.contact-form-submit {
  margin-top: 20px;
}

.contact-form-submit .wpcf7-submit {
  width: 100%;
}

@media (max-width: 1199.98px) {
  .figma-service-feature__grid,
  .figma-service-feature--reverse .figma-service-feature__grid,
  .figma-about-mission__grid {
    gap: 56px;
  }

  .figma-action-grid {
    gap: 64px 84px;
  }
}

@media (max-width: 991.98px) {
  .home-hero__title {
    font-size: 46px;
  }

  .figma-page-hero,
  .figma-area-hero {
    min-height: 520px;
  }

  .figma-page-hero h1,
  .figma-area-hero h1 {
    font-size: 46px;
  }

  .figma-service-feature__grid,
  .figma-service-feature--reverse .figma-service-feature__grid,
  .figma-about-mission__grid,
  .figma-market-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .figma-service-feature__visual {
    min-height: 360px;
  }

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

  .figma-area-grid--related .figma-area-tile:last-child {
    grid-column: 1 / -1;
  }

  .figma-action-grid {
    gap: 54px 46px;
  }

  .figma-story-step {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .figma-story-step__number {
    font-size: 60px;
  }
}

@media (max-width: 767.98px) {
  .home-hero h1 .home-hero__eyebrow {
    font-size: 16px;
  }

  .home-hero__title,
  .figma-page-hero h1,
  .figma-area-hero h1,
  .figma-service-feature__copy h2,
  .figma-about-mission h2 {
    font-size: 36px;
  }

  .mission-connection {
    flex-wrap: wrap;
    gap: 12px;
  }

  .mission-connection__line {
    width: 46px;
  }

  .figma-service-feature {
    padding-block: 72px;
  }

  .figma-service-feature__visual {
    min-height: 300px;
  }

  .figma-area-grid,
  .figma-area-grid--related,
  .figma-founder-grid,
  .figma-partner-grid,
  .figma-trust-grid,
  .figma-action-grid,
  .figma-fusion-grid,
  .contact-form-grid > p {
    grid-template-columns: minmax(0, 1fr);
  }

  .figma-area-grid--related .figma-area-tile:last-child {
    grid-column: auto;
  }

  .figma-action-grid {
    gap: 46px;
    margin-top: 54px;
  }

  .figma-pressure-card__content,
  .figma-effect-card__content,
  .figma-market-metric,
  .figma-market-copy {
    padding: 30px 24px;
  }

  .figma-market-metric,
  .figma-market-copy {
    min-height: 300px;
  }

  .figma-market-metric strong {
    font-size: 58px;
  }

  .figma-story-step {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .figma-story-step__number {
    font-size: 54px;
  }

  .figma-fusion-grid article + article {
    border-top: 1px solid rgba(105, 150, 214, 0.15);
    border-left: 0;
  }
}

@media (max-width: 575.98px) {
  .figma-page-hero,
  .figma-area-hero {
    min-height: 480px;
  }

  .figma-page-hero__inner,
  .figma-area-hero__inner {
    padding-inline: 18px;
  }

  .figma-page-hero h1,
  .figma-area-hero h1,
  .figma-service-feature__copy h2,
  .figma-about-mission h2 {
    font-size: 32px;
  }

  .figma-hero-pills {
    display: grid;
    width: 100%;
  }

  .figma-hero-pills span {
    justify-content: center;
  }

  .figma-service-note p,
  .figma-area-tile,
  .figma-founder-card,
  .figma-partner-card,
  .figma-market-metric,
  .figma-market-copy,
  .figma-trust-card {
    width: 100%;
    max-width: none;
  }

  .figma-area-tile {
    min-height: 150px;
  }

  .figma-partner-card {
    padding: 26px;
  }

  .figma-founder-card {
    min-height: 0;
    padding: 28px 24px;
  }

  .figma-partner-card header {
    align-items: flex-start;
  }

  .figma-partner-card__mark {
    width: 62px;
  }

  .figma-pressure-card h2,
  .figma-market-copy h2 {
    font-size: 28px;
  }

  .figma-effect-card__content p {
    font-size: 20px;
  }

  .figma-production-card {
    width: 100%;
    max-width: none;
    justify-self: stretch;
  }

  .contact-direct-card strong {
    font-size: 21px;
  }
}


/* Source: assets/css/07-figma-audit.css */
/* Corrections verified against the final 1440px Figma homepage frame. */

.site-header {
  min-height: 80px;
  background: #0a1628;
}

.site-header__inner {
  min-height: 79px;
}

.site-navigation {
  gap: 44px;
}

.site-navigation__menu {
  gap: 40px;
}

.site-navigation__menu a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.site-navigation__contact.ta-button--ghost {
  width: 104px;
  min-height: 44px;
  padding-inline: 12px;
  border: 2px solid #fff;
  border-radius: 8px;
  background: rgba(9, 37, 57, 0.72);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.site-navigation__contact.ta-button--ghost:hover,
.site-navigation__contact.ta-button--ghost:focus {
  background: rgba(15, 49, 73, 0.92);
}

.site-navigation__contact .ta-button__icon {
  display: none;
}

.home .split-feature__copy h2,
.home .production-card h2,
.home .blue-cta h2,
.global-cta h2 {
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 42px;
  font-weight: 300;
  line-height: 48.3px;
}

.home .split-feature__copy h2 strong,
.home .production-card h2 strong,
.home .blue-cta h2 strong,
.global-cta h2 strong {
  font-weight: 700;
}

.home .split-feature__copy p,
.home .production-card p {
  color: var(--ta-muted);
  font-family: var(--ta-font-display);
  font-size: 18px;
  font-weight: 400;
  line-height: 27.9px;
}

.home .production-card,
.home .metric-card,
.home .mission-card,
.home .mission-side blockquote,
.home .story-card,
.home .figma-area-tile {
  border-radius: 24px;
}

.home .areas-section .section-heading h2 strong {
  color: #fff;
}

.home .production-card .ta-button,
.home .blue-cta .ta-button {
  width: 405px;
  min-height: 72px;
}

.home .blue-cta .ta-button {
  background: rgba(255, 255, 255, 0.04);
}

.home .blue-cta {
  background: linear-gradient(90deg, #2462eb 0%, #05b6d5 100%);
}

.home-hero__glow,
.home-hero__ellipse {
  display: none;
  pointer-events: none;
}

.blue-cta__waves {
  position: absolute;
  z-index: 0;
  top: -26px;
  left: 0;
  width: 100%;
  height: 466.919px;
  object-fit: cover;
  pointer-events: none;
}

.home .metric-card {
  background:
    radial-gradient(circle at 80% 100%, rgba(37, 99, 235, 0.18), transparent 58%),
    linear-gradient(180deg, #08253a 0%, #10263e 48%, #1c314d 100%);
}

.home .mission-tab.is-active span {
  background: linear-gradient(135deg, #0ea5e9 0%, #22d3ee 100%);
}

.home .figma-area-tile {
  min-height: 251px;
  gap: 24px;
  border-color: rgba(255, 255, 255, 0.15);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
}

.home .figma-area-tile__icon {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
}

.home .figma-area-tile__icon img {
  max-width: 30px;
  height: 30px;
}

.home .figma-area-tile__title {
  max-width: 280px;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}

.shared-footer__waves {
  height: 250px;
}

.testimonials {
  box-sizing: border-box;
}

.testimonials .section-heading h2 {
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  line-height: 48.3px;
}

.testimonials .section-heading h2 span {
  color: #fff;
  font-weight: 300;
}

.testimonial-controls .circle-button {
  width: 48px;
  height: 48px;
  font-size: 24px;
}

.testimonial-track {
  grid-auto-columns: 457.33px;
  gap: 24px;
  margin-inline: -2px;
  padding: 0 2px 12px;
  scroll-padding-inline: 2px;
}

.testimonial-card {
  height: 301px;
  display: flex;
  flex-direction: column;
  padding: 32px;
  border: 1px solid #3b82f6;
  background: linear-gradient(to top, rgba(59, 130, 246, 0.14) 0%, rgba(59, 130, 246, 0.02) 80.288%);
}

.testimonial-card__quote {
  width: 29.105px;
  height: 21.65px;
  margin-bottom: 24px;
}

.testimonial-card__quote img {
  display: block;
  width: 100%;
  height: 100%;
}

.testimonial-card footer {
  margin-top: auto;
}

.testimonial-card[aria-hidden="true"] {
  visibility: visible;
}

.global-cta {
  position: relative;
  overflow: hidden;
  background: linear-gradient(159.513753deg, #0a1628 0%, #0d1b2a 50%, #0a1628 100%);
}

.global-cta::before,
.global-cta::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.global-cta::before {
  top: 284px;
  left: calc(50% - 306px);
  width: 500px;
  height: 500px;
  background: #3b82f6;
  opacity: 0.3;
  filter: blur(75px);
}

.global-cta::after {
  top: 368px;
  left: calc(50% - 40px);
  width: 400px;
  height: 400px;
  background: #2563eb;
  opacity: 0.15;
  filter: blur(60px);
}

.global-cta__inner {
  position: relative;
  z-index: 1;
}

.global-cta h2 {
  font-weight: 300;
}

.global-cta p {
  color: var(--ta-muted);
  font-family: var(--ta-font);
  font-size: 24px;
  font-weight: 400;
  line-height: 39px;
}

.global-cta .ta-button {
  width: 396px;
}

.site-footer {
  background: #0a0e14;
}

.site-footer__tagline,
.site-footer__legal,
.site-footer__menu a {
  color: #8f9db0;
}

.site-footer__socials a {
  color: #8f9db0;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-footer__credit {
  border-top-color: rgba(255, 255, 255, 0.08);
}

.trusted-logos > span {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
}

.trusted-logos__item {
  flex: 0 0 auto;
  object-fit: contain;
}

.trusted-logos > span:nth-child(1) .trusted-logos__item {
  width: 65px;
  height: auto;
}

.trusted-logos > span:nth-child(2) .trusted-logos__item {
  width: 97.473px;
  height: auto;
}

.trusted-logos > span:nth-child(3) .trusted-logos__item {
  width: 151px;
  height: auto;
}

.trusted-logos > span:nth-child(4) .trusted-logos__item {
  width: 77.636px;
  height: auto;
}

.trusted-logos > span:nth-child(5) .trusted-logos__item {
  width: 74px;
  height: auto;
}

.trusted-logos > span:nth-child(6) .trusted-logos__item {
  width: 89px;
  height: auto;
}

.home .mission-author {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.home .mission-author > span:last-child {
  display: grid;
  gap: 2px;
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: normal;
}

.home .mission-author strong,
.home .mission-author small {
  display: block;
}

.home .mission-author strong {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.home .mission-author small {
  color: var(--ta-muted);
  font-size: 12px;
  line-height: 15px;
}

.home .mission-author__avatar {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  margin: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, #2563eb, #06b6d4);
  color: #fff;
  font-size: 13px;
  font-style: normal;
  line-height: 1;
}

@media (min-width: 1200px) {
  .ta-container,
  .ta-container--wide {
    position: relative;
    left: calc((100vw - 100%) / 2);
  }

  .home .home-hero {
    height: 538px;
    min-height: 538px;
    padding: 0;
    background: #0a1628;
  }

  .home .home-hero__grid {
    height: 100%;
    grid-template-columns: 651px 507px;
    gap: 105px;
    align-items: start;
    justify-content: start;
  }

  .home .home-hero__glow {
    position: absolute;
    z-index: 0;
    top: -80px;
    right: 0;
    display: block;
    width: 440px;
    height: 498px;
  }

  .home .home-hero__copy {
    width: 688px;
    max-width: none;
    margin-top: 125.5px;
  }

  .home .home-hero h1 .home-hero__eyebrow {
    width: 688px;
    margin-bottom: 12.5px;
    color: var(--ta-muted);
    font-size: 30px;
    font-weight: 300;
    line-height: 40.5px;
    white-space: nowrap;
  }

  .home .home-hero__title {
    width: 651px;
    color: #fff;
    font-size: 52px;
    font-weight: 700;
    line-height: 59.8px;
  }

  .home .home-hero p {
    margin-top: 32.4px;
    color: var(--ta-muted);
    font-family: var(--ta-font-display);
    font-size: 18px;
    font-weight: 400;
    line-height: 27.9px;
  }

  .home .home-hero .ta-button {
    width: 415px;
    min-height: 58px;
    margin-top: 36.1px;
  }

  .home .home-hero__visual {
    position: relative;
    width: 507px;
    height: 538px;
    margin-top: 0;
    overflow: visible;
    transform: none;
  }

  .home .home-hero__image {
    position: absolute;
    z-index: 2;
    top: 120px;
    left: 0;
    width: 507px;
    height: 338px;
    object-fit: contain;
    opacity: 1;
    filter: none;
  }

  .home .home-hero__ellipse {
    position: absolute;
    z-index: 1;
    display: block;
  }

  .home .home-hero__ellipse--large {
    top: 85px;
    left: 219px;
    width: 348px;
    height: 348px;
  }

  .home .home-hero__ellipse--small {
    top: 149px;
    left: 35px;
    width: 220px;
    height: 220px;
  }

  .home .split-feature {
    padding: 0;
  }

  .home .split-feature--analysis {
    height: 624px;
    margin-top: 13px;
  }

  .home .split-feature--implementation {
    height: 645px;
    margin-bottom: -21px;
  }

  .home .split-feature__grid,
  .home .split-feature__grid--reversed {
    height: 100%;
    align-items: start;
    transform: none;
  }

  .home .split-feature--analysis .split-feature__grid {
    grid-template-columns: 608px 568px;
    gap: 40px;
  }

  .home .split-feature--analysis .split-feature__visual {
    width: 608px;
    height: 480px;
    min-height: 480px;
    margin-top: 72px;
  }

  .home .split-feature--analysis .split-feature__image {
    width: 608px;
    max-width: 608px;
    height: 480px;
  }

  .home .split-feature--analysis .split-feature__copy {
    margin-top: 162px;
  }

  .home .split-feature--implementation .split-feature__grid {
    grid-template-columns: 570px 570px;
    gap: 40px;
  }

  .home .split-feature--implementation .split-feature__copy {
    margin-top: 158.5px;
  }

  .home .split-feature--implementation .split-feature__visual {
    width: 570px;
    height: 501px;
    min-height: 501px;
    margin-top: 72px;
  }

  .home .split-feature--implementation .split-feature__image {
    width: 570px;
    max-width: 570px;
    height: 501px;
  }

  .home .split-feature__copy h2 {
    width: 568px;
  }

  .home .split-feature__copy p {
    width: 568px;
    max-width: 568px;
    margin-top: 22px;
  }

  .home .mission-section {
    height: 1041px;
    padding: 76px 0 92px;
  }

  .home .mission-section .section-heading h2 {
    font-size: 42px;
    font-weight: 300;
    line-height: 48.3px;
  }

  .home .mission-section .section-heading h2 strong {
    background: linear-gradient(90deg, #2563eb 0%, #06b6d4 100%);
    color: transparent;
    font-weight: 700;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .home .mission-section .section-heading p {
    color: var(--ta-muted);
    font-family: var(--ta-font-display);
    font-size: 18px;
    line-height: 27.9px;
  }

  .home .mission-tabs__buttons {
    margin-bottom: 48px;
  }

  .home .mission-tab {
    border-radius: 16px;
    font-weight: 600;
  }

  .home .mission-grid {
    grid-template-columns: 280px 488px 384px;
    gap: 32px;
  }

  .home .metric-card,
  .home .mission-card {
    min-height: 410px;
  }

  .home .mission-card {
    display: flex;
    flex-direction: column;
  }

  .home .mission-card h3 {
    display: none;
  }

  .home .mission-card p {
    margin-top: auto;
    color: var(--ta-muted);
    font-size: 16px;
    line-height: 24.8px;
  }

  .home .mission-side {
    grid-template-rows: 238px 156px;
    gap: 16px;
  }

  .home .mission-side blockquote {
    min-height: 238px;
    padding: 34px 40px;
  }

  .home .mission-author {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
  }

  .home .mission-author > span:last-child {
    display: grid;
    gap: 2px;
  }

  .home .mission-author strong,
  .home .mission-author small {
    display: block;
  }

  .home .mission-author strong {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
  }

  .home .mission-author small {
    color: var(--ta-muted);
    font-size: 11.5px;
  }

  .home .mission-author__avatar {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #fff;
    font-size: 13px;
    font-style: normal;
  }

  .home .story-card {
    height: 156px;
    align-content: center;
    padding: 24px 32px;
    background: linear-gradient(90deg, #2563eb 0%, #06b6d4 100%);
  }

  .home .story-card__link {
    margin-top: 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
  }

  .home .mission-connection {
    min-height: 90px;
    margin-top: 32px;
    border-radius: 16px;
  }

  .home .production-card-section {
    height: 407px;
    padding: 0;
  }

  .home .production-card {
    height: 407px;
    min-height: 407px;
    padding: 54px;
    border-color: rgba(255, 255, 255, 0.1);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4px);
  }

  .home .production-card p {
    margin-top: 18px;
  }

  .home .production-card .ta-button {
    margin-top: 32px;
  }

  .home .areas-section {
    height: 1173px;
    padding: 80px 0 83px;
  }

  .home .areas-grid {
    grid-template-columns: repeat(3, 384px);
    gap: 32px;
    margin-top: 52px;
  }

  .home .areas-section__more {
    margin-top: 30px;
  }

  .home .areas-section__more a {
    font-size: 14px;
    font-weight: 600;
  }

  .home .blue-cta-section {
    height: 368px;
    padding: 0;
  }

  .home .blue-cta {
    height: 368px;
    min-height: 368px;
    border-radius: 24px;
  }

  .home .blue-cta__content {
    padding: 42px;
  }

  .home .blue-cta p {
    margin-top: 16px;
    font-family: var(--ta-font-display);
    font-size: 18px;
    font-weight: 400;
    line-height: 27.9px;
  }

  .home .blue-cta .ta-button {
    margin-top: 30px;
  }

  .home .trusted-section {
    height: 196px;
    padding: 80px 0 0;
  }

  .home .trusted-section__label {
    width: 101px;
    min-height: 32px;
    justify-content: center;
    padding-inline: 12px;
    font-family: var(--ta-font);
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0;
  }

  .home .trusted-section__inner {
    gap: 24px;
  }

  .home .trusted-logos {
    width: 881.11px;
    height: 60px;
    gap: 64px;
    opacity: 1;
    filter: grayscale(1);
  }

  .home .trusted-logos > span {
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }

  .home .trusted-logos__item {
    opacity: 0.42;
    max-width: none;
    max-height: none;
  }

  .home .trusted-logos > span:nth-child(1) {
    width: 54px;
  }

  .home .trusted-logos > span:nth-child(1) .trusted-logos__item {
    width: 65px;
    height: 44px;
  }

  .home .trusted-logos > span:nth-child(2),
  .home .trusted-logos > span:nth-child(2) .trusted-logos__item {
    width: 97.473px;
  }

  .home .trusted-logos > span:nth-child(2) .trusted-logos__item {
    height: 18px;
  }

  .home .trusted-logos > span:nth-child(3),
  .home .trusted-logos > span:nth-child(3) .trusted-logos__item {
    width: 151px;
  }

  .home .trusted-logos > span:nth-child(3) .trusted-logos__item {
    height: 19px;
  }

  .home .trusted-logos > span:nth-child(4),
  .home .trusted-logos > span:nth-child(4) .trusted-logos__item {
    width: 77.636px;
  }

  .home .trusted-logos > span:nth-child(4) .trusted-logos__item {
    height: 17.08px;
  }

  .home .trusted-logos > span:nth-child(5) {
    width: 92px;
  }

  .home .trusted-logos > span:nth-child(5) .trusted-logos__item {
    width: 74px;
    height: 24px;
  }

  .home .trusted-logos > span:nth-child(6),
  .home .trusted-logos > span:nth-child(6) .trusted-logos__item {
    width: 89px;
  }

  .home .trusted-logos > span:nth-child(6) .trusted-logos__item {
    height: 24px;
  }

  .testimonials {
    height: 635px;
    padding-top: 52px;
    padding-bottom: 0;
  }

  .testimonials .section-heading {
    margin-bottom: 56px;
  }

  .global-cta {
    height: 538px;
    padding: 0;
  }

  .global-cta__inner {
    height: 100%;
    grid-template-columns: repeat(2, minmax(0, 568px));
    gap: 80px;
    align-items: start;
    box-sizing: border-box;
    padding-top: 160px;
  }

  .global-cta .ta-button {
    margin-top: 48px;
  }

  .site-footer {
    height: 568px;
    min-height: 568px;
    display: flex;
    flex-direction: column;
    padding: 80px 0 0;
  }

  .site-footer__inner {
    grid-template-columns: 816px 272px;
    grid-template-areas:
      "brand tagline"
      "nav legal";
    gap: 72px 64px;
    padding-inline: 64px;
  }

  .site-logo--footer {
    width: 256px;
  }

  .site-footer__tagline {
    width: 440px;
    max-width: 440px;
    justify-self: end;
  }

  .site-footer__nav {
    width: 816px;
    grid-template-columns: repeat(3, 200px);
    justify-content: space-between;
  }

  .site-footer__nav h3 {
    margin-bottom: 22px;
    font-size: 14px;
  }

  .site-footer__menu {
    gap: 12px;
  }

  .site-footer__tagline,
  .site-footer__legal,
  .site-footer__menu a {
    font-size: 14px;
    line-height: 20px;
  }

  .site-footer__credit {
    width: calc(100% - 128px);
    max-width: 1152px;
    min-height: 96px;
    margin-top: auto;
    padding-top: 24px;
  }
}

@media (min-width: 992px) and (max-width: 1099.98px) {
  .site-logo {
    width: 156px;
  }

  .site-menu-toggle {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    gap: 4px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
  }

  .site-menu-toggle span:not(.screen-reader-text) {
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #fff;
  }

  .site-navigation {
    position: fixed;
    inset: 80px 0 auto;
    display: none;
    min-height: calc(100vh - 80px);
    padding: 32px;
    background: rgba(5, 11, 18, 0.98);
    align-items: flex-start;
    flex-direction: column;
  }

  .site-navigation.is-open {
    display: flex;
  }

  .site-navigation__menu {
    display: grid;
    gap: 22px;
  }

  .site-navigation__menu a {
    font-size: 22px;
  }
}

@media (max-width: 1199.98px) {
  .site-navigation {
    gap: 28px;
  }

  .site-navigation__menu {
    gap: 30px;
  }

  .home .production-card,
  .home .blue-cta,
  .home .figma-area-tile,
  .testimonial-card {
    height: auto;
  }

  .home .figma-area-tile {
    min-height: 220px;
  }

  .testimonial-track {
    grid-auto-columns: minmax(300px, calc((100% - 24px) / 2));
  }

  .global-cta p {
    font-size: 20px;
    line-height: 32px;
  }
}

@media (max-width: 767.98px) {
  .home .split-feature__copy h2,
  .home .production-card h2,
  .home .blue-cta h2,
  .global-cta h2 {
    font-size: 36px;
    line-height: 42px;
  }

  .home .split-feature__copy p,
  .home .production-card p,
  .home .blue-cta p {
    font-size: 16px;
    line-height: 25px;
  }

  .home .figma-area-tile {
    min-height: 180px;
  }

  .home .figma-area-tile__title {
    font-size: 18px;
    line-height: 23px;
  }

  .testimonial-card p {
    font-size: 16px;
    line-height: 25px;
  }

  .global-cta p {
    font-size: 18px;
    line-height: 29px;
  }
}

@media (max-width: 575.98px) {
  .site-navigation__contact.ta-button--ghost {
    width: 100%;
  }

  .home .production-card h2,
  .home .production-card p {
    width: 100%;
    max-width: 100%;
  }

  .home .production-card h2 {
    font-size: 30px;
    line-height: 36px;
  }

  .home .production-card .ta-button,
  .home .blue-cta .ta-button,
  .global-cta .ta-button {
    width: 100%;
    max-width: 100%;
  }

  .global-cta {
    width: 100%;
    max-width: 100%;
  }

  .home .figma-area-tile {
    min-height: 160px;
  }

  .testimonial-track {
    grid-auto-columns: minmax(260px, 84vw);
    gap: 18px;
  }

  .shared-footer__waves {
    height: 110px;
  }
}


/* Source: assets/css/08-figma-pass3.css */
/* Pass 3: source-faithful homepage details from Figma home-03. */

.home .mission-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.home .mission-section::before,
.home .mission-section::after,
.testimonials::before,
.testimonials::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 384px;
  height: 384px;
  border-radius: 50%;
  opacity: 0.05;
  pointer-events: none;
}

.home .mission-section::before,
.testimonials::before {
  top: 65px;
  left: -108px;
  background: #3b82f6;
  filter: blur(40px);
}

.home .mission-section::after,
.testimonials::after {
  top: 383px;
  left: 1199px;
  background: #2563eb;
  filter: blur(32px);
}

.home .mission-section > .ta-container,
.testimonials > * {
  position: relative;
  z-index: 1;
}

.home .mission-tab {
  position: relative;
}

.home .mission-tab__icon img,
.home .mission-card__icon img,
.home .mission-connection__icon img {
  display: block;
  max-width: none;
  filter: none;
}

.home .mission-tab__icon,
.home .mission-card__icon,
.home .mission-connection__icon {
  overflow: hidden;
}

.home .mission-tab__icon img,
.home .mission-card__icon img {
  width: 20.16px;
  height: 17px;
}

.home #mission-tab-labs .mission-tab__icon img,
.home .mission-card__icon--labs img {
  width: 14.413px;
  height: 15px;
}

.home .mission-connection__icon--strategy img {
  width: 15.133px;
  height: 12.75px;
}

.home .mission-connection__icon--labs img {
  width: 14.413px;
  height: 15px;
}

.home .mission-connection__icon--strategy {
  background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
}

.home .mission-connection__icon--labs {
  background: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);
}

.home .mission-tab__underline {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: none;
  width: 48px;
  height: 4px;
  transform: translateX(-50%);
}

.home .mission-tab.is-active .mission-tab__underline {
  display: block;
}

.home .mission-tab:not(.is-active) .mission-tab__icon img {
  opacity: 0.42;
}

.home #mission-tab-labs.is-active .mission-tab__icon {
  background: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);
}

.home .metric-card,
.home .mission-card,
.home .mission-side blockquote {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
}

.home .metric-card {
  position: relative;
}

.home .metric-card > *:not(.metric-card__surface, .metric-card__glow) {
  position: relative;
  z-index: 1;
}

.home .metric-card__surface {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 1px;
  width: calc(100% - 2px);
  height: 4px;
}

.home .metric-card__glow {
  position: absolute;
  right: -93px;
  bottom: -153px;
  width: 266px;
  height: 266px;
  border-radius: 50%;
  opacity: 0.2;
  filter: blur(40px);
  pointer-events: none;
}

.home .metric-card__heading {
  display: grid;
  gap: 16px;
}

.home .metric-card__number {
  width: fit-content;
  background-image: var(--metric-number-gradient, linear-gradient(90deg, #2563eb, #06b6d4));
  background-position: center;
  background-size: cover;
  color: transparent;
  font-family: var(--ta-font);
  font-size: 96px;
  font-weight: 800;
  line-height: 96px;
  -webkit-background-clip: text;
  background-clip: text;
}

.home .metric-card__heading > p {
  color: var(--ta-muted);
  font-weight: 400;
}

.home .mission-card__header {
  display: flex;
  align-items: center;
  gap: 16px;
}

.home .mission-card__icon {
  width: 56px;
  height: 56px;
  display: grid;
  flex: 0 0 56px;
  place-items: center;
  padding: 18px;
  border-radius: 16px;
  background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.home .mission-card__icon--labs {
  background: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);
}

.home .mission-card__identity {
  display: grid;
}

.home .mission-card__identity h3 {
  display: block;
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.home .mission-card__identity small {
  color: var(--ta-muted);
  font-size: 14px;
  line-height: 20px;
}

.home .mission-side blockquote .mission-quote {
  width: 26px;
  height: 21px;
  display: block;
  margin: 0 0 16px;
  color: inherit;
  font-size: inherit;
  line-height: normal;
}

.home .mission-quote img {
  display: block;
  width: 100%;
  height: 100%;
}

.home .story-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(90deg, #2563eb 0%, #06b6d4 100%);
}

.home .story-card__surface {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home .mission-connection__line {
  display: block;
  width: 32px;
  height: 1px;
  flex: 0 0 32px;
  background: none;
}

.home .mission-connection__line img {
  display: block;
  width: 32px;
  height: 1px;
}

.home .mission-connection__operator {
  width: 11px;
  height: 11px;
  display: grid;
  flex: 0 0 11px;
  place-items: center;
}

.home .mission-connection__operator img {
  width: 10px;
  height: 11px;
}

.home .mission-connection__equals {
  color: #6b7b8d;
}

.home .mission-connection__wordmark {
  background-image: var(--mission-wordmark-gradient);
  background-position: center;
  background-size: cover;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.home .production-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.home .production-card__decoration {
  position: absolute;
  z-index: -1;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: 568px;
  pointer-events: none;
}

.testimonials {
  position: relative;
  isolation: isolate;
}

.testimonials::before {
  left: calc(50% - 828px);
}

.testimonials::after {
  left: calc(50% + 479px);
}

.global-cta p {
  text-align: center;
}

@media (min-width: 1200px) {
  .home .mission-section {
    padding: 80px 0 80px;
  }

  .home .mission-section .section-heading p {
    width: 546px;
    max-width: 546px;
    margin: 18px auto 0;
  }

  .home .mission-tabs {
    margin-top: 52px;
  }

  .home .mission-tabs__buttons {
    gap: 16px;
  }

  .home .mission-tab {
    width: 230.109px;
    min-height: 78px;
    padding: 17px 33px 17px 16px;
  }

  .home #mission-tab-labs {
    width: 230.313px;
  }

  .home .mission-tab__icon {
    width: 44px;
    height: 44px;
    padding: 13px;
  }

  .home .metric-card {
    height: 410px;
    min-height: 410px;
    padding: 41px;
  }

  .home .metric-card ul {
    margin-top: auto;
  }

  .home .mission-card {
    height: 410px;
    min-height: 410px;
    padding: 40px;
  }

  .home .mission-card p {
    margin-top: auto;
  }

  .home .mission-connection {
    gap: 8px;
    padding: 24px 32px;
  }

  .home .mission-connection__icon {
    width: 40px;
    height: 40px;
    padding: 12px;
    border-radius: 12px;
  }

  .home .mission-connection__icon--strategy {
    background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
  }

  .home .mission-connection__icon--labs {
    background: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);
  }

  .home .production-card {
    padding: 65px 54px 43px;
  }

  .testimonials {
    padding-top: 80px;
  }

  .testimonials .section-heading {
    margin-bottom: 32px;
  }

  .testimonial-controls {
    gap: 8px;
    margin-top: 24px;
  }

  .testimonial-controls .circle-button {
    width: 50px;
    height: 50px;
  }

  .site-footer__inner {
    row-gap: 64px;
  }

  .site-logo--footer {
    width: 253.446px;
  }

  .site-footer__tagline {
    width: 448px;
    max-width: 448px;
    font-size: 16px;
    line-height: 24px;
  }

  .site-footer__nav h3 {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .site-footer__menu {
    gap: 14px;
  }

  .site-footer__menu a,
  .site-footer__socials a {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 1199.98px) {
  .home .mission-section::before,
  .testimonials::before {
    left: -240px;
  }

  .home .mission-section::after,
  .testimonials::after {
    right: -240px;
    left: auto;
  }

  .home .production-card__decoration {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 575.98px) {
  .home .mission-card__header {
    align-items: flex-start;
  }

  .home .mission-card__icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    padding: 15px;
    border-radius: 14px;
  }

  .home .mission-card__identity h3 {
    font-size: 21px;
    line-height: 28px;
  }

  .home .metric-card__number {
    font-size: 80px;
    line-height: 80px;
  }

  .home .mission-connection__line {
    width: 18px;
    flex-basis: 18px;
  }

  .home .mission-connection__line img {
    width: 18px;
  }
}


/* Source: assets/css/09-figma-pass5.css */
/* Pass 5: final desktop alignment and responsive corrections. */

.home .production-card__decoration {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home .metric-card {
  background:
    radial-gradient(circle at 100% 100%, rgba(6, 182, 212, 0.28) 0%, transparent 62%),
    linear-gradient(180deg, #08253b 0%, #0a2437 48%, #111e30 100%);
}

.home .metric-card__surface {
  top: -2px;
  left: 0;
  width: 100%;
}

.testimonial-card {
  border: 1px solid transparent;
  background:
    linear-gradient(to top, rgba(59, 130, 246, 0.14) 0%, rgba(59, 130, 246, 0.02) 80.288%) padding-box,
    linear-gradient(
      180deg,
      rgba(59, 130, 246, 0.02) 0%,
      rgba(59, 130, 246, 0.08) 20%,
      rgba(59, 130, 246, 0.46) 68%,
      rgba(59, 130, 246, 0.72) 100%
    ) border-box;
}

@media (min-width: 1366px) {
  .site-navigation,
  .site-navigation__menu {
    gap: 42px;
  }

  .home .split-feature__copy h2 {
    width: 570px;
    line-height: 48px;
  }

  .home .split-feature__copy p {
    width: 570px;
    max-width: 570px;
    margin-top: 16px;
  }

  .home .production-card__decoration {
    height: 406px;
  }

  .home .areas-section .section-heading h2 {
    line-height: 48px;
  }

  .home .areas-grid {
    margin-top: 48px;
  }

  .testimonial-track {
    width: calc(100vw - max(0px, (100vw - 1220px) / 2));
    max-width: none;
  }
}

@media (min-width: 1200px) and (max-width: 1365.98px) {
  .ta-container,
  .ta-container--wide {
    left: 0;
  }

  .home .home-hero__grid {
    grid-template-columns: minmax(0, 651px) minmax(0, 1fr);
    gap: clamp(32px, 4vw, 54px);
  }

  .home .home-hero__copy,
  .home .home-hero h1 .home-hero__eyebrow,
  .home .home-hero__title {
    width: 100%;
    max-width: 651px;
  }

  .home .home-hero__visual {
    width: min(34vw, 507px);
    margin-right: clamp(30px, 4vw, 56px);
    justify-self: end;
  }

  .home .home-hero__image {
    width: 100%;
    height: auto;
  }

  .home .home-hero__ellipse--large {
    left: 43.2%;
    width: 68.6%;
    height: auto;
    aspect-ratio: 1;
  }

  .home .home-hero__ellipse--small {
    left: 6.9%;
    width: 43.4%;
    height: auto;
    aspect-ratio: 1;
  }
}

@media (max-width: 1099.98px) {
  .site-menu-toggle {
    width: 44px;
    height: 44px;
  }

  .site-navigation__menu {
    width: 100%;
    gap: 10px;
  }

  .site-navigation__menu a {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 991.98px) {
  .home .mission-card {
    height: auto;
    min-height: 0;
  }

  .home .mission-card p {
    margin-top: 24px;
  }

  .home .metric-card {
    height: auto;
    min-height: 300px;
  }

  .home .metric-card ul {
    margin-top: 32px;
  }
}

@media (max-width: 575.98px) {
  .home .production-card-section .ta-container {
    width: 100%;
    max-width: none;
    padding-inline: var(--ta-gutter);
  }

  .home .production-card-section .production-card,
  .home .blue-cta-section .blue-cta {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  .home .production-card-section .production-card,
  .home .blue-cta__content {
    padding-inline: 18px;
  }

  .home .site-main .ta-button,
  .home .global-cta .ta-button {
    width: 100%;
    min-height: 56px;
    padding-inline: 10px;
    gap: 6px;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
  }

  .home .site-main .ta-button__icon,
  .home .global-cta .ta-button__icon {
    flex: 0 0 auto;
  }
}


/* Source: assets/css/10-figma-pass6.css */
/* Pass 6: remaining desktop color, wide-layout, mobile CTA, and hit-area fixes. */

.testimonial-card {
  min-height: 301px;
  height: auto;
  border: 1px solid transparent;
  background:
    linear-gradient(180deg, #0b182b 0%, #0d1e39 55%, #102342 100%) padding-box,
    linear-gradient(180deg, #0b192e 0%, #0c1d35 22%, #204685 68%, #2759a8 100%) border-box;
}

.testimonial-track {
  align-items: stretch;
}

.testimonial-card p {
  font-size: clamp(15px, 1.05vw, 17px);
  font-weight: 500;
  line-height: 1.52;
}

.testimonial-track .testimonial-card:nth-child(3) footer {
  padding-top: 22px;
}

.shared-footer:not(.shared-footer--compact) .testimonials {
  height: auto;
  min-height: 758px;
  padding-bottom: clamp(120px, 10vw, 180px);
}

body:not(.home) .shared-footer:not(.shared-footer--compact) .testimonials {
  height: auto;
  min-height: 698px;
}

.figma-founder-card p {
  margin: 0;
  color: var(--ta-muted);
  line-height: 1.55;
}

.figma-founder-card > .figma-founder-card__logo + :is(p, ul) {
  margin-top: 34px;
}

.figma-founder-card p + p {
  margin-top: 16px;
}

.figma-founder-card.figma-founder-card--strategy p:first-of-type {
  font-weight: 700;
}

.figma-founder-card.figma-founder-card--strategy p:last-of-type {
  color: #60a5fa !important;
}

.figma-founder-card.figma-founder-card--strategy .figma-founder-card__statement {
  color: #60a5fa !important;
}

.figma-founder-card.figma-founder-card--labs .figma-founder-card__statement {
  color: #60a5fa !important;
}

.home .metric-card {
  background:
    radial-gradient(circle at 100% 100%, rgba(44, 113, 210, 0.2) 0%, rgba(44, 113, 210, 0.08) 38%, transparent 64%),
    linear-gradient(180deg, #08253b 0%, #10263e 48%, #122134 100%);
}

.home .metric-card__glow {
  opacity: 0.08;
}

.site-footer__menu a,
.site-footer__socials a,
.home .areas-section__more a {
  position: relative;
}

.site-footer__menu a::before,
.site-footer__socials a::before,
.home .areas-section__more a::before {
  content: "";
  position: absolute;
  inset: -6px -5px;
}

@media (min-width: 1100px) {
  .site-navigation__menu a {
    position: relative;
  }

  .site-navigation__menu a::before {
    content: "";
    position: absolute;
    inset: -4px;
  }
}

@media (min-width: 1200px) {
  .global-cta__inner {
    grid-template-columns: minmax(0, 568px) minmax(0, 512px);
    column-gap: 136px;
    justify-content: center;
  }

  .global-cta p {
    font-size: 22.5px;
  }
}

@media (min-width: 1920px) {
  .home .mission-grid,
  .home .areas-grid,
  .global-cta__inner,
  .site-footer__inner {
    justify-content: center;
  }
}

@media (max-width: 1099.98px) {
  .site-logo {
    min-height: 44px;
  }
}

@media (max-width: 575.98px) {
  .home .blue-cta__content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}

@media (max-width: 374.98px) {
  .home .site-main .ta-button,
  .home .global-cta .ta-button {
    min-height: 64px;
    padding-block: 10px;
    line-height: 20px;
    text-align: center;
    white-space: normal;
  }

  .home .blue-cta__content {
    padding-inline: 12px;
  }
}


/* Source: assets/css/11-services-recheck.css */
/* Services, automation-area archive, and area-single corrections from the 2026-07-21 Figma recheck. */

.ta-page-uslugi .figma-page-hero,
.ta-page-areas .figma-page-hero,
.single-automation_area .figma-area-hero {
  min-height: 510px;
  background:
    radial-gradient(circle at 78% 25%, rgba(26, 105, 218, 0.11), transparent 27%),
    radial-gradient(circle at 15% 82%, rgba(0, 187, 211, 0.035), transparent 24%),
    linear-gradient(180deg, #071321 0%, #081525 100%);
}

/* Follow-up audit: exact shared interaction and asset states. */
@media (min-width: 1200px) {
  .single-automation_area .figma-area-hero__inner {
    padding-top: 22px;
  }

  .site-navigation__menu a {
    position: relative;
    display: inline-flex;
    color: #fff;
    transition: color 220ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .site-navigation__menu a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.5), #3b82f6);
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left center;
    transition:
      opacity 120ms ease,
      transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .site-navigation__menu a:hover,
  .site-navigation__menu a:focus-visible,
  .site-navigation__menu .current-menu-item > a,
  .site-navigation__menu .current_page_item > a,
  .site-navigation__menu .current-menu-ancestor > a {
    color: #60a5fa;
  }

  .site-navigation__menu a:hover::after,
  .site-navigation__menu a:focus-visible::after,
  .site-navigation__menu .current-menu-item > a::after,
  .site-navigation__menu .current_page_item > a::after,
  .site-navigation__menu .current-menu-ancestor > a::after {
    opacity: 1;
    transform: scaleX(1);
  }

  .testimonial-track {
    width: 100%;
    max-width: 100%;
    grid-auto-columns: calc((100% - 48px) / 3);
    gap: 24px;
    margin-inline: 0;
    padding-inline: 2px;
  }
}

.figma-area-tile {
  position: relative;
  transform: none;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.figma-area-tile:hover,
.figma-area-tile:focus-visible {
  transform: none;
  border-color: rgba(45, 116, 255, 0.92);
  background: rgba(31, 88, 184, 0.12);
  box-shadow: 0 0 0 1px rgba(45, 116, 255, 0.18), 0 20px 52px rgba(25, 101, 230, 0.2);
}

.figma-area-tile:focus-visible {
  outline: 2px solid rgba(94, 154, 255, 0.92);
  outline-offset: 4px;
}

.figma-area-tile__title {
  transition: color 180ms ease;
}

.figma-area-tile:hover .figma-area-tile__title,
.figma-area-tile:focus-visible .figma-area-tile__title {
  color: #4a8cff;
}

.figma-area-tile__arrow {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #2d74ff;
  box-shadow: 0 12px 28px rgba(45, 116, 255, 0.34);
  opacity: 0;
  transform: scale(0.78);
  transition: opacity 180ms ease, transform 180ms ease;
}

.figma-area-tile__arrow img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.figma-area-tile:hover .figma-area-tile__arrow,
.figma-area-tile:focus-visible .figma-area-tile__arrow {
  opacity: 1;
  transform: scale(1);
}

.figma-pressure-card__waves {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.figma-pressure-card__content {
  z-index: 2;
}

.single-automation_area .figma-actions-panel__effect p {
  font-family: var(--ta-font);
  font-size: 22px;
  font-weight: 600;
  line-height: 32.5px;
}

/* Let the homepage hero glow continue through the header, as in Figma. */
.home .site-main {
  overflow: hidden;
}

.home .site-header {
  position: fixed;
  inset: 0 0 auto;
  width: 100%;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: background-color 180ms ease, backdrop-filter 180ms ease;
}

.home .site-header.is-scrolled {
  background: rgba(7, 19, 33, 0.88);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.home .home-hero {
  padding-top: 134px;
}

@media (max-width: 991.98px) {
  .home .home-hero {
    padding-top: 150px;
  }
}

@media (max-width: 575.98px) {
  .home .home-hero {
    padding-top: 130px;
  }
}

@media (min-width: 1200px) {
  .home .home-hero {
    height: 618px;
    min-height: 618px;
    padding: 0;
  }

  .home .home-hero__grid {
    height: 100%;
    padding-top: 80px;
  }

  .home .home-hero__glow {
    top: 0;
  }
}

@media (min-width: 992px) {
  .global-cta p {
    text-align: right;
  }
}

/* Contact matches Figma node 591:1237 and intentionally skips shared testimonials/CTA. */
.ta-page-kontakt .site-main {
  overflow: clip;
}

.figma-contact-page {
  position: relative;
  min-height: 912px;
  padding: 100px 0 74px;
  overflow: hidden;
  background: #0a1628;
}

.figma-contact-page__decoration {
  position: absolute;
  z-index: 0;
  top: -40px;
  right: 0;
  width: min(44vw, 630px);
  height: auto;
  pointer-events: none;
  opacity: 0.72;
}

.figma-contact-page__grid {
  position: relative;
  z-index: 1;
  max-width: 1216px;
  display: grid;
  grid-template-columns: minmax(0, 486px) minmax(0, 582px);
  gap: 84px;
  align-items: start;
}

.figma-contact-page__copy {
  min-width: 0;
}

.figma-contact-page__copy h1 {
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 40px;
  font-weight: 400;
  line-height: 1.22;
}

.figma-contact-page__copy h1 strong {
  font-weight: 700;
}

.figma-contact-page__intro {
  max-width: 470px;
  margin-top: 24px;
  color: #b8c5d6;
  font-family: var(--ta-font-display);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
}

.figma-contact-page .contact-direct-card {
  min-height: 102px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  margin: 34px 0 0;
  padding: 18px 20px;
  border: 1px solid rgba(111, 151, 205, 0.26);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.018);
}

.figma-contact-page .contact-direct-card:hover,
.figma-contact-page .contact-direct-card:focus-visible {
  border-color: rgba(45, 116, 255, 0.74);
  box-shadow: 0 16px 42px rgba(31, 100, 220, 0.14);
}

.figma-contact-page .contact-direct-card:focus-visible {
  outline: 2px solid rgba(94, 154, 255, 0.92);
  outline-offset: 3px;
}

.figma-contact-page .contact-direct-card__icon {
  width: 64px;
  height: 64px;
  display: block;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.figma-contact-page .contact-direct-card__icon img {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: contain;
  filter: none;
}

.figma-contact-page .contact-direct-card__body > span {
  display: block;
  color: #aebdce;
  font-size: 14px;
  line-height: 1.35;
}

.figma-contact-page .contact-direct-card strong {
  display: block;
  margin-top: 2px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.figma-contact-page .contact-assurances {
  display: grid;
  gap: 22px;
  margin: 32px 0 0;
}

.figma-contact-page .contact-assurance {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.figma-contact-page .contact-assurance__icon {
  width: 40px;
  height: 40px;
  display: block;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.figma-contact-page .contact-assurance__icon img {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: contain;
  filter: none;
}

.figma-contact-page .contact-assurance__body {
  display: grid;
  gap: 3px;
  padding-top: 1px;
}

.figma-contact-page .contact-assurance__body strong {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}

.figma-contact-page .contact-assurance__body span {
  color: #aebdce;
  font-size: 13px;
  line-height: 1.48;
}

.figma-contact-form-card {
  min-height: 688px;
  min-width: 0;
  padding: 42px;
  border: 1px solid rgba(111, 151, 205, 0.22);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.028));
  box-shadow: 0 24px 70px rgba(2, 10, 20, 0.2);
}

.figma-contact-form-card h2 {
  color: #fff;
  font-family: var(--ta-font);
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.figma-contact-form-card > p {
  margin: 12px 0 24px;
  color: #aebdce;
  font-size: 13px;
  line-height: 1.55;
}

.figma-contact-page .contact-form-wrap .wpcf7-form {
  gap: 14px;
}

.figma-contact-page .contact-form-wrap label {
  gap: 7px;
  color: #d7e0eb;
  font-family: var(--ta-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.figma-contact-page .contact-form-wrap input:not([type="checkbox"]):not([type="submit"]) {
  min-height: 48px;
}

.figma-contact-page .contact-form-wrap input,
.figma-contact-page .contact-form-wrap textarea {
  border-color: rgba(130, 164, 214, 0.22);
  background: rgba(4, 12, 22, 0.7);
  padding: 13px 15px;
  font-size: 13px;
}

.figma-contact-page .contact-form-wrap textarea {
  height: 126px;
  min-height: 126px;
}

.figma-contact-page .contact-form-wrap .wpcf7-list-item {
  margin-top: 14px;
}

.figma-contact-page .contact-form-wrap .wpcf7-list-item label {
  font-size: 13px;
  line-height: 1.5;
}

.figma-contact-page .contact-form-wrap input[type="checkbox"] {
  position: relative;
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  padding: 0;
  border: 1px solid rgba(130, 164, 214, 0.55);
  border-radius: 3px;
  appearance: none;
  background: #06111f;
  cursor: pointer;
}

.figma-contact-page .contact-form-wrap input[type="checkbox"]:checked {
  border-color: #3b82f6;
  background: #2563eb;
}

.figma-contact-page .contact-form-wrap input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 5px;
  width: 5px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.figma-contact-page .contact-form-wrap input[type="checkbox"]:focus-visible {
  outline: 2px solid #60a5fa;
  outline-offset: 3px;
}

.figma-contact-page .contact-form-submit {
  position: relative;
  margin-top: 18px;
}

.figma-contact-page .contact-form-submit > p {
  display: block;
}

.figma-contact-page .contact-form-submit .wpcf7-spinner {
  position: absolute;
  top: 50%;
  right: 18px;
  margin: 0;
  transform: translateY(-50%);
}

.figma-contact-page .contact-form-submit::after {
  content: "→";
  position: absolute;
  top: 50%;
  left: calc(50% + 62px);
  color: #fff;
  font-size: 16px;
  line-height: 1;
  pointer-events: none;
  transform: translateY(-52%);
}

.figma-contact-page .contact-form-submit .wpcf7-submit {
  min-height: 58px;
  border-radius: 7px;
  font-size: 14px;
}

.shared-footer--compact {
  overflow: visible;
}

@media (max-width: 991.98px) {
  .global-cta p {
    text-align: center;
  }

  .figma-contact-page {
    min-height: 0;
    padding: 72px 0 84px;
  }

  .figma-contact-page__grid {
    max-width: 760px;
    grid-template-columns: minmax(0, 1fr);
    gap: 54px;
  }

  .figma-contact-page__copy,
  .figma-contact-form-card {
    min-height: 0;
    width: 100%;
    max-width: 680px;
    margin-inline: auto;
  }

  .figma-contact-page__decoration {
    width: 760px;
    opacity: 0.48;
  }
}

@media (max-width: 767.98px) {
  .figma-contact-page {
    padding: 48px 0 64px;
  }

  .figma-contact-page__grid {
    gap: 42px;
  }

  .figma-contact-page__copy h1 {
    font-size: 34px;
    line-height: 1.16;
  }

  .figma-contact-page__intro {
    margin-top: 20px;
    font-size: 16px;
  }

  .figma-contact-page .contact-direct-card {
    width: 100%;
    max-width: none;
    min-height: 92px;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 16px;
    margin-top: 28px;
    padding: 16px;
  }

  .figma-contact-page .contact-direct-card__icon {
    width: 56px;
    height: 56px;
  }

  .figma-contact-page .contact-direct-card strong {
    max-width: none;
    font-size: 17px;
    overflow-wrap: anywhere;
  }

  .figma-contact-page .contact-assurances {
    gap: 20px;
    margin-top: 28px;
  }

  .figma-contact-form-card {
    max-width: none;
    justify-self: stretch;
    padding: 24px;
    border-radius: 16px;
  }

  .figma-contact-form-card h2,
  .figma-contact-form-card > p,
  .figma-contact-page .contact-form-wrap,
  .figma-contact-page .contact-form-wrap p {
    width: 100%;
    max-width: none;
  }

  .figma-contact-page .contact-form-grid > p {
    grid-template-columns: minmax(0, 1fr);
  }

  .figma-contact-page .contact-form-wrap textarea {
    height: 150px;
    min-height: 150px;
  }

  .figma-contact-page .contact-form-wrap input:not([type="checkbox"]):not([type="submit"]) {
    min-height: 48px;
  }
}

@media (max-width: 389.98px) {
  .figma-contact-page__copy h1 {
    font-size: 31px;
  }

  .figma-contact-form-card {
    padding: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .figma-area-tile,
  .figma-area-tile__title,
  .figma-area-tile__arrow,
  .site-navigation__menu a,
  .site-navigation__menu a::after {
    transition: none;
  }
}

.ta-page-uslugi .figma-page-hero::after,
.ta-page-areas .figma-page-hero::after,
.single-automation_area .figma-area-hero::after {
  content: none;
}

.figma-page-hero__decoration {
  position: absolute;
  z-index: 0;
  top: -104px;
  left: calc(50% + 165px);
  width: 610px;
  max-width: none;
  height: 610px;
  object-fit: contain;
  opacity: 0.36;
  pointer-events: none;
}

.ta-page-uslugi .figma-page-hero h1,
.ta-page-areas .figma-page-hero h1 {
  max-width: 760px;
  font-size: clamp(34px, 3.55vw, 43px);
  font-weight: 300;
  line-height: 1.1;
}

.single-automation_area .figma-area-hero h1 {
  max-width: 850px;
  font-size: clamp(30px, 3.55vw, 43px);
  font-weight: 300;
  line-height: 1.11;
}

.ta-page-uslugi .figma-page-hero__inner {
  transform: none;
}

.ta-page-areas .figma-page-hero__inner {
  transform: none;
}

.single-automation_area .figma-area-hero__inner {
  transform: none;
}

.single-automation_area.ta-area-integracja-erp-planowanie-projekty-raportowanie .figma-area-hero h1 {
  max-width: 820px;
  font-size: clamp(30px, 3.4vw, 41px);
  line-height: 1.12;
}

.single-automation_area.ta-area-control-tower-portfela-zlecen .figma-area-hero h1 {
  max-width: 1080px;
}

.ta-page-uslugi .figma-page-hero p,
.ta-page-areas .figma-page-hero p,
.single-automation_area .figma-area-hero__inner > p {
  max-width: 780px;
  margin-top: 18px;
  font-size: 15px;
  line-height: 1.62;
}

.ta-page-uslugi .figma-hero-pills {
  gap: 14px;
  margin-top: 27px;
}

.ta-page-uslugi .figma-hero-pills span {
  min-height: 44px;
  gap: 10px;
  padding: 10px 18px;
  font-family: var(--ta-font-display);
  font-size: 13px;
  font-weight: 600;
}

.ta-page-uslugi .figma-hero-pills img {
  max-width: 18px;
  height: 18px;
}

.ta-page-uslugi .figma-scroll-cue,
.ta-page-areas .figma-scroll-cue,
.single-automation_area .figma-scroll-cue {
  gap: 9px;
  margin-top: 40px;
  font-size: 13px;
}

.ta-page-uslugi .figma-scroll-cue span,
.ta-page-areas .figma-scroll-cue span,
.single-automation_area .figma-scroll-cue span {
  font-size: 22px;
}

.ta-page-uslugi .figma-service-feature {
  padding-block: 35px;
}

.ta-page-uslugi #zarzadzanie-procesami {
  padding-top: 80px;
}

.ta-page-uslugi .figma-service-feature--reverse {
  padding-bottom: 1px;
}

.ta-page-uslugi .figma-service-feature__grid {
  grid-template-columns: minmax(0, 570px) minmax(0, 1fr);
  gap: 68px;
  align-items: start;
}

.ta-page-uslugi .figma-service-feature--reverse .figma-service-feature__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 570px);
}

.ta-page-uslugi .figma-service-feature__copy h2 {
  font-size: 42px;
  line-height: 1.08;
}

.ta-page-uslugi .figma-service-feature__copy p {
  margin-top: 16px;
  color: rgba(184, 197, 214, 0.72);
  font-family: var(--ta-font-display);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.ta-page-uslugi .figma-service-feature__visual {
  min-height: 430px;
}

.ta-page-uslugi .figma-service-feature__image {
  width: min(100%, 550px);
}

.ta-page-uslugi .figma-service-note {
  padding-block: 8px 18px;
}

.ta-page-uslugi .figma-service-note p {
  padding: 25px 34px;
  border-color: rgba(58, 126, 230, 0.35);
  background: linear-gradient(90deg, rgba(32, 103, 216, 0.18), rgba(21, 86, 162, 0.1));
  font-size: 14px;
  line-height: 1.7;
}

.ta-page-uslugi .figma-areas-section,
.ta-page-areas .figma-areas-section {
  padding-block: 76px 82px;
}

.ta-page-areas .figma-areas-section--archive {
  padding-top: 50px;
}

.ta-page-uslugi .figma-area-grid,
.ta-page-areas .figma-area-grid {
  gap: 22px;
  margin-top: 46px;
}

.ta-page-areas .figma-area-grid--archive {
  max-width: 1100px;
  margin-inline: auto;
}

.ta-page-uslugi .figma-area-tile,
.ta-page-areas .figma-area-tile,
.single-automation_area .figma-area-grid--related .figma-area-tile {
  min-height: 251px;
  gap: 32px;
  padding: 32px;
}

.ta-page-uslugi .figma-area-tile__icon,
.ta-page-areas .figma-area-tile__icon,
.single-automation_area .figma-area-grid--related .figma-area-tile__icon {
  width: 60px;
  height: 60px;
  border-radius: 11px;
}

.ta-page-uslugi .figma-area-tile__icon img,
.ta-page-areas .figma-area-tile__icon img,
.single-automation_area .figma-area-grid--related .figma-area-tile__icon img {
  max-width: 28px;
  height: 28px;
}

.ta-page-uslugi .figma-area-tile__title,
.ta-page-areas .figma-area-tile__title,
.single-automation_area .figma-area-grid--related .figma-area-tile__title {
  max-width: 320px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
}

.ta-page-uslugi .figma-partner-proof--services {
  padding-block: 25px 28px;
}

.ta-page-uslugi .figma-partner-proof--services .figma-partner-grid {
  margin-top: 46px;
}

.ta-page-uslugi .figma-trust-section {
  padding-block: 8px;
}

.ta-page-uslugi .figma-partner-card,
.single-automation_area .figma-partner-card {
  min-height: 325px;
  padding: 38px;
}

.ta-page-uslugi .figma-partner-card {
  min-height: 346px;
  padding: 32px;
}

.ta-page-uslugi .figma-partner-card header {
  min-height: 88px;
  gap: 24px;
}

.ta-page-uslugi .figma-partner-card__mark {
  width: 80px;
  height: 80px;
  border-radius: 16px;
}

.ta-page-uslugi .figma-partner-card header strong {
  font-size: 24px;
}

.ta-page-uslugi .figma-partner-card p {
  margin-top: 32px;
}

.ta-page-uslugi .figma-trust-card:nth-child(1) .figma-trust-card__icon {
  background: linear-gradient(145deg, #2d74ff, #3f85f7);
}

.ta-page-uslugi .figma-trust-card:nth-child(2) .figma-trust-card__icon {
  background: linear-gradient(145deg, #149fd8, #20bfe0);
  box-shadow: 0 16px 38px rgba(20, 159, 216, 0.2);
}

.ta-page-uslugi .figma-trust-card:nth-child(3) .figma-trust-card__icon {
  background: linear-gradient(145deg, #13b9ae, #13d0bd);
  box-shadow: 0 16px 38px rgba(19, 185, 174, 0.2);
}

.ta-page-uslugi .figma-trust-card:nth-child(4) .figma-trust-card__icon {
  background: linear-gradient(145deg, #0fa9bf, #14c8c1);
  box-shadow: 0 16px 38px rgba(15, 169, 191, 0.2);
}

.ta-page-uslugi .figma-pressure-section {
  padding-block: 38px 13px;
}

.ta-page-uslugi .figma-pressure-card {
  min-height: 278px;
  max-width: 1030px;
  margin-inline: auto;
}

.ta-page-uslugi .figma-pressure-card__content {
  max-width: 760px;
  padding: 36px;
}

.ta-page-uslugi .figma-pressure-card h2 {
  font-size: 32px;
}

.ta-page-uslugi .figma-market-section,
.ta-page-areas .figma-market-section {
  padding-block: 54px 88px;
}

.ta-page-uslugi .figma-market-section {
  padding-block: 107px 151px;
}

.ta-page-uslugi .figma-trusted-section {
  min-height: 212px;
  padding-top: 82px;
}

.ta-page-uslugi .figma-market-grid,
.ta-page-areas .figma-market-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 56px;
  align-items: center;
}

.ta-page-uslugi .figma-market-metric,
.ta-page-areas .figma-market-metric {
  position: relative;
  min-height: 315px;
  overflow: hidden;
  padding: 46px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)),
    linear-gradient(135deg, transparent 58%, rgba(44, 112, 212, 0.15) 58.15%, transparent 58.5%);
}

.ta-page-uslugi .figma-market-metric::after,
.ta-page-areas .figma-market-metric::after {
  content: "";
  position: absolute;
  right: 18%;
  top: 43%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2d74ff;
  box-shadow: 0 0 18px rgba(45, 116, 255, 0.9);
}

.ta-page-uslugi .figma-market-metric strong,
.ta-page-areas .figma-market-metric strong {
  font-size: 76px;
}

.ta-page-uslugi .figma-market-copy,
.ta-page-areas .figma-market-copy {
  min-height: 0;
  padding: 18px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.ta-page-uslugi .figma-market-copy__label,
.ta-page-areas .figma-market-copy__label {
  min-height: 28px;
  padding-inline: 12px;
  border-color: rgba(13, 203, 193, 0.55);
  color: #14c7bd;
  font-size: 11px;
  text-transform: none;
}

.ta-page-uslugi .figma-market-copy h2,
.ta-page-areas .figma-market-copy h2,
.ta-page-about .figma-market-copy h2 {
  margin-top: 18px;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.15;
}

.ta-page-uslugi .figma-market-copy h2 strong,
.ta-page-areas .figma-market-copy h2 strong,
.ta-page-about .figma-market-copy h2 strong {
  font-weight: 700;
}

.ta-page-uslugi .figma-market-copy__body p,
.ta-page-areas .figma-market-copy__body p,
.ta-page-about .figma-market-copy__body p {
  max-width: 520px;
  font-size: 18px;
  line-height: 1.625;
}

.ta-page-areas .figma-trusted-section {
  margin-top: 100px;
}

/* About page: rendered Figma rhythm from nodes 127:1992, 127:1836 and 507:1487. */
@media (min-width: 1024px) {
  .ta-page-about .page-hero h1 {
    max-width: 760px;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.1;
  }

  .ta-page-about .page-hero h1 strong {
    font-weight: 700;
  }

  .ta-page-about .figma-story-section {
    padding-block: 45px 0;
  }

  .ta-page-about .figma-story-section .section-heading {
    min-height: 93px;
  }

  .ta-page-about .figma-story-list {
    gap: 0;
    margin-top: 18px;
  }

  .ta-page-about .figma-story-step {
    box-sizing: border-box;
    grid-template-columns: 165px minmax(0, 1fr);
    gap: 32px;
  }

  .ta-page-about .figma-story-step__number {
    font-size: 120px;
    line-height: 120px;
  }

  .ta-page-about .figma-story-step__body {
    padding-top: 16px;
  }

  .ta-page-about .figma-story-step__body > p {
    max-width: 768px;
  }

  .ta-page-about .figma-story-tags {
    margin-top: 40px;
  }

  .ta-page-about .figma-story-step--problem {
    min-height: 473px;
    padding-top: 53px;
  }

  .ta-page-about .figma-story-step--meeting {
    min-height: 692px;
    padding-top: 70px;
  }

  .ta-page-about .figma-story-step--meeting .figma-partner-grid {
    max-width: 954px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
    margin-top: 30px;
  }

  .ta-page-about .figma-story-step--meeting .figma-partner-card {
    min-height: 346px;
    padding: 32px;
  }

  .ta-page-about .figma-story-step--fusion {
    min-height: 918px;
    padding-top: 76px;
  }

  .ta-page-about .figma-story-step--fusion .figma-fusion-panel {
    margin-top: 24px;
  }

  .ta-page-about .figma-about-mission {
    min-height: 545px;
    padding-block: 100px;
  }

  .ta-page-about .figma-about-mission__grid {
    width: 100%;
    max-width: 1216px;
    min-height: 345px;
    grid-template-columns: repeat(2, minmax(0, 544px));
    gap: 64px;
    margin-inline: auto;
  }

  .ta-page-about .figma-about-mission h2 {
    font-size: 42px;
    line-height: 1.15;
  }

  .ta-page-about .figma-about-mission p {
    font-size: 18px;
    line-height: 1.55;
  }

  .ta-page-about .figma-about-mission p:first-of-type {
    font-size: 20px;
    font-weight: 500;
  }

  .ta-page-about .figma-about-mission__checks {
    gap: 16px;
  }

  .ta-page-about .figma-about-mission__checks span {
    height: 104px;
    min-height: 104px;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 20px;
    padding: 20px;
    border-radius: 24px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25;
  }

  .ta-page-about .figma-about-mission__checks img {
    width: 64px;
    max-width: none;
    height: 64px;
    padding: 20px;
    border-radius: 16px;
    background: linear-gradient(135deg, #2563eb, #3b82f6);
  }

  .ta-page-about .figma-about-mission__checks span:nth-child(2) img {
    background: linear-gradient(135deg, #3b82f6, #06b6d4);
  }

  .ta-page-about .figma-about-mission__checks span:nth-child(3) img {
    background: linear-gradient(135deg, #06b6d4, #10b981);
  }

  .ta-page-about .figma-market-section--about {
    min-height: 652px;
    padding-block: 100px;
  }

  .ta-page-about .figma-market-section--about .figma-market-grid,
  .ta-page-about .figma-market-section--about .figma-market-metric,
  .ta-page-about .figma-market-section--about .figma-market-copy {
    min-height: 452px;
  }

  .ta-page-about .figma-market-section--about .figma-market-copy {
    padding: 0;
    border: 0;
    background: transparent;
  }

  .ta-page-about .figma-trust-section {
    min-height: 613px;
    padding-block: 48px 43px;
  }

  .ta-page-about .figma-trusted-section {
    min-height: 196px;
    padding-top: 78px;
  }
}

.single-automation_area .figma-area-hero__icon {
  width: 36px;
  height: 36px;
  margin-bottom: 21px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.single-automation_area .figma-area-hero__icon img {
  max-width: 25px;
  height: 25px;
}

.single-automation_area .figma-actions-context {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
  color: #397fff;
  font-size: 11px;
  font-weight: 700;
}

.single-automation_area .figma-actions-context::before,
.single-automation_area .figma-actions-context::after {
  content: "";
  width: 52px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(45, 116, 255, 0.72));
}

.single-automation_area .figma-actions-context::after {
  transform: scaleX(-1);
}

.single-automation_area .figma-actions-section--erp-timeline {
  padding-block: 116px 148px;
}

.single-automation_area .figma-actions-section--erp-timeline .section-heading h2 {
  font-size: 42px;
  line-height: 1.15;
}

.figma-erp-timeline {
  --erp-axis-width: 64px;
  position: relative;
  max-width: 1024px;
  margin: 58px auto 0;
}

/* The axis is decorative; the cards remain in normal Grid flow. */
.figma-erp-timeline__track {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 286px;
  left: 50%;
  width: 3px;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(32, 58, 99, 0.3), #203a63 8%, #203a63 92%, rgba(32, 58, 99, 0.3));
  transform: translateX(-50%);
}

.figma-erp-step {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 394px) var(--erp-axis-width) minmax(0, 394px);
  min-height: 173px;
  align-items: start;
  justify-content: center;
}

.figma-erp-step__card {
  display: flex;
  width: 394px;
  min-height: 132px;
  align-items: center;
  gap: 28px;
  padding: 28px 32px;
  border: 1px solid rgba(59, 130, 246, 0.5);
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.02), rgba(59, 130, 246, 0.14));
}

.figma-erp-step--left .figma-erp-step__card {
  grid-column: 1;
  flex-direction: row-reverse;
  justify-self: end;
  text-align: right;
}

.figma-erp-step--right .figma-erp-step__card {
  grid-column: 3;
  justify-self: start;
  text-align: left;
}

.figma-erp-step__node {
  grid-column: 2;
  grid-row: 1;
  width: 31px;
  height: 31px;
  justify-self: center;
  margin-top: 48px;
  border: 6px solid rgba(57, 127, 244, 0.25);
  border-radius: 50%;
  background: #397ff4;
  box-shadow: 0 0 10px 5px rgba(57, 127, 244, 0.38);
}

.figma-erp-step .figma-action-item__icon {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  box-shadow: 0 4px 6px -4px rgba(59, 130, 246, 0.3), 0 10px 15px -3px rgba(59, 130, 246, 0.3);
}

.figma-erp-step .figma-action-item__icon img {
  width: 24px;
  height: 24px;
}

.figma-erp-step__copy {
  min-width: 0;
}

.figma-erp-step__copy h3 {
  margin: 0;
  color: #fff;
  font-family: var(--ta-font);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.figma-erp-step__copy p {
  max-width: 240px;
  margin: 8px 0 0;
  color: #b8c5d6;
  font-family: var(--ta-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.75px;
}

.figma-erp-timeline__end {
  position: relative;
  z-index: 2;
  display: block;
  width: 68px;
  height: 46px;
  margin: -10px auto 0;
}

.figma-erp-timeline__end::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 34px;
  background: #203a63;
  transform: translateX(-50%);
}

.figma-erp-timeline__end::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #10bcd3;
  box-shadow: 0 0 0 9px rgba(16, 188, 211, 0.2), 0 0 26px rgba(16, 188, 211, 0.8);
  transform: translateX(-50%);
}

.single-automation_area .figma-erp-timeline__effect {
  width: 100%;
  min-height: 230px;
  margin-top: 18px;
  border-radius: 24px;
}

.single-automation_area .figma-erp-timeline__effect .figma-effect-card__content {
  padding: 52px 48px;
}

.single-automation_area .figma-erp-timeline__effect .figma-effect-card__content > span {
  padding: 8px 12px;
}

.single-automation_area .figma-erp-timeline__effect p {
  max-width: 900px;
  font-size: 28px;
  line-height: 1.45;
}

.single-automation_area .figma-actions-section--panel-row {
  padding-block: 34px 52px;
}

.single-automation_area .figma-actions-section--panel-row .figma-actions-layout {
  max-width: 1140px;
  margin-inline: auto;
}

.single-automation_area .figma-actions-section--panel-row .section-heading h2 {
  font-size: 42px;
  line-height: 1.15;
}

.single-automation_area .figma-actions-section--panel-row .figma-action-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  max-width: none;
  margin-top: 50px;
  overflow: hidden;
  border: 1px solid rgba(85, 141, 218, 0.12);
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(255, 255, 255, 0.009));
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item {
  min-height: 320px;
  padding: 50px 24px 36px;
  border-right: 1px solid rgba(93, 139, 203, 0.13);
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item:last-child {
  border-right: 0;
}

.single-automation_area .figma-action-item__icon {
  width: 52px;
  height: 52px;
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item:nth-child(1) .figma-action-item__icon {
  background: linear-gradient(145deg, #102b55, #123966);
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item:nth-child(2) .figma-action-item__icon {
  background: linear-gradient(145deg, #164160, #17627b);
  box-shadow: 0 16px 38px rgba(18, 115, 151, 0.2);
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item:nth-child(3) .figma-action-item__icon {
  background: linear-gradient(145deg, #0b3b50, #0c6571);
  box-shadow: 0 16px 38px rgba(11, 117, 126, 0.2);
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item:nth-child(4) .figma-action-item__icon {
  background: linear-gradient(145deg, #0b334b, #0b5368);
  box-shadow: 0 16px 38px rgba(12, 102, 126, 0.18);
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item__icon {
  width: 72px;
  height: 72px;
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item__icon img {
  max-width: 30px;
  height: 30px;
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item h3 {
  margin-top: 32px;
  font-family: var(--ta-font);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item p {
  max-width: 245px;
  font-size: 14px;
  line-height: 1.625;
}

.single-automation_area .figma-actions-panel__effect {
  position: relative;
  min-height: 260px;
  padding: 48px 36px 50px;
  border: 1px solid rgba(85, 141, 218, 0.12);
  border-top: 0;
  border-radius: 0 0 4px 4px;
  background: radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.09), transparent 58%);
  text-align: center;
}

.single-automation_area .figma-actions-panel__effect::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, #236fff, #10c5d3);
  opacity: 0.78;
  box-shadow: 0 10px 34px rgba(26, 127, 241, 0.3);
}

.single-automation_area .figma-actions-panel__effect span {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding-inline: 11px;
  border: 1px solid rgba(68, 145, 255, 0.42);
  border-radius: 999px;
  color: #79acff;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.single-automation_area .figma-actions-panel__effect p {
  max-width: 860px;
  margin: 17px auto 0;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.4;
}

.single-automation_area .figma-effect-section {
  padding-block: 34px 72px;
}

.single-automation_area .figma-effect-card {
  min-height: 228px;
}

.single-automation_area .figma-related-section {
  padding-block: 45px 27px;
}

.single-automation_area .figma-related-controls {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
}

.single-automation_area .figma-related-controls button {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: opacity 160ms ease, transform 160ms ease;
}

.single-automation_area .figma-related-controls button img {
  width: 44px;
  height: 44px;
}

.single-automation_area .figma-related-controls button:hover:not(:disabled),
.single-automation_area .figma-related-controls button:focus-visible:not(:disabled) {
  transform: translateY(-1px);
}

.single-automation_area .figma-related-controls button:focus-visible {
  outline: 2px solid #72a7ff;
  outline-offset: 3px;
}

.single-automation_area .figma-related-controls button:disabled {
  opacity: 0.38;
  cursor: default;
}

.single-automation_area .figma-area-grid--related {
  display: flex;
  gap: 22px;
  margin-top: 25px;
  padding-block: 16px 28px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-snap-type: inline mandatory;
  scrollbar-width: none;
}

.single-automation_area .figma-area-grid--related::-webkit-scrollbar {
  display: none;
}

.single-automation_area .figma-area-grid--related .figma-area-tile {
  flex: 0 0 calc((100% - 44px) / 3);
  scroll-snap-align: start;
}

.single-automation_area .figma-production-card {
  max-width: 1100px;
  min-height: 431px;
}

.single-automation_area .figma-trusted-section {
  padding-top: 74px;
}

.single-automation_area .figma-person-card__initials {
  width: 64px;
  height: 64px;
  display: grid;
  flex: 0 0 64px;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(145deg, #16caa9, #08a985);
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 17px;
  font-weight: 800;
  box-shadow: 0 12px 28px rgba(9, 188, 151, 0.18);
}

.single-automation_area .figma-person-card__initials--labs {
  background: linear-gradient(145deg, #397cff, #5b6df2);
  box-shadow: 0 12px 28px rgba(57, 124, 255, 0.2);
}

@media (min-width: 1200px) {
  .single-automation_area .figma-actions-section--panel-row {
    padding-block: 100px 34px;
  }

  .single-automation_area .figma-actions-section--panel-row .figma-action-grid {
    margin-top: 38px;
  }

  .single-automation_area .figma-actions-panel__effect {
    padding: 67px 36px 31px;
  }

  .single-automation_area .figma-related-section {
    padding-bottom: 11px;
  }

  .single-automation_area .figma-partner-proof--single {
    padding-top: 5px;
  }

  .single-automation_area .figma-partner-proof--single .figma-partner-grid {
    max-width: 1152px;
    gap: 40px;
    margin: 57px auto 0;
  }

  .single-automation_area .figma-partner-card {
    min-height: 358px;
    padding: 48px;
  }

  .single-automation_area .figma-partner-card header {
    min-height: 80px;
    gap: 24px;
  }

  .single-automation_area .figma-partner-card__mark,
  .single-automation_area .figma-person-card__initials {
    width: 80px;
    height: 80px;
    flex-basis: 80px;
    border-radius: 16px;
  }

  .single-automation_area .figma-partner-card header strong {
    font-size: 24px;
  }

  .single-automation_area .figma-partner-card p {
    margin-top: 44px;
  }

  .single-automation_area .figma-trusted-section {
    min-height: 215px;
  }

  .single-automation_area .testimonials {
    height: 711px;
    padding-bottom: 191px;
  }

  .single-automation_area .figma-actions-section--erp-timeline {
    padding-block: 136px 56px;
  }

  .single-automation_area .figma-actions-section--erp-timeline + .figma-related-section {
    padding-top: 50px;
  }

  .figma-erp-timeline {
    margin-top: 68px;
  }

  .figma-erp-step {
    min-height: 179px;
  }

  .single-automation_area .figma-erp-timeline__effect {
    min-height: 281px;
  }

  .single-automation_area .figma-erp-timeline__effect .figma-effect-card__content {
    padding: 61px 48px 43px;
  }

  .single-automation_area .figma-erp-timeline__effect p {
    font-weight: 300;
  }

  .single-automation_area .figma-erp-timeline__effect p strong {
    font-weight: 700;
  }

  .figma-area-single--erp-timeline .figma-partner-proof--single {
    padding-top: 8px;
  }

  .figma-area-single--erp-timeline .figma-partner-proof--single .figma-partner-grid {
    margin-top: 70px;
  }

  .figma-area-single--erp-timeline .figma-partner-card p {
    margin-top: 31px;
  }

  .figma-area-single--erp-timeline .figma-trusted-section {
    min-height: 202px;
  }

  .figma-erp-step:first-of-type {
    margin-bottom: -15px;
  }

  .figma-erp-step:nth-of-type(2) {
    margin-bottom: -6px;
  }

  .figma-erp-timeline__end {
    margin-top: 11px;
  }
}

@media (max-width: 1199.98px) {
  .ta-page-uslugi .figma-service-feature__grid,
  .ta-page-uslugi .figma-service-feature--reverse .figma-service-feature__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 44px;
  }

  .ta-page-uslugi .figma-service-feature__copy h2 {
    font-size: 38px;
  }

  .single-automation_area .figma-actions-section--panel-row .figma-action-item {
    padding-inline: 16px;
  }
}

@media (max-width: 991.98px) {
  .ta-page-uslugi .figma-page-hero,
  .ta-page-areas .figma-page-hero,
  .single-automation_area .figma-area-hero {
    min-height: 480px;
  }

  .ta-page-uslugi .figma-service-feature {
    padding-block: 62px;
  }

  .ta-page-uslugi .figma-service-feature__grid,
  .ta-page-uslugi .figma-service-feature--reverse .figma-service-feature__grid,
  .ta-page-uslugi .figma-market-grid,
  .ta-page-areas .figma-market-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ta-page-uslugi .figma-service-feature__grid,
  .ta-page-uslugi .figma-service-feature--reverse .figma-service-feature__grid {
    gap: 34px;
  }

  .ta-page-uslugi .figma-market-grid,
  .ta-page-areas .figma-market-grid {
    gap: 34px;
  }

  .ta-page-uslugi .figma-market-copy,
  .ta-page-areas .figma-market-copy {
    padding: 10px 4px;
  }

  .single-automation_area .figma-actions-section--panel-row .figma-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .single-automation_area .figma-actions-section--panel-row .figma-action-item:nth-child(2) {
    border-right: 0;
  }

  .single-automation_area .figma-actions-section--panel-row .figma-action-item:nth-child(n + 3) {
    padding-top: 34px;
    border-top: 1px solid rgba(93, 139, 203, 0.13);
  }

  .single-automation_area .figma-area-grid--related .figma-area-tile {
    flex-basis: calc((100% - 22px) / 2);
  }

  .single-automation_area .figma-actions-section--erp-timeline {
    padding-block: 72px 96px;
  }

  .figma-erp-timeline {
    margin-top: 48px;
  }

  .figma-erp-timeline__track {
    right: auto;
    bottom: 304px;
    left: 22px;
    transform: none;
  }

  .figma-erp-step {
    grid-template-columns: 44px minmax(0, 1fr);
    min-height: 0;
    margin-bottom: 32px;
  }

  .figma-erp-step--left .figma-erp-step__card,
  .figma-erp-step--right .figma-erp-step__card {
    grid-column: 2;
    width: 100%;
    max-width: none;
    flex-direction: row;
    justify-self: stretch;
    text-align: left;
  }

  .figma-erp-step__node {
    grid-column: 1;
    width: 25px;
    height: 25px;
    margin-top: 50px;
  }

  .figma-erp-timeline__end {
    margin: -16px 0 0 -12px;
  }
}

@media (max-width: 767.98px) {
  .figma-page-hero__decoration {
    top: 16px;
    left: 45%;
    width: 520px;
    height: 520px;
    opacity: 0.4;
  }

  .ta-page-uslugi .figma-page-hero,
  .ta-page-areas .figma-page-hero,
  .single-automation_area .figma-area-hero {
    min-height: 455px;
  }

  .ta-page-uslugi .figma-page-hero__inner,
  .ta-page-areas .figma-page-hero__inner,
  .single-automation_area .figma-area-hero__inner {
    transform: none;
  }

  .ta-page-uslugi .figma-page-hero h1,
  .ta-page-areas .figma-page-hero h1 {
    font-size: clamp(32px, 8vw, 36px);
  }

  .single-automation_area .figma-area-hero h1 {
    font-size: clamp(29px, 7.4vw, 34px);
  }

  .ta-page-uslugi .figma-service-feature__copy h2 {
    font-size: clamp(30px, 7.4vw, 36px);
  }

  .ta-page-uslugi .figma-service-feature__visual {
    min-height: 280px;
  }

  .ta-page-uslugi .figma-area-tile,
  .ta-page-areas .figma-area-tile,
  .single-automation_area .figma-area-grid--related .figma-area-tile {
    min-height: 210px;
  }

  .ta-page-uslugi .figma-market-metric,
  .ta-page-areas .figma-market-metric {
    min-height: 280px;
    padding: 34px 28px;
  }

  .ta-page-uslugi .figma-market-copy h2,
  .ta-page-areas .figma-market-copy h2 {
    font-size: 32px;
  }

  .single-automation_area .figma-actions-section--panel-row .figma-actions-layout {
    padding: 0;
  }

  .single-automation_area .figma-actions-section--panel-row .section-heading h2 {
    font-size: 32px;
  }

  .single-automation_area .figma-actions-section--erp-timeline .section-heading h2 {
    font-size: 32px;
  }

  .single-automation_area .figma-actions-context {
    gap: 12px;
    font-size: 11px;
  }

  .single-automation_area .figma-actions-context::before,
  .single-automation_area .figma-actions-context::after {
    width: 36px;
  }
}

@media (max-width: 575.98px) {
  .ta-page-uslugi .figma-page-hero,
  .ta-page-areas .figma-page-hero,
  .single-automation_area .figma-area-hero {
    min-height: 440px;
  }

  .ta-page-uslugi .figma-hero-pills {
    gap: 9px;
  }

  .ta-page-uslugi .figma-hero-pills span {
    min-height: 42px;
  }

  .ta-page-uslugi .figma-service-feature {
    padding-block: 54px;
  }

  .ta-page-uslugi .figma-service-feature__visual {
    min-height: 235px;
  }

  .ta-page-uslugi .figma-service-note p {
    padding: 22px 20px;
    text-align: left;
  }

  .ta-page-uslugi .figma-areas-section,
  .ta-page-areas .figma-areas-section {
    padding-block: 60px 68px;
  }

  .ta-page-uslugi .figma-area-tile,
  .ta-page-areas .figma-area-tile,
  .single-automation_area .figma-area-grid--related .figma-area-tile {
    min-height: 180px;
    gap: 19px;
    padding: 25px 20px;
  }

  .ta-page-uslugi .figma-area-tile__icon,
  .ta-page-areas .figma-area-tile__icon,
  .single-automation_area .figma-area-grid--related .figma-area-tile__icon {
    width: 54px;
    height: 54px;
  }

  .ta-page-uslugi .figma-area-tile__title,
  .ta-page-areas .figma-area-tile__title,
  .single-automation_area .figma-area-grid--related .figma-area-tile__title {
    font-size: 17px;
  }

  .ta-page-uslugi .figma-pressure-card__content {
    padding: 30px 22px;
  }

  .ta-page-uslugi .figma-pressure-card h2 {
    font-size: 28px;
  }

  .ta-page-uslugi .figma-market-section,
  .ta-page-areas .figma-market-section {
    padding-block: 46px 70px;
  }

  .ta-page-uslugi .figma-market-metric strong,
  .ta-page-areas .figma-market-metric strong {
    font-size: 62px;
  }

  .single-automation_area .figma-actions-section--erp-timeline,
  .single-automation_area .figma-actions-section--panel-row {
    padding-block: 58px 62px;
  }

  .figma-erp-step__card {
    align-items: flex-start;
    gap: 18px;
    min-height: 0;
    padding: 24px 20px;
  }

  .figma-erp-step .figma-action-item__icon {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
  }

  .figma-erp-step__copy h3 {
    font-size: 18px;
    line-height: 24px;
  }

  .figma-erp-step__copy p {
    max-width: none;
    font-size: 14px;
    line-height: 1.55;
  }

  .single-automation_area .figma-erp-timeline__effect {
    min-height: 0;
  }

  .single-automation_area .figma-erp-timeline__effect .figma-effect-card__content {
    padding: 42px 22px;
  }

  .single-automation_area .figma-erp-timeline__effect p {
    font-size: 22px;
  }

  .single-automation_area .figma-actions-section--panel-row .figma-action-grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 38px;
  }

  .single-automation_area .figma-area-grid--related .figma-area-tile {
    flex-basis: 100%;
  }

  .single-automation_area .figma-actions-section--panel-row .figma-action-item,
  .single-automation_area .figma-actions-section--panel-row .figma-action-item:nth-child(2) {
    min-height: 0;
    padding: 30px 8px;
    border-top: 1px solid rgba(93, 139, 203, 0.13);
    border-right: 0;
  }

  .single-automation_area .figma-actions-section--panel-row .figma-action-item:first-child {
    padding-top: 0;
    border-top: 0;
  }

  .single-automation_area .figma-actions-section--panel-row .figma-action-item__icon {
    width: 56px;
    height: 56px;
  }

  .single-automation_area .figma-actions-section--panel-row .figma-action-item__icon img {
    max-width: 25px;
    height: 25px;
  }

  .single-automation_area .figma-actions-section--panel-row .figma-action-item h3 {
    margin-top: 20px;
  }

  .single-automation_area .figma-actions-panel__effect {
    padding: 30px 8px 36px;
  }

  .single-automation_area .figma-actions-panel__effect p {
    font-size: 20px;
  }

  .single-automation_area .figma-person-card__initials {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
  }
}

/* Keep audit states after the page-specific fidelity rules above. */
.figma-area-tile:hover,
.figma-area-tile:focus-visible,
.ta-page-uslugi .figma-area-tile:hover,
.ta-page-uslugi .figma-area-tile:focus-visible,
.ta-page-areas .figma-area-tile:hover,
.ta-page-areas .figma-area-tile:focus-visible,
.single-automation_area .figma-area-grid--related .figma-area-tile:hover,
.single-automation_area .figma-area-grid--related .figma-area-tile:focus-visible {
  transform: none;
  border-color: rgba(45, 116, 255, 0.92);
  background: rgba(31, 88, 184, 0.12);
  box-shadow: 0 0 0 1px rgba(45, 116, 255, 0.18), 0 20px 52px rgba(25, 101, 230, 0.2);
}

.figma-area-tile:hover .figma-area-tile__title,
.figma-area-tile:focus-visible .figma-area-tile__title,
.ta-page-uslugi .figma-area-tile:hover .figma-area-tile__title,
.ta-page-uslugi .figma-area-tile:focus-visible .figma-area-tile__title,
.ta-page-areas .figma-area-tile:hover .figma-area-tile__title,
.ta-page-areas .figma-area-tile:focus-visible .figma-area-tile__title,
.single-automation_area .figma-area-grid--related .figma-area-tile:hover .figma-area-tile__title,
.single-automation_area .figma-area-grid--related .figma-area-tile:focus-visible .figma-area-tile__title {
  color: #4a8cff;
}

.single-automation_area .figma-actions-panel__effect p {
  font-family: var(--ta-font);
  font-size: 22px;
  font-weight: 600;
  line-height: 32.5px;
}


/* Source: assets/css/12-home-mission.css */
/* Homepage partner-tabs state corrections. */

.home #mission-tab-labs .mission-tab__underline {
  display: none;
}

.home .mission-tab:focus {
  outline: none;
}

.home .mission-tab {
  transition:
    color 220ms ease,
    border-color 220ms ease,
    background-color 220ms ease,
    box-shadow 220ms ease;
}

.home .mission-tab small,
.home .mission-tab__icon,
.home .mission-tab__icon img {
  transition:
    color 220ms ease,
    opacity 220ms ease,
    filter 220ms ease,
    box-shadow 220ms ease;
}

.home .mission-tab:not(.is-active):hover,
.home .mission-tab:not(.is-active):focus-visible {
  color: #fff;
  border-color: rgba(96, 165, 250, 0.48);
  background-color: rgba(37, 99, 235, 0.08);
  box-shadow:
    inset 0 0 0 1px rgba(45, 116, 255, 0.16),
    0 14px 32px rgba(16, 72, 164, 0.13);
}

.home #mission-tab-labs:not(.is-active):hover,
.home #mission-tab-labs:not(.is-active):focus-visible {
  border-color: rgba(16, 185, 129, 0.42);
  background-color: rgba(16, 185, 129, 0.07);
  box-shadow:
    inset 0 0 0 1px rgba(6, 182, 212, 0.14),
    0 14px 32px rgba(5, 150, 105, 0.1);
}

.home .mission-tab:not(.is-active):hover small,
.home .mission-tab:not(.is-active):focus-visible small {
  color: var(--ta-muted);
}

.home #mission-tab-strategy:not(.is-active):hover .mission-tab__icon,
.home #mission-tab-strategy:not(.is-active):focus-visible .mission-tab__icon {
  background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
  box-shadow: 0 8px 22px rgba(37, 99, 235, 0.24);
}

.home #mission-tab-labs:not(.is-active):hover .mission-tab__icon,
.home #mission-tab-labs:not(.is-active):focus-visible .mission-tab__icon {
  background: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);
  box-shadow: 0 8px 22px rgba(16, 185, 129, 0.2);
}

.home .mission-tab:not(.is-active):hover .mission-tab__icon img,
.home .mission-tab:not(.is-active):focus-visible .mission-tab__icon img {
  opacity: 1;
  filter: brightness(1.18);
}

.home #mission-tab-strategy .mission-tab__underline {
  display: block;
  opacity: 0;
  transform: translateX(-50%) scaleX(0);
  transition: opacity 160ms ease, transform 220ms ease;
}

.home #mission-tab-strategy:is(.is-active, :hover, :focus-visible) .mission-tab__underline {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}

.home .mission-tab:focus-visible:not(.is-active) {
  outline: 2px solid #60a5fa;
  outline-offset: 3px;
}

.home #mission-tab-labs:focus-visible:not(.is-active) {
  outline-color: #10b981;
}

.home #mission-tab-labs::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 48px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #06b6d4 0%, #10b981 100%);
  opacity: 0;
  transform: translateX(-50%) scaleX(0);
  transition: opacity 160ms ease, transform 220ms ease;
}

.home #mission-tab-labs:is(.is-active, :hover, :focus-visible)::after {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}

.home .metric-card--labs::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 1px;
  width: calc(100% - 2px);
  height: 4px;
  border-radius: 24px 24px 0 0;
  background: linear-gradient(90deg, #06b6d4 0%, #10b981 100%);
}

.home .metric-card--labs .metric-card__surface {
  opacity: 0;
}

.home .metric-card--labs .metric-card__number {
  background-image: linear-gradient(90deg, #06b6d4 0%, #10b981 100%);
}

.home .mission-side--labs .mission-quote {
  background: linear-gradient(90deg, #06b6d4 0%, #10b981 100%);
  -webkit-mask: url("../images/figma-pass3/mission-quote.svg") center / contain no-repeat;
  mask: url("../images/figma-pass3/mission-quote.svg") center / contain no-repeat;
}

.home .mission-side--labs .mission-quote img {
  opacity: 0;
}

.home .mission-side--labs .mission-author__avatar {
  background: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);
}

.home .story-card--labs {
  background: linear-gradient(90deg, #06b6d4 0%, #10b981 100%);
}

.home .story-card--labs::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -38px;
  bottom: -52px;
  width: 144px;
  height: 144px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.13);
  filter: blur(24px);
  pointer-events: none;
}

.home .story-card--labs .story-card__surface {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .home .mission-tab,
  .home .mission-tab small,
  .home .mission-tab__icon,
  .home .mission-tab__icon img,
  .home #mission-tab-strategy .mission-tab__underline,
  .home #mission-tab-labs::after {
    transition: none;
  }
}


/* Source: assets/css/13-global-cta-motion.css */
/* Global CTA ambient light motion. */
.global-cta::before {
  transform-origin: 50% 50%;
  animation: ta-global-cta-pulse-primary 6.8s ease-in-out infinite;
  will-change: transform, opacity;
}

.global-cta::after {
  transform-origin: 50% 50%;
  animation: ta-global-cta-pulse-secondary 9.2s ease-in-out -4.6s infinite;
  will-change: transform, opacity;
}

@keyframes ta-global-cta-pulse-primary {
  0%,
  100% {
    opacity: 0.22;
    transform: scale(0.9);
  }

  50% {
    opacity: 0.42;
    transform: scale(1.14);
  }
}

@keyframes ta-global-cta-pulse-secondary {
  0%,
  100% {
    opacity: 0.08;
    transform: scale(0.94);
  }

  50% {
    opacity: 0.22;
    transform: scale(1.12);
  }
}

@media (max-width: 767.98px) {
  @keyframes ta-global-cta-pulse-primary {
    0%,
    100% {
      opacity: 0.2;
      transform: scale(0.95);
    }

    50% {
      opacity: 0.34;
      transform: scale(1.07);
    }
  }

  @keyframes ta-global-cta-pulse-secondary {
    0%,
    100% {
      opacity: 0.08;
      transform: scale(0.98);
    }

    50% {
      opacity: 0.16;
      transform: scale(1.05);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .global-cta::before,
  .global-cta::after {
    animation: none;
    will-change: auto;
  }
}


/* Source: assets/css/14-home-hero-geometry.css */
/* Exact Figma geometry layer behind the homepage machinery illustration. */
.home .home-hero__geometry {
  position: absolute;
  z-index: 1;
  width: 44.32%;
  height: auto;
  aspect-ratio: 1;
  pointer-events: none;
}

@media (min-width: 1200px) {
  .home .home-hero__geometry {
    top: 94px;
    left: -83px;
    width: 225px;
    height: 225px;
  }
}

@media (min-width: 1200px) and (max-width: 1365.98px) {
  .home .home-hero__geometry {
    top: calc(120px - 1.743vw);
    left: -16.37%;
    width: 44.32%;
    height: auto;
  }
}

@media (max-width: 1199.98px) {
  .home .home-hero__visual {
    position: relative;
    width: min(100%, 507px);
    margin-inline: auto;
  }

  .home .home-hero__geometry {
    top: -7.69%;
    left: -16.37%;
  }
}

@media (max-width: 767.98px) {
  .home .home-hero__visual {
    width: min(100%, 320px);
  }
}


/* Source: assets/css/15-prototype-interactions.css */
/* Figma prototype hover states for navigation and automation-area tiles. */
@media (min-width: 1100px) {
  .site-navigation__menu a {
    position: relative;
    display: inline-flex;
    color: #fff;
    transform: translateY(0);
    transition:
      color 220ms cubic-bezier(0.22, 1, 0.36, 1),
      transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .site-navigation__menu a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.5), #3b82f6);
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left center;
    transition:
      opacity 120ms ease,
      transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .site-navigation__menu a:hover,
  .site-navigation__menu a:focus-visible {
    color: #60a5fa;
    transform: translateY(-3px);
  }

  .site-navigation__menu .current-menu-item > a,
  .site-navigation__menu .current_page_item > a,
  .site-navigation__menu .current-menu-ancestor > a {
    color: #60a5fa;
  }

  .site-navigation__menu a:hover::after,
  .site-navigation__menu a:focus-visible::after,
  .site-navigation__menu .current-menu-item > a::after,
  .site-navigation__menu .current_page_item > a::after,
  .site-navigation__menu .current-menu-ancestor > a::after {
    opacity: 1;
    transform: scaleX(1);
  }
}

.figma-area-tile {
  isolation: isolate;
  transition:
    border-color 260ms ease,
    box-shadow 260ms ease;
}

.figma-area-tile::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 5% 100%, rgba(37, 99, 235, 0.12), transparent 48%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 260ms ease;
}

.figma-area-tile__icon {
  position: relative;
  z-index: 1;
}

.figma-area-tile__title {
  position: relative;
  z-index: 1;
  transition: color 240ms ease;
}

.figma-area-tile:hover,
.figma-area-tile:focus-visible,
.ta-page-uslugi .figma-area-tile:hover,
.ta-page-uslugi .figma-area-tile:focus-visible,
.ta-page-areas .figma-area-tile:hover,
.ta-page-areas .figma-area-tile:focus-visible,
.single-automation_area .figma-area-grid--related .figma-area-tile:hover,
.single-automation_area .figma-area-grid--related .figma-area-tile:focus-visible {
  transform: none;
  border-color: rgba(255, 255, 255, 0.15);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
  box-shadow:
    inset 1px 0 0 rgba(45, 116, 255, 0.62),
    inset 0 -1px 0 rgba(45, 116, 255, 0.9),
    0 18px 38px rgba(16, 72, 164, 0.12);
}

.figma-area-tile:hover::before,
.figma-area-tile:focus-visible::before {
  opacity: 1;
}

.figma-area-tile:hover .figma-area-tile__title,
.figma-area-tile:focus-visible .figma-area-tile__title,
.ta-page-uslugi .figma-area-tile:hover .figma-area-tile__title,
.ta-page-uslugi .figma-area-tile:focus-visible .figma-area-tile__title,
.ta-page-areas .figma-area-tile:hover .figma-area-tile__title,
.ta-page-areas .figma-area-tile:focus-visible .figma-area-tile__title,
.single-automation_area .figma-area-grid--related .figma-area-tile:hover .figma-area-tile__title,
.single-automation_area .figma-area-grid--related .figma-area-tile:focus-visible .figma-area-tile__title {
  color: #8fb5ee;
}

.figma-area-tile__arrow {
  z-index: 2;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px 0 7px 0;
  box-shadow: 0 6px 18px rgba(45, 116, 255, 0.46);
  opacity: 0;
  transform: translate(8px, 8px) scale(0.82);
  transform-origin: right bottom;
  transition:
    opacity 180ms ease,
    transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.figma-area-tile__arrow img {
  width: 18px;
  height: 18px;
}

.figma-area-tile:hover .figma-area-tile__arrow,
.figma-area-tile:focus-visible .figma-area-tile__arrow {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .site-navigation__menu a,
  .figma-area-tile,
  .figma-area-tile::before,
  .figma-area-tile__icon,
  .figma-area-tile__title,
  .figma-area-tile__arrow {
    transition: none;
  }

  .site-navigation__menu a:hover,
  .site-navigation__menu a:focus-visible {
    transform: none;
  }
}


/* Source: assets/css/16-reviewer-fixes.css */
/* Reviewer verification fixes matched to Figma nodes 591:1237 and 126:336. */

/* Contact: keep original icon proportions inside the Figma containers. */
.figma-contact-page .contact-direct-card {
  min-height: 112px;
  padding: 24px;
}

.figma-contact-page .contact-direct-card__icon {
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  box-shadow:
    0 4px 6px -4px rgba(59, 130, 246, 0.3),
    0 10px 15px -3px rgba(59, 130, 246, 0.3);
}

.figma-contact-page .contact-direct-card__icon img {
  width: 28px;
  height: 28px;
}

.figma-contact-page .contact-direct-card__body > span {
  font-size: 18px;
  line-height: 1.55;
}

.figma-contact-page .contact-direct-card strong {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
}

.figma-contact-page .contact-assurance__icon {
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #3b82f6;
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(59, 130, 246, 0.14), rgba(59, 130, 246, 0.02) 65%, rgba(59, 130, 246, 0.11));
}

.figma-contact-page .contact-assurance__icon img {
  width: auto;
  max-width: 16px;
  height: auto;
  max-height: 16px;
}

.figma-contact-page .contact-assurance__body strong {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.figma-contact-page .contact-assurance__body span {
  font-size: 14px;
  line-height: 1.55;
}

.figma-contact-page .contact-form-submit .wpcf7-submit {
  min-height: 72px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #2f6df4 0%, #478df7 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.2);
}

.figma-contact-page .contact-form-submit .wpcf7-submit:disabled {
  cursor: not-allowed;
  background: linear-gradient(135deg, #2a65e4 0%, #4386ef 100%);
  color: #dce9ff;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.14);
  opacity: 1;
}

.figma-contact-page .contact-form-submit .wpcf7-submit:not(:disabled):hover,
.figma-contact-page .contact-form-submit .wpcf7-submit:not(:disabled):focus-visible {
  background: linear-gradient(135deg, #2a62df 0%, #5598ff 100%);
}

/* About: complete fusion panel from Figma node 154:632. */
.figma-story-step--fusion .figma-fusion-panel {
  position: relative;
  max-width: 955px;
  min-height: 652px;
  margin-top: 32px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
}

.figma-story-step--fusion .figma-fusion-panel::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: 58px;
  width: 500px;
  height: 250px;
  border-radius: 50%;
  background: #06b6d4;
  opacity: 0.07;
  filter: blur(70px);
  pointer-events: none;
  transform: translateX(-50%);
}

.figma-story-step--fusion .figma-fusion-grid {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-height: 386px;
}

.figma-story-step--fusion .figma-fusion-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 386px;
  align-items: center;
  align-content: initial;
  justify-content: flex-start;
  gap: 0;
  padding: 56px 23px;
}

.figma-story-step--fusion .figma-fusion-card + .figma-fusion-card {
  border-top: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.figma-story-step--fusion .figma-fusion-card--connection {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(0, 0, 0, 0));
}

.figma-story-step--fusion .figma-fusion-card--connection::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -1px;
  width: calc(100% + 1px);
  height: 3px;
  background: linear-gradient(90deg, #2563eb, #06b6d4);
}

.figma-story-step--fusion .figma-fusion-card__icon {
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  margin-bottom: 28px;
  border: 1px solid rgba(37, 99, 235, 0.2);
  border-radius: 16px;
  background: rgba(37, 99, 235, 0.1);
}

.figma-story-step--fusion .figma-fusion-card--connection .figma-fusion-card__icon {
  border-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.2), rgba(6, 182, 212, 0.2));
}

.figma-story-step--fusion .figma-fusion-card--solution .figma-fusion-card__icon {
  border-color: rgba(6, 182, 212, 0.2);
  background: rgba(6, 182, 212, 0.1);
}

.figma-story-step--fusion .figma-fusion-card__icon img {
  width: auto;
  max-width: none;
  height: auto;
}

.figma-story-step--fusion .figma-fusion-card > strong {
  margin-bottom: 12px;
  color: #619dff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0;
}

.figma-story-step--fusion .figma-fusion-card--connection > strong {
  color: #fff;
}

.figma-story-step--fusion .figma-fusion-card--solution > strong {
  color: #06b6d4;
}

.figma-story-step--fusion .figma-fusion-card > p {
  width: 100%;
  max-width: 255px;
  min-height: 69px;
  margin: 0;
  color: #8899ad;
  font-size: 14px;
  line-height: 22.75px;
}

.figma-story-step--fusion .figma-fusion-card--connection > p {
  color: #b8c5d6;
}

.figma-story-step--fusion .figma-fusion-card > .figma-fusion-card__tags {
  width: auto;
  height: auto;
  display: flex;
  min-height: 26px;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
  border-radius: 0;
  background: none;
}

.figma-fusion-card__tags > span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border: 1px solid rgba(173, 196, 248, 0.26);
  border-radius: 999px;
  color: #619dff;
  font-size: 12px;
  line-height: 16px;
}

.figma-fusion-card--solution .figma-fusion-card__tags > span {
  border-color: rgba(155, 240, 254, 0.23);
  color: rgba(6, 182, 212, 0.9);
}

.figma-story-step--fusion .figma-fusion-card > .figma-fusion-card__badge {
  width: auto;
  height: 38px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.figma-fusion-card__badge img {
  width: 14px;
  height: 14px;
  object-fit: contain;
}

.figma-story-quote {
  position: relative;
  z-index: 1;
  min-height: 266px;
  padding: 49px 64px 33px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.figma-story-step--fusion .figma-story-quote blockquote {
  max-width: 827px;
  margin: 0 auto;
  padding: 0 0 24px;
  border: 0;
  color: #b8c5d6;
  font-family: var(--ta-font);
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 32.5px;
}

.figma-story-step--fusion .figma-story-quote blockquote strong {
  color: #fff;
  font-style: normal;
  font-weight: 700;
}

.figma-story-quote__mark {
  position: absolute;
  top: -20px;
  left: 50%;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  background: #0a1628;
  transform: translateX(-50%);
}

.figma-story-quote__mark img {
  width: 16px;
  height: 16px;
}

.figma-story-step--fusion .figma-story-quote__person {
  flex-direction: column;
  gap: 16px;
  margin-top: 0;
}

.figma-story-step--fusion .figma-story-quote__avatar {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
}

.figma-story-step--fusion .figma-story-quote__person cite {
  display: grid;
  gap: 0;
  margin: 0;
  text-align: center;
}

.figma-story-step--fusion .figma-story-quote__person cite strong {
  color: #fff;
  font-size: 15px;
  line-height: 1.32;
}

.figma-story-step--fusion .figma-story-quote__person cite span {
  color: #619dff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

/* Archive dimensions: 1216px gives three 384px cards with 32px gaps. */
@media (min-width: 1200px) {
  .ta-page-areas .figma-area-grid--archive {
    max-width: 1216px;
    gap: 32px;
  }

  .global-cta p {
    font-size: 24px;
    line-height: 39px;
  }
}

@media (max-width: 991.98px) {
  .figma-story-step--fusion .figma-fusion-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .figma-story-step--fusion .figma-fusion-card {
    min-height: 330px;
  }

  .figma-story-step--fusion .figma-fusion-card + .figma-fusion-card {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 0;
  }

  .figma-story-step--fusion .figma-fusion-card--connection::before {
    width: 100%;
  }

  .figma-story-step--fusion .figma-fusion-panel {
    min-height: 0;
  }

  .figma-story-quote {
    min-height: 0;
    padding-inline: 34px;
  }
}

@media (max-width: 575.98px) {
  .figma-contact-page .contact-direct-card {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 16px;
    padding: 18px;
  }

  .figma-contact-page .contact-direct-card strong {
    overflow-wrap: anywhere;
    font-size: 17px;
  }

  .figma-contact-page .contact-direct-card__body > span {
    font-size: 15px;
  }

  .figma-story-step--fusion .figma-fusion-panel {
    border-radius: 16px;
  }

  .figma-story-step--fusion .figma-fusion-card {
    min-height: 318px;
    padding: 44px 20px;
  }

  .figma-story-quote {
    padding: 48px 20px 38px;
  }

  .figma-story-step--fusion .figma-story-quote blockquote {
    font-size: 17px;
    line-height: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .figma-contact-page .contact-form-submit .wpcf7-submit {
    transition: none;
  }
}


/* Source: assets/css/17-header-hero-overlay.css */
/* Keep the header and the first hero on one continuous Figma background surface. */

.ta-header-overlay .site-header {
  position: fixed;
  inset: 0 0 auto;
  width: 100%;
  background: transparent;
  border-bottom-color: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    -webkit-backdrop-filter 180ms ease,
    backdrop-filter 180ms ease;
}

.ta-header-overlay .site-header.is-scrolled,
.ta-header-overlay.menu-open .site-header {
  background: rgba(7, 19, 33, 0.88);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.admin-bar.ta-header-overlay .site-header {
  top: 32px;
}

/* Keep native hash navigation and the skip-link clear of the fixed header. */
.ta-header-overlay #content,
.ta-header-overlay #page-content,
.ta-header-overlay #zarzadzanie-procesami,
.ta-header-overlay #obszary,
.ta-header-overlay #mozna-zrobic {
  scroll-margin-top: 104px;
}

.admin-bar.ta-header-overlay #content,
.admin-bar.ta-header-overlay #page-content,
.admin-bar.ta-header-overlay #zarzadzanie-procesami,
.admin-bar.ta-header-overlay #obszary,
.admin-bar.ta-header-overlay #mozna-zrobic {
  scroll-margin-top: 136px;
}

/* Restore the header's former layout height inside each hero. */
.ta-header-overlay .page-hero {
  box-sizing: border-box;
  min-height: 565px;
  padding-top: 80px;
}

.ta-header-overlay.ta-page-uslugi .figma-page-hero,
.ta-header-overlay.ta-page-areas .figma-page-hero,
.ta-header-overlay.single-automation_area .figma-area-hero {
  box-sizing: border-box;
  min-height: 565px;
  padding-top: 80px;
}

.ta-header-overlay .figma-contact-page {
  box-sizing: border-box;
  min-height: 992px;
  padding-top: 180px;
}

.ta-header-overlay .not-found {
  box-sizing: border-box;
  min-height: 840px;
  padding-top: 80px;
}

@media (max-width: 991.98px) {
  .ta-header-overlay .page-hero {
    min-height: 560px;
  }

  .ta-header-overlay.ta-page-uslugi .figma-page-hero,
  .ta-header-overlay.ta-page-areas .figma-page-hero,
  .ta-header-overlay.single-automation_area .figma-area-hero {
    min-height: 560px;
  }

  .ta-header-overlay .figma-contact-page {
    min-height: 0;
    padding-top: 152px;
  }
}

@media (max-width: 782px) {
  .admin-bar.ta-header-overlay .site-header {
    top: 46px;
  }

  .admin-bar.ta-header-overlay #content,
  .admin-bar.ta-header-overlay #page-content,
  .admin-bar.ta-header-overlay #zarzadzanie-procesami,
  .admin-bar.ta-header-overlay #obszary,
  .admin-bar.ta-header-overlay #mozna-zrobic {
    scroll-margin-top: 150px;
  }
}

@media (max-width: 767.98px) {
  .ta-header-overlay .page-hero {
    min-height: 510px;
  }

  .ta-header-overlay.ta-page-uslugi .figma-page-hero,
  .ta-header-overlay.ta-page-areas .figma-page-hero,
  .ta-header-overlay.single-automation_area .figma-area-hero {
    min-height: 535px;
  }

  .ta-header-overlay .figma-contact-page {
    padding-top: 128px;
  }
}

@media (max-width: 575.98px) {
  .ta-header-overlay .page-hero {
    min-height: 470px;
  }

  .ta-header-overlay.ta-page-uslugi .figma-page-hero,
  .ta-header-overlay.ta-page-areas .figma-page-hero,
  .ta-header-overlay.single-automation_area .figma-area-hero {
    min-height: 520px;
  }

  .ta-header-overlay .not-found {
    min-height: 700px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ta-header-overlay .site-header {
    transition: none;
  }
}


/* Source: assets/css/18-services-process-asset.css */
/* Services process diagram: direct vector master and measured Figma placement. */

.ta-page-uslugi #zarzadzanie-procesami {
  scroll-margin-top: 92px;
}

.ta-page-uslugi #zarzadzanie-procesami .figma-service-feature__visual {
  min-width: 0;
}

.ta-page-uslugi #zarzadzanie-procesami .figma-service-feature__image {
  display: block;
  width: min(100%, 590px);
  height: auto;
  object-fit: contain;
}

@media (min-width: 1200px) {
  .ta-page-uslugi #zarzadzanie-procesami .figma-service-feature__grid {
    grid-template-columns: minmax(0, 570px) minmax(0, 590px);
    gap: 56px;
    align-items: start;
  }

  .ta-page-uslugi #zarzadzanie-procesami .figma-service-feature__visual {
    min-height: 520px;
    justify-items: start;
    align-items: start;
    padding-top: 10px;
  }

  .ta-page-uslugi #zarzadzanie-procesami .figma-service-feature__image {
    width: 580px;
    max-width: none;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .ta-page-uslugi #zarzadzanie-procesami .figma-service-feature__grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 36px;
    align-items: center;
  }

  .ta-page-uslugi #zarzadzanie-procesami .figma-service-feature__visual {
    min-height: 0;
  }
}

@media (max-width: 767.98px) {
  .ta-page-uslugi #zarzadzanie-procesami .figma-service-feature__visual {
    min-height: 0;
    margin-top: 28px;
  }

  .ta-page-uslugi #zarzadzanie-procesami .figma-service-feature__image {
    width: min(100%, 520px);
    margin-inline: auto;
  }
}


/* Source: assets/css/19-page-background-system.css */
/* Final page canvas: one continuous Figma-like background across header, hero, and content. */

:root {
  --ta-canvas: #071321;
  --ta-canvas-soft: #081525;
}

html,
body,
.ta-site {
  background: var(--ta-canvas);
}

.site-main {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background-color: var(--ta-canvas);
}

.site-main::before,
.site-main::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.site-main::before {
  background:
    radial-gradient(circle at 85% -120px, rgba(22, 104, 165, 0.22) 0, rgba(22, 104, 165, 0.07) 320px, transparent 610px),
    radial-gradient(circle at 7% 680px, rgba(0, 184, 211, 0.075) 0, rgba(0, 184, 211, 0.025) 260px, transparent 560px),
    radial-gradient(circle at 92% 1160px, rgba(0, 184, 211, 0.06) 0, rgba(0, 184, 211, 0.02) 310px, transparent 620px),
    radial-gradient(circle at 15% 1780px, rgba(35, 111, 255, 0.07) 0, rgba(35, 111, 255, 0.022) 300px, transparent 640px),
    linear-gradient(180deg, var(--ta-canvas) 0%, var(--ta-canvas-soft) 42%, var(--ta-canvas) 100%);
}

.site-main::after {
  background:
    linear-gradient(132deg, transparent 0 60%, rgba(45, 116, 255, 0.11) 60.08%, transparent 60.34%),
    linear-gradient(132deg, transparent 0 65%, rgba(45, 116, 255, 0.07) 65.08%, transparent 65.28%),
    linear-gradient(132deg, transparent 0 70%, rgba(19, 197, 216, 0.055) 70.08%, transparent 70.24%),
    radial-gradient(circle at 67% 176px, rgba(45, 116, 255, 0.5) 0 3px, transparent 4px),
    radial-gradient(circle at 74% 254px, rgba(45, 116, 255, 0.38) 0 3px, transparent 4px),
    radial-gradient(circle at 82% 138px, rgba(45, 116, 255, 0.25) 0 2px, transparent 3px),
    radial-gradient(circle at 86% 312px, rgba(45, 116, 255, 0.28) 0 3px, transparent 4px);
  background-position:
    calc(50% + 260px) -20px,
    calc(50% + 330px) -86px,
    calc(50% + 420px) -124px,
    0 0,
    0 0,
    0 0,
    0 0;
  background-size:
    820px 700px,
    820px 700px,
    820px 700px,
    100% 520px,
    100% 520px,
    100% 520px,
    100% 520px;
  background-repeat: no-repeat;
  opacity: 0.78;
}

.site-main > * {
  position: relative;
  z-index: 1;
}

.home .home-hero,
.home-hero,
.page-hero,
.figma-page-hero,
.figma-area-hero,
.figma-contact-page,
.not-found,
.archive-section,
.production-card-section,
.single-content,
.ta-page-uslugi .figma-service-feature,
.ta-page-uslugi .figma-areas-section,
.ta-page-areas .figma-areas-section,
.ta-page-uslugi .figma-market-section,
.ta-page-areas .figma-market-section,
.single-automation_area .figma-actions-section,
.single-automation_area .figma-effect-section,
.single-automation_area .figma-related-section {
  background: transparent;
}

.ta-page-uslugi .figma-page-hero,
.ta-page-areas .figma-page-hero,
.single-automation_area .figma-area-hero,
.ta-page-kontakt .figma-contact-page {
  background: transparent;
}

.page-hero::after,
.figma-page-hero::after,
.figma-area-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(132deg, transparent 0 58%, rgba(45, 116, 255, 0.12) 58.08%, transparent 58.34%),
    linear-gradient(132deg, transparent 0 64%, rgba(45, 116, 255, 0.07) 64.08%, transparent 64.24%),
    radial-gradient(circle at 68% 26%, rgba(45, 116, 255, 0.46) 0 3px, transparent 4px),
    radial-gradient(circle at 78% 16%, rgba(45, 116, 255, 0.32) 0 2px, transparent 3px);
  background-position:
    calc(50% + 250px) -120px,
    calc(50% + 335px) -150px,
    0 0,
    0 0;
  background-size:
    760px 720px,
    760px 720px,
    100% 100%,
    100% 100%;
  background-repeat: no-repeat;
  opacity: 0.6;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 68%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 68%, transparent 100%);
}

.ta-page-uslugi .figma-page-hero::after,
.ta-page-areas .figma-page-hero::after,
.single-automation_area .figma-area-hero::after {
  content: "";
}

.figma-page-hero__decoration {
  -webkit-mask-image: radial-gradient(circle at 52% 42%, #000 0%, #000 54%, rgba(0, 0, 0, 0.55) 72%, transparent 100%);
  mask-image: radial-gradient(circle at 52% 42%, #000 0%, #000 54%, rgba(0, 0, 0, 0.55) 72%, transparent 100%);
}

.figma-page-hero__decoration,
.figma-contact-page__decoration {
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 20px rgba(37, 99, 235, 0.08));
}

.ta-page-kontakt .figma-contact-page__decoration {
  opacity: 0.52;
}

.figma-contact-page .contact-form-wrap input,
.figma-contact-page .contact-form-wrap textarea {
  border-color: rgba(130, 164, 214, 0.18);
  background: rgba(4, 12, 22, 0.55);
}

/* The updated contact illustrations are complete square tiles, not glyphs. */
.figma-contact-page .contact-assurance--tile-icon {
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 18px;
}

.figma-contact-page .contact-assurance--tile-icon .contact-assurance__icon {
  width: 56px;
  height: 56px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.figma-contact-page .contact-assurance--tile-icon .contact-assurance__icon img {
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  object-fit: contain;
}

.page-hero__inner,
.figma-page-hero__inner,
.figma-area-hero__inner,
.figma-contact-page__grid,
.not-found__inner {
  position: relative;
  z-index: 2;
}

.site-footer {
  position: relative;
  z-index: 2;
}

.shared-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 44%, rgba(35, 111, 255, 0.075) 0, rgba(35, 111, 255, 0.022) 300px, transparent 660px),
    radial-gradient(circle at 82% 54%, rgba(0, 184, 211, 0.05) 0, rgba(0, 184, 211, 0.016) 310px, transparent 700px),
    linear-gradient(180deg, var(--ta-canvas) 0%, var(--ta-canvas) 18%, var(--ta-canvas-soft) 52%, var(--ta-canvas) 78%, #08111d 100%);
}

.shared-footer:not(.shared-footer--compact) {
  padding-top: 127px;
}

.shared-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 0;
  height: 420px;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(7, 19, 33, 0) 0%, rgba(7, 19, 33, 0.16) 54%, rgba(7, 19, 33, 0.58) 100%),
    radial-gradient(circle at 50% 36%, rgba(26, 105, 218, 0.1) 0, transparent 620px);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.18) 54px, #000 210px);
  mask-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.18) 54px, #000 210px);
}

.shared-footer > * {
  position: relative;
  z-index: 1;
}

.shared-footer__waves {
  position: absolute;
  top: 80px;
  right: 0;
    left: 50%;
  z-index: 0;
  width: 100vw;
  height: clamp(150px, 14vw, 260px);
  display: block;
  opacity: 0.44;
  pointer-events: none;
  transform: translateX(-50%);
}

.shared-footer__wave-line {
  display: block;
  width: 100%;
  min-width: 1440px;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.shared-footer .testimonials {
  height: 758px;
  padding-top: clamp(172px, 14.5vw, 248px);
  padding-bottom: 238px;
}

body:not(.home) .shared-footer:not(.shared-footer--compact) .testimonials {
  height: 698px;
  padding-bottom: 178px;
}

@media (min-width: 1200px) {
  body.ta-page-areas .figma-page-hero__inner {
    padding-top: 10px;
  }

  body.ta-page-areas .figma-areas-section--archive {
    padding-block: 88px 28px;
  }

  body.ta-page-areas .figma-area-grid--archive {
    margin-top: 62px;
  }

  body.ta-page-areas .figma-market-section {
    padding-block: 39px 103px;
  }

  body.ta-page-areas .figma-trusted-section {
    margin-top: 142px;
  }

  body.ta-page-areas .shared-footer:not(.shared-footer--compact) .testimonials {
    height: 713px;
    padding-bottom: 193px;
  }

  body.ta-page-areas .site-footer {
    height: 559px;
    min-height: 559px;
  }

  body.single-automation_area .shared-footer:not(.shared-footer--compact) .testimonials {
    height: 704px;
    padding-bottom: 184px;
  }

  body.ta-area-layout-erp-timeline .site-footer {
    height: 545px;
    min-height: 545px;
  }

  body.ta-page-kontakt .site-footer {
    height: 570px;
    min-height: 570px;
  }
}

.trusted-logos {
  opacity: 0.62;
}

.home .trusted-logos {
  opacity: 1;
}

.home .trusted-logos__item {
  opacity: 0.5;
}

.shared-footer .global-cta {
  background: transparent;
}

.shared-footer .site-footer {
  background:
    linear-gradient(180deg, rgba(7, 19, 33, 0) 0, var(--ta-bg-deep) 96px, var(--ta-bg-deep) 100%);
}

.shared-footer--compact .site-footer {
  background:
    linear-gradient(180deg, var(--ta-canvas) 0, #08111d 92px, var(--ta-bg-deep) 190px);
}

@media (min-width: 1440px) {
  .site-main::after {
    background-position:
      calc(50% + 330px) -20px,
      calc(50% + 430px) -86px,
      calc(50% + 540px) -124px,
      0 0,
      0 0,
      0 0,
      0 0;
  }
}

@media (max-width: 1099.98px) {
  .site-menu-toggle {
    position: relative;
  }

  .site-menu-toggle span:not(.screen-reader-text) {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform-origin: center;
    transition:
      opacity 180ms ease,
      transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .site-menu-toggle span:nth-child(1) {
    transform: translate(-50%, -7px);
  }

  .site-menu-toggle span:nth-child(2) {
    transform: translate(-50%, -1px);
  }

  .site-menu-toggle span:nth-child(3) {
    transform: translate(-50%, 5px);
  }

  .site-menu-toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translate(-50%, -1px) rotate(45deg);
  }

  .site-menu-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
    transform: translate(-50%, -1px) scaleX(0);
  }

  .site-menu-toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translate(-50%, -1px) rotate(-45deg);
  }

  .site-main::before {
    background:
      radial-gradient(circle at 88% -80px, rgba(22, 104, 165, 0.28) 0, rgba(22, 104, 165, 0.09) 260px, transparent 520px),
      radial-gradient(circle at 4% 560px, rgba(0, 184, 211, 0.11) 0, rgba(0, 184, 211, 0.035) 230px, transparent 500px),
      linear-gradient(180deg, var(--ta-canvas) 0%, var(--ta-canvas-soft) 48%, var(--ta-canvas) 100%);
  }

  .site-main::after,
  .page-hero::after,
  .figma-page-hero::after,
  .figma-area-hero::after {
    opacity: 0.52;
    background-size:
      580px 560px,
      580px 560px,
      100% 460px,
      100% 460px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-menu-toggle span:not(.screen-reader-text) {
    transition: none;
  }
}

@media (max-width: 767.98px) {
  .shared-footer:not(.shared-footer--compact) {
    padding-top: 72px;
  }

  .site-main::before {
    background:
      radial-gradient(circle at 92% -50px, rgba(22, 104, 165, 0.22) 0, rgba(22, 104, 165, 0.08) 220px, transparent 430px),
      radial-gradient(circle at 0% 520px, rgba(0, 184, 211, 0.08) 0, transparent 360px),
      linear-gradient(180deg, var(--ta-canvas) 0%, var(--ta-canvas-soft) 50%, var(--ta-canvas) 100%);
  }

  .site-main::after {
    background-position:
      calc(100% - 120px) -80px,
      calc(100% - 40px) -110px,
      0 0,
      0 0,
      0 0,
      0 0,
      0 0;
    opacity: 0.38;
  }

  .page-hero::after,
  .figma-page-hero::after,
  .figma-area-hero::after {
    opacity: 0.34;
    background-position:
      calc(100% - 150px) -160px,
      calc(100% - 64px) -170px,
      0 0,
      0 0;
  }

  .figma-page-hero__decoration,
  .figma-contact-page__decoration {
    opacity: 0.3;
  }

  .shared-footer__waves {
    top: 34px;
    height: 118px;
    opacity: 0.4;
  }

  .shared-footer .testimonials {
    height: auto;
    padding-top: 126px;
    padding-bottom: 148px;
  }
}


/* Source: assets/css/20-market-fidelity.css */
/*
 * Shared "Moment na automatyzację" section.
 * Geometry and typography follow Figma nodes 507:1545 and 507:1626.
 */

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-section {
  padding-block: 40px 48px;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-grid {
  max-width: calc(1152px + (var(--ta-gutter) * 2));
  grid-template-columns: repeat(2, minmax(0, 544px));
  gap: 64px;
  align-items: start;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric {
  position: relative;
  min-height: 306px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
  padding: 48px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background: linear-gradient(150.64deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric::after {
  content: none;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric__decoration {
  position: absolute;
  z-index: 0;
  inset: 0 auto auto 1px;
  width: calc(100% - 2px);
  height: 448px;
  max-width: none;
  object-fit: fill;
  opacity: 0.25;
  pointer-events: none;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric__value,
:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric__title,
:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric__subtitle {
  position: relative;
  z-index: 1;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric__value {
  margin: 0;
  color: #36bfd0;
  background: linear-gradient(135deg, #38bce5 0%, #2ac58f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--ta-font);
  font-size: 96px;
  font-weight: 800;
  line-height: 1.05;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric__title {
  max-width: none;
  margin: 14px 0 0;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.34;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric__subtitle {
  margin: 6px 0 0;
  color: #b8c5d6;
  font-family: var(--ta-font-display);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy {
  min-height: 0;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy__label {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid rgba(8, 182, 196, 0.68);
  border-radius: 999px;
  background: rgba(8, 182, 196, 0.1);
  color: #0eb892;
  font-family: var(--ta-font-display);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-transform: none;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy h2 {
  margin: 24px 0 0;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 42px;
  font-weight: 300;
  line-height: 1.15;
  letter-spacing: 0;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy h2 strong {
  font-weight: 700;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy__body {
  margin-top: 32px;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy__body p {
  max-width: 544px;
  margin: 0;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.625;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy__body strong {
  font-weight: 700;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy__intro {
  max-width: 544px;
  margin: 15px 0 0;
  color: #fff !important;
  font-family: var(--ta-font-display);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.625;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-report-list {
  display: grid;
  gap: 16px;
  margin: 34px 0 0;
  padding: 0;
  color: #b8c5d6;
  font-family: var(--ta-font-display);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  list-style: none;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-report-list li {
  min-height: 32px;
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

:is(body.ta-page-uslugi, body.ta-page-areas) .figma-report-list span {
  min-width: 70px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 4px 8px;
  border-radius: 8px;
  background: linear-gradient(155.43deg, #07b6ca 0%, #10b985 100%);
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  white-space: nowrap;
}

@media (max-width: 1023.98px) {
  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-section {
    padding-block: 64px 80px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-grid {
    max-width: calc(640px + (var(--ta-gutter) * 2));
    grid-template-columns: minmax(0, 544px);
    justify-content: center;
    gap: 56px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy {
    width: 100%;
    max-width: 544px;
    padding: 0;
  }
}

@media (max-width: 639.98px) {
  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-section {
    padding-block: 48px 64px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-grid {
    gap: 44px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric {
    min-height: 286px;
    padding: 32px 24px;
    border-radius: 18px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric__value {
    font-size: 72px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric__title {
    margin-top: 14px;
    font-size: 21px;
    line-height: 1.3;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric__subtitle {
    font-size: 15px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy__label {
    min-height: 34px;
    font-size: 13px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy h2 {
    margin-top: 22px;
    font-size: 36px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy__body {
    margin-top: 26px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy__body p,
  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy__intro {
    font-size: 16px;
    line-height: 1.55;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy__intro {
    margin-top: 24px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-report-list {
    gap: 14px;
    margin-top: 26px;
    font-size: 15px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-report-list li {
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 12px;
  }
}

@media (max-width: 379.98px) {
  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-metric__value {
    font-size: 64px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-copy h2 {
    font-size: 32px;
  }
}


/* Source: assets/css/21-confirmed-audit-fixes.css */
/*
 * Confirmed audit fixes.
 * Scoped to the Figma nodes verified on 2026-07-24.
 */

/* About: Figma node 507:1487. */
.ta-page-about .figma-market-section--about .figma-market-grid {
  align-items: start;
}

.ta-page-about .figma-market-section--about .figma-market-metric {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background: linear-gradient(153deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
}

.ta-page-about .figma-market-section--about .figma-market-metric__decoration {
  position: absolute;
  z-index: 0;
  inset: -1px auto auto -1px;
  width: calc(100% + 2px);
  height: 448px;
  max-width: none;
  object-fit: fill;
  opacity: 0.25;
  pointer-events: none;
}

.ta-page-about .figma-market-section--about .figma-market-metric__value,
.ta-page-about .figma-market-section--about .figma-market-metric__title,
.ta-page-about .figma-market-section--about .figma-market-metric__subtitle {
  position: relative;
  z-index: 1;
}

.ta-page-about .figma-market-section--about .figma-market-metric__value {
  display: flex;
  align-items: baseline;
  margin: 0;
  color: #36bfd0;
  background: linear-gradient(135deg, #38bce5 0%, #2ac58f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--ta-font);
  font-size: 96px;
  font-weight: 800;
  line-height: 1.05;
  white-space: nowrap;
}

.ta-page-about .figma-market-section--about .figma-market-metric__prefix {
  margin-right: 10px;
  font-size: 43px;
}

.ta-page-about .figma-market-section--about .figma-market-metric__title {
  max-width: none;
  margin: 16px 0 0;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.ta-page-about .figma-market-section--about .figma-market-metric__subtitle {
  max-width: none;
  margin: 8px 0 0;
  color: #b8c5d6;
  font-family: var(--ta-font-display);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.ta-page-about .figma-market-section--about .figma-market-copy__label {
  min-height: 36px;
  padding: 8px 12px;
  border-color: transparent;
  background: rgba(8, 182, 196, 0.1);
  color: #0eb892;
  font-family: var(--ta-font-display);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-transform: none;
}

.ta-page-about .figma-market-section--about .figma-market-copy h2 {
  margin-top: 24px;
  font-family: var(--ta-font-display);
  font-size: 42px;
  font-weight: 300;
  line-height: 48px;
}

.ta-page-about .figma-market-section--about .figma-market-copy h2 strong {
  font-weight: 700;
}

.ta-page-about .figma-market-section--about .figma-market-copy__body {
  margin-top: 32px;
}

.ta-page-about .figma-market-section--about .figma-market-copy__body p {
  max-width: none;
  margin: 0;
  color: #fff;
  font-family: var(--ta-font);
  font-size: 18px;
  font-weight: 400;
  line-height: 29.25px;
}

.ta-page-about .figma-market-section--about .figma-market-copy__body p + p {
  margin-top: 29.25px;
}

/* Services: Figma nodes 93:3212 and 375:5547. */
.ta-page-uslugi .figma-service-feature__copy h2 {
  font-weight: 300;
  line-height: 48px;
}

.ta-page-uslugi .figma-service-feature__copy h2 strong {
  font-weight: 700;
}

.ta-page-uslugi .figma-service-feature__copy p {
  margin-top: 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--ta-font-display);
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

.ta-page-uslugi .figma-service-feature__copy h2 + p {
  margin-top: 32px;
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
}

.ta-page-uslugi .figma-service-feature__copy p + p {
  margin-top: 24px;
}

.ta-page-uslugi .figma-service-note {
  padding-top: 0;
}

.ta-page-uslugi .figma-service-note p {
  min-height: 158px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  margin: 0;
  padding: 32px;
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  background: rgba(59, 130, 246, 0.1);
  color: #60a5fa;
  font-family: var(--ta-font-display);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.ta-page-uslugi .figma-service-note p strong {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
}

.ta-page-uslugi .figma-service-note p br {
  display: none;
}

/* Single automation area: Figma node 452:1791. */
.single-automation_area .figma-production-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  border-radius: 24px;
}

.single-automation_area .figma-production-card .production-card__decoration {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  opacity: 0.2;
  pointer-events: none;
}

.single-automation_area .figma-production-card h2 {
  width: min(100%, 894px);
  font-size: 42px;
  font-weight: 300;
  line-height: 48px;
}

.single-automation_area .figma-production-card h2 strong {
  font-weight: 700;
}

.single-automation_area .figma-production-card p {
  width: min(100%, 768px);
  max-width: none;
  font-size: 18px;
  line-height: 28px;
}

@media (min-width: 1200px) {
  .ta-page-about .figma-market-section--about .figma-market-grid {
    min-height: 452px;
    grid-template-columns: 542px 610px;
    gap: 64px;
  }

  .ta-page-about .figma-market-section--about .figma-market-metric {
    width: 542px;
    height: 276px;
    min-height: 276px;
    justify-content: center;
    padding: 31px 50px;
  }

  .ta-page-about .figma-market-section--about .figma-market-copy {
    width: 610px;
    height: 452px;
    min-height: 452px;
  }

  .ta-page-about .figma-market-section--about .figma-market-copy__body {
    min-height: 264px;
  }

  .ta-page-uslugi .figma-service-feature {
    padding-block: 72px;
  }

  .ta-page-uslugi #zarzadzanie-procesami {
    padding-block: 72px;
  }

  .ta-page-uslugi #zarzadzanie-procesami .figma-service-feature__grid {
    grid-template-columns: 570px 584px;
    gap: 40px;
    align-items: center;
  }

  .ta-page-uslugi #zarzadzanie-procesami .figma-service-feature__visual {
    position: relative;
    width: 584px;
    height: 500px;
    min-height: 500px;
    align-items: center;
    justify-items: center;
    padding-top: 0;
  }

  .ta-page-uslugi #zarzadzanie-procesami .figma-service-feature__image {
    position: absolute;
    top: 50%;
    left: 0;
    width: 584px;
    transform: translateY(-50%);
  }

  .ta-page-uslugi .figma-service-feature--reverse {
    padding-block: 72px;
  }

  .ta-page-uslugi .figma-service-feature--reverse .figma-service-feature__grid {
    min-height: 501px;
    grid-template-columns: 514px 570px;
    justify-content: space-between;
    gap: 0;
    align-items: start;
  }

  .ta-page-uslugi .figma-service-feature--reverse .figma-service-feature__visual {
    position: relative;
    width: 514px;
    height: 501px;
    min-height: 501px;
  }

  .ta-page-uslugi .figma-service-feature--reverse .figma-service-feature__image {
    position: absolute;
    top: 50%;
    left: 0;
    width: 524px;
    max-width: none;
    transform: translateY(-50%);
  }

  .ta-page-uslugi .figma-service-note {
    padding-bottom: 72px;
  }

  .ta-page-uslugi .figma-service-note p {
    height: 158px;
    min-height: 158px;
  }

  .single-automation_area .figma-production-card {
    max-width: 1216px;
    height: 431px;
    min-height: 431px;
    padding: 65px;
  }

  .single-automation_area .figma-production-card .ta-button {
    min-width: 405px;
    min-height: 72px;
    padding: 20px 40px;
  }
}

@media (max-width: 1199.98px) {
  .ta-page-about .figma-market-section--about .figma-market-metric,
  .ta-page-about .figma-market-section--about .figma-market-copy {
    min-height: 0;
  }

  .single-automation_area .figma-production-card {
    max-width: none;
  }
}

@media (max-width: 767.98px) {
  .ta-page-about .figma-market-section--about .figma-market-metric {
    padding: 32px 24px;
    border-radius: 18px;
  }

  .ta-page-about .figma-market-section--about .figma-market-metric__value {
    font-size: 64px;
  }

  .ta-page-about .figma-market-section--about .figma-market-metric__prefix {
    margin-right: 8px;
    font-size: 30px;
  }

  .ta-page-about .figma-market-section--about .figma-market-metric__title {
    font-size: 21px;
    line-height: 1.3;
  }

  .ta-page-about .figma-market-section--about .figma-market-copy h2,
  .single-automation_area .figma-production-card h2 {
    font-size: 30px;
  }

  .ta-page-uslugi .figma-service-feature__copy h2 + p {
    font-size: 18px;
  }

  .ta-page-uslugi .figma-service-note p {
    min-height: 0;
    padding: 24px 20px;
  }

  .single-automation_area .figma-production-card {
    min-height: 0;
    padding: 40px 22px;
    border-radius: 18px;
  }

  .single-automation_area .figma-production-card p {
    font-size: 16px;
  }
}


/* Source: assets/css/22-client-polish.css */
/*
 * Client polish pass.
 * Final, intentionally scoped overrides for the approved 2026-07-28 change list.
 */

:root {
  --ta-muted: rgba(255, 255, 255, 0.7);
  --ta-muted-soft: rgba(255, 255, 255, 0.56);
  --ta-blue-soft: #60a5fa;
  --ta-teal-bright: #2dd4bf;
  --ta-gradient-heading: linear-gradient(90deg, #2563eb 0%, #06b6d4 50%, #10b981 100%);
}

body p {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Text links receive a consistent visible interaction without changing button treatments. */
body a:not(.ta-button):not(.site-navigation__contact) {
  transition:
    color 220ms ease,
    opacity 220ms ease,
    text-decoration-color 220ms ease;
}

body a:not(.ta-button):not(.site-navigation__contact):hover,
body a:not(.ta-button):not(.site-navigation__contact):focus-visible {
  color: #60a5fa;
}

.site-footer a:not(.ta-button):hover,
.site-footer a:not(.ta-button):focus-visible,
.post-content a:hover,
.post-content a:focus-visible,
.figma-areas-more a:hover,
.figma-areas-more a:focus-visible {
  text-decoration-color: currentColor;
}

/* The only heading treatment already rendered as a gradient in the Figma project. */
.home .mission-section .section-heading h2 strong {
  background: var(--ta-gradient-heading);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

/* Decorative background artwork remains subordinate to the content. */
.figma-page-hero__decoration,
.figma-contact-page__decoration,
.figma-pressure-card__background,
.figma-pressure-card__waves,
.figma-effect-card__background,
.figma-market-metric__decoration,
.production-card__decoration,
.blue-cta__background,
.blue-cta__waves {
  opacity: 0.5;
}

@keyframes ta-scroll-cue-bounce {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(7px);
  }
}

.figma-scroll-cue > span,
.page-hero__scroll > span {
  display: inline-block;
  animation: ta-scroll-cue-bounce 1.55s ease-in-out infinite;
  will-change: transform;
}

/* Services. */
.ta-page-uslugi .figma-service-note p {
  align-items: flex-start;
  color: #60a5fa !important;
  text-align: left;
}

.ta-page-uslugi .figma-service-note p strong {
  color: #60a5fa;
}

.ta-page-uslugi .figma-pressure-card {
  background: linear-gradient(90deg, #2563eb 0%, #06b6d4 100%);
}

.ta-page-uslugi .figma-pressure-card__background {
  mix-blend-mode: soft-light;
}

.ta-page-uslugi .figma-pressure-card__waves {
  mix-blend-mode: screen;
}

.ta-page-uslugi .figma-pressure-card__content {
  position: relative;
  z-index: 2;
}

.ta-page-uslugi .figma-trust-section__button .ta-button {
  padding: 20px 40px;
}

.ta-page-uslugi .figma-trust-section .figma-trust-card__icon img {
  transform: rotate(180deg);
  transform-origin: center;
}

/* About: selective heading weights and story treatment from Figma node 127:1992. */
.ta-page-about .figma-about-founders .section-heading h2 {
  font-weight: 300;
}

.ta-page-about .figma-about-founders .section-heading h2 strong {
  font-weight: 700;
}

.ta-page-about .figma-story-step__number {
  width: max-content;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.ta-page-about .figma-story-step__label {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: #3b82f6;
  font-family: var(--ta-font);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.ta-page-about .figma-story-step__label::before {
  content: "";
  width: 60px;
  height: 1px;
  flex: 0 0 60px;
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.08), #3b82f6);
}

.ta-page-about .figma-story-step__body > p strong {
  color: #fff;
  font-weight: 700;
}

.ta-page-about .figma-story-tags {
  align-items: center;
  gap: 16px;
}

.ta-page-about .figma-story-tags > span:not(.figma-story-tags__plus) {
  min-height: 58px;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.19);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  color: #ced5dd;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.ta-page-about .figma-story-tags > span:first-child {
  opacity: 0.9;
}

.ta-page-about .figma-story-tags__icon {
  display: grid;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 8px;
  background: rgba(37, 99, 235, 0.33);
}

.ta-page-about .figma-story-tags__icon--technology {
  background: rgba(6, 182, 212, 0.22);
}

.ta-page-about .figma-story-tags__icon img {
  width: auto;
  max-width: 16px;
  height: auto;
  max-height: 16px;
  padding: 0;
  background: transparent;
}

.ta-page-about .figma-story-tags__plus {
  min-width: 20px;
  min-height: 20px;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.42);
  font-size: 20px;
  font-weight: 400;
}

.ta-page-about .figma-partner-card--labs ul[aria-label="Kompetencje EvoLabs"] {
  gap: 8px;
}

.ta-page-about .figma-partner-card--labs ul[aria-label="Kompetencje EvoLabs"] li {
  min-height: 38px;
  padding: 9px 12px;
  border-color: rgba(37, 99, 235, 0.3);
  border-radius: 8px;
  background: rgba(37, 99, 235, 0.08);
  color: #60a5fa;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
}

.ta-page-about .figma-about-mission__check--3 img {
  transform: rotate(180deg);
}

.ta-page-about .figma-market-section--about .figma-market-copy__label {
  border: 1px solid rgba(45, 212, 191, 0.5);
  background: rgba(45, 212, 191, 0.1);
  color: #2dd4bf;
}

.ta-page-about .figma-market-section--about .figma-market-metric__value {
  background: linear-gradient(90deg, #06b6d4 0%, #10b981 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ta-page-about .figma-trust-section--about .figma-trust-card {
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 20px;
}

.ta-page-about .figma-trust-section--about .figma-trust-card__icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: linear-gradient(135deg, #2563eb, #3b82f6);
}

.ta-page-about .figma-trust-section--about .figma-trust-card:nth-child(2) .figma-trust-card__icon {
  background: linear-gradient(135deg, #2563eb, #06b6d4);
}

.ta-page-about .figma-trust-section--about .figma-trust-card:nth-child(3) .figma-trust-card__icon {
  background: linear-gradient(135deg, #06b6d4, #10b981);
}

.ta-page-about .figma-trust-section--about .figma-trust-card:nth-child(4) .figma-trust-card__icon {
  background: var(--ta-gradient-heading);
}

.ta-page-about .figma-trust-section--about .figma-trust-card__icon img {
  width: 28px;
  max-width: 28px;
  height: 28px;
  transform: rotate(180deg);
  transform-origin: center;
}

.ta-page-about .figma-trust-section--about .figma-trust-card h3 {
  font-size: 18px;
  line-height: 1.4;
}

.ta-page-about .figma-trust-section--about .figma-trust-card p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  line-height: 1.55;
}

/* Offer singles: Figma panel-row action fields (node 452:1469). */
.single-automation_area .figma-actions-section--panel-row .figma-action-item__icon {
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  padding: 25px;
  border: 1px solid transparent;
  border-radius: 16px;
  box-shadow: none;
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item__icon img {
  width: 28px;
  max-width: 28px;
  height: 28px;
  object-fit: contain;
  filter: none;
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item:nth-child(1) .figma-action-item__icon {
  border-color: rgba(37, 99, 235, 0.2);
  background: rgba(37, 99, 235, 0.1);
  box-shadow: none;
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item:nth-child(2) .figma-action-item__icon {
  border-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.2) 0%, rgba(6, 182, 212, 0.2) 100%);
  box-shadow: none;
}

.single-automation_area .figma-actions-section--panel-row .figma-action-item:nth-child(3) .figma-action-item__icon,
.single-automation_area .figma-actions-section--panel-row .figma-action-item:nth-child(4) .figma-action-item__icon {
  border-color: rgba(6, 182, 212, 0.2);
  background: rgba(6, 182, 212, 0.1);
  box-shadow: none;
}

.single-automation_area .figma-actions-panel__effect {
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.2), transparent 58%),
    linear-gradient(180deg, rgba(6, 182, 212, 0.045), rgba(10, 22, 40, 0));
}

.single-automation_area .figma-actions-panel__effect .figma-effect-label,
.single-automation_area .figma-erp-timeline__effect .figma-effect-label {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 7px;
  padding: 7px 12px;
  border: 1px solid rgba(96, 165, 250, 0.5);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.28), rgba(6, 182, 212, 0.24));
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.single-automation_area .figma-actions-panel__effect .figma-effect-label .figma-effect-label__icon,
.single-automation_area .figma-erp-timeline__effect .figma-effect-label .figma-effect-label__icon {
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.single-automation_area .figma-actions-panel__effect .figma-effect-label .figma-effect-label__icon::before,
.single-automation_area .figma-erp-timeline__effect .figma-effect-label .figma-effect-label__icon::before {
  content: "✦";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #60a5fa;
  font-size: 13px;
  line-height: 1;
}

/* ERP timeline: the final node visually connects with the effect card. */
.single-automation_area .figma-area-single--erp-timeline .figma-erp-timeline__track {
  bottom: 260px;
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-step__node {
  border-color: rgba(96, 165, 250, 0.24);
  background: #60a5fa;
  box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.16), 0 0 20px rgba(96, 165, 250, 0.55);
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-timeline__end {
  z-index: 4;
  height: 52px;
  margin: -9px auto -24px;
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-timeline__end::after {
  background: #2dd4bf;
  box-shadow: 0 0 0 9px rgba(45, 212, 191, 0.18), 0 0 26px rgba(45, 212, 191, 0.72);
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-timeline__effect {
  position: relative;
  z-index: 2;
  margin-top: 0;
  border: 1px solid rgba(96, 165, 250, 0.24);
  background: linear-gradient(90deg, #2563eb 0%, #06b6d4 100%);
}

.single-automation_area .figma-area-single--erp-timeline .figma-effect-card__background {
  z-index: 0;
  mix-blend-mode: soft-light;
  opacity: 0.5;
}

.single-automation_area .figma-area-single--erp-timeline .figma-effect-card__content {
  position: relative;
  z-index: 1;
}

.single-automation_area .figma-production-card {
  border: 1px solid rgba(96, 165, 250, 0.16);
  background:
    radial-gradient(circle at 78% 36%, rgba(37, 99, 235, 0.2), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015));
}

.single-automation_area .figma-production-card .production-card__decoration {
  opacity: 0.5;
}

/* Contact Form 7 required-field labels. */
.figma-contact-page .contact-form-label__text {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: baseline;
}

.figma-contact-page .contact-form-label__required {
  margin-left: 4px;
  color: #60a5fa;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .ta-page-uslugi .figma-trust-section__button .ta-button {
    width: 100%;
    justify-content: center;
  }

  .ta-page-about .figma-story-step__label {
    gap: 10px;
  }

  .ta-page-about .figma-story-step__label::before {
    width: 36px;
    flex-basis: 36px;
  }

  .ta-page-about .figma-story-tags {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .ta-page-about .figma-story-tags > span:not(.figma-story-tags__plus) {
    width: 100%;
  }

  .ta-page-about .figma-story-tags__plus {
    justify-self: center;
  }

  .ta-page-about .figma-trust-section--about .figma-trust-card {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 16px;
  }

  .ta-page-about .figma-trust-section--about .figma-trust-card__icon {
    width: 52px;
    height: 52px;
    border-radius: 13px;
  }

  .single-automation_area .figma-area-single--erp-timeline .figma-erp-timeline__end {
    margin: -16px 0 -20px -12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .figma-scroll-cue > span,
  .page-hero__scroll > span {
    animation: none;
  }
}


/* Source: assets/css/23-erp-figma-507.css */
/* Exact responsive implementation of Figma frame 507:1697 (04-Integracja ERP). */

.single-automation_area .figma-area-single--erp-timeline {
  background-color: #0a1628;
}

.single-automation_area .figma-area-single--erp-timeline > section:not(.figma-area-hero):not(.figma-actions-section) {
  background-color: transparent;
}

.single-automation_area .figma-area-single--erp-timeline .figma-area-hero {
  background: #0a1628;
}

body.ta-area-layout-erp-timeline .testimonials {
  background-color: transparent;
}

@media (min-width: 1200px) {
  body.ta-area-layout-erp-timeline .shared-footer__waves {
    top: 94px;
    height: 153.152px;
  }

  body.ta-area-layout-erp-timeline .shared-footer__wave-line {
    position: absolute;
    top: 0;
    left: -128px;
    width: 2071.57px;
    min-width: 2071.57px;
    max-width: none;
    height: 153.152px;
    object-fit: fill;
    transform: none;
  }
}

.single-automation_area .figma-area-single--erp-timeline .figma-area-hero__icon {
  width: 40px;
  height: 40px;
}

.single-automation_area .figma-area-single--erp-timeline .figma-area-hero__icon img {
  width: 25.0833px;
  max-width: none;
  height: 25.0833px;
}

.single-automation_area .figma-area-single--erp-timeline .figma-actions-section--erp-surface {
  background-color: #0a1628;
  background-image: url("../images/figma-audit/erp/actions-glow-field.png");
  background-repeat: no-repeat;
  background-position: center 24px;
  background-size: max(1440px, calc(100% + 128px)) 970px;
}

.single-automation_area .figma-area-single--erp-timeline .figma-actions-layout {
  width: 100%;
}

.single-automation_area .figma-area-single--erp-timeline .figma-actions-section--erp-timeline .section-heading h2 {
  font-size: clamp(32px, 3.1vw, 42px);
  line-height: 1.15;
}

.figma-erp-grid {
  display: grid;
  width: min(100%, 1152px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin: 48px auto 0;
}

.figma-erp-card {
  box-sizing: border-box;
  min-width: 0;
  min-height: 266px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  border: 0;
  border-radius: 24px;
  background: transparent;
  text-align: center;
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-card .figma-action-item__icon {
  box-sizing: border-box;
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  flex: 0 0 62px;
  padding: 1px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.2) 0%, rgba(6, 182, 212, 0.2) 100%);
  box-shadow: none;
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-card .figma-action-item__icon img {
  width: 28px;
  max-width: none;
  height: 28px;
  object-fit: contain;
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-card:first-child .figma-action-item__icon img {
  width: 25.0833px;
  height: 25.0833px;
}

.figma-erp-card h3 {
  margin: 32px 0 0;
  color: #fff;
  font-family: var(--ta-font);
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.figma-erp-card p {
  max-width: 100%;
  margin: 16px 0 0;
  color: #b8c5d6;
  font-family: var(--ta-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.figma-erp-card:nth-child(1) p {
  width: 410px;
}

.figma-erp-card:nth-child(2) p {
  width: 422px;
}

.figma-erp-card:nth-child(3) p {
  width: 500px;
}

.figma-erp-card:nth-child(4) p {
  width: 340px;
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-effect {
  width: min(100%, 1152px);
  min-height: 282px;
  margin: 48px auto 0;
  border-radius: 24px;
  background: linear-gradient(90deg, #2563eb 0%, #06b6d4 100%);
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-effect .figma-effect-card__background {
  inset: 0 auto auto 0;
  width: 100%;
  height: auto;
  object-fit: fill;
  mix-blend-mode: normal;
  opacity: 1;
  transform: translateY(-5.568%);
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-effect .figma-effect-card__content {
  width: 100%;
  max-width: 990px;
  padding: 72px 48px;
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-effect .figma-effect-label {
  box-sizing: border-box;
  width: 120px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid #fff;
  border-radius: 190px;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-effect .figma-effect-label__icon {
  width: 15px;
  max-width: none;
  height: 15px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-effect p {
  max-width: 894px;
  margin: 24px auto 0;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.45;
}

.single-automation_area .figma-area-single--erp-timeline .figma-erp-effect p strong {
  color: #fff;
  font-weight: 700;
}

@media (min-width: 1200px) {
  .single-automation_area .figma-area-single--erp-timeline .figma-actions-section--erp-timeline {
    min-height: 1182px;
    padding-block: 100px;
  }

  .single-automation_area .figma-area-single--erp-timeline .figma-actions-section--erp-surface + .figma-related-section {
    padding-top: 64px;
  }
}

@media (max-width: 991.98px) {
  .single-automation_area .figma-area-single--erp-timeline .figma-actions-section--erp-timeline {
    padding-block: 88px;
  }

  .figma-erp-grid {
    gap: 20px;
    margin-top: 40px;
  }

  .figma-erp-card {
    min-height: 244px;
    padding: 36px 24px 30px;
  }

  .figma-erp-card h3 {
    margin-top: 26px;
    font-size: 20px;
  }

  .figma-erp-card p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 21px;
  }

  .single-automation_area .figma-area-single--erp-timeline .figma-erp-effect {
    min-height: 244px;
    margin-top: 32px;
  }

  .single-automation_area .figma-area-single--erp-timeline .figma-erp-effect .figma-effect-card__content {
    padding: 52px 32px;
  }

  .single-automation_area .figma-area-single--erp-timeline .figma-erp-effect p {
    font-size: 23px;
  }
}

@media (max-width: 767.98px) {
  .single-automation_area .figma-area-single--erp-timeline .figma-actions-section--erp-timeline {
    padding-block: 72px;
  }

  .single-automation_area .figma-area-single--erp-timeline .figma-actions-section--erp-timeline .section-heading h2 {
    font-size: 32px;
  }

  .figma-erp-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin-top: 32px;
  }

  .figma-erp-card {
    min-height: 230px;
    padding: 32px 20px 28px;
    border-radius: 20px;
  }

  .single-automation_area .figma-area-single--erp-timeline .figma-erp-card .figma-action-item__icon {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
    padding: 14px;
    border-radius: 14px;
  }

  .single-automation_area .figma-area-single--erp-timeline .figma-erp-card .figma-action-item__icon img {
    width: 26px;
    height: 26px;
  }

  .single-automation_area .figma-area-single--erp-timeline .figma-erp-effect {
    min-height: 260px;
    border-radius: 20px;
  }

  .single-automation_area .figma-area-single--erp-timeline .figma-erp-effect .figma-effect-card__content {
    padding: 44px 20px;
  }

  .single-automation_area .figma-area-single--erp-timeline .figma-erp-effect p {
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.42;
  }
}

@media (max-width: 419.98px) {
  .single-automation_area .figma-area-single--erp-timeline .figma-actions-section--erp-timeline {
    padding-block: 64px;
  }

  .figma-erp-card p {
    font-size: 13px;
  }
}


/* Source: assets/css/24-multilingual.css */
.language-switcher {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 0;
  margin-left: -10px;
  padding-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.language-switcher__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 32px;
  color: rgba(255, 255, 255, 0.62);
  font-family: var(--ta-font-display);
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  text-decoration: none;
  transition: color 180ms ease, transform 180ms ease;
}

.language-switcher__link + .language-switcher__link::before {
  position: absolute;
  left: 0;
  color: rgba(255, 255, 255, 0.24);
  content: "/";
  transform: translateX(-50%);
}

.language-switcher__link:hover,
.language-switcher__link:focus-visible,
.language-switcher__link.is-current {
  color: #60a5fa;
}

.language-switcher__link:hover,
.language-switcher__link:focus-visible {
  transform: translateY(-2px);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .site-header__inner {
    gap: 20px;
  }

  .site-logo {
    width: 230px;
  }

  .site-navigation,
  .site-navigation__menu {
    gap: 18px;
  }

  .site-navigation__menu a {
    font-size: 13px;
  }
}

@media (max-width: 991.98px) {
  .language-switcher {
    margin: 6px 0 0;
    padding: 12px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-left: 0;
  }

  .language-switcher__link {
    min-width: 42px;
    min-height: 40px;
    font-size: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .language-switcher__link {
    transition: none;
  }
}


/* Source: assets/css/25-mobile-spacing.css */
/* Mobile vertical rhythm corrections shared by Polish and English templates. */

@media (max-width: 767.98px) {
  :root {
    --ta-mobile-section-space: 56px;
  }

  .ta-section {
    padding-block: var(--ta-mobile-section-space);
  }

  /* Home */
  .home .home-hero {
    padding-bottom: var(--ta-mobile-section-space);
  }

  /* Services and automation-area archive */
  .ta-page-uslugi .figma-service-feature {
    padding-block: var(--ta-mobile-section-space);
  }

  .ta-page-uslugi #zarzadzanie-procesami {
    padding-block: var(--ta-mobile-section-space);
  }

  .ta-page-uslugi .figma-service-note {
    padding-block: 0 24px;
  }

  .ta-page-uslugi .figma-areas-section,
  .ta-page-areas .figma-areas-section {
    padding-block: var(--ta-mobile-section-space);
  }

  .ta-page-uslugi .figma-partner-proof--services {
    padding-block: 32px 40px;
  }

  .ta-page-uslugi .figma-pressure-section {
    padding-block: 32px 12px;
  }

  :is(body.ta-page-uslugi, body.ta-page-areas) .figma-market-section {
    padding-block: 48px var(--ta-mobile-section-space);
  }

  .ta-page-uslugi .figma-trust-section {
    padding-block: 8px 24px;
  }

  .ta-page-uslugi .figma-trusted-section,
  body.ta-page-areas .figma-trusted-section {
    padding-top: 48px;
    padding-bottom: 24px;
  }

  body.ta-page-areas .figma-trusted-section {
    margin-top: 0;
  }

  /* About */
  .ta-page-about .figma-about-founders,
  .ta-page-about .figma-about-mission,
  .ta-page-about .figma-market-section--about,
  .ta-page-about .figma-trust-section--about {
    min-height: 0;
    padding-block: var(--ta-mobile-section-space);
  }

  .ta-page-about .figma-story-section {
    padding-block: var(--ta-mobile-section-space) 64px;
  }

  /* Contact */
  .ta-header-overlay .figma-contact-page {
    padding-bottom: 48px;
  }

  .figma-contact-page__grid {
    gap: 32px;
  }

  /* Automation-area singles */
  .single-automation_area .figma-actions-section--panel-row,
  .single-automation_area .figma-actions-section--erp-timeline {
    padding-block: var(--ta-mobile-section-space);
  }

  .single-automation_area .figma-area-single--erp-timeline .figma-actions-section--erp-timeline {
    padding-block: var(--ta-mobile-section-space);
  }

  .single-automation_area .figma-related-section {
    padding-block: 44px 32px;
  }

  .single-automation_area .figma-production-section {
    padding-block: 48px var(--ta-mobile-section-space);
  }

  .single-automation_area .figma-partner-proof--single {
    padding-block: var(--ta-mobile-section-space);
  }

  .single-automation_area .figma-trusted-section {
    padding-top: 48px;
    padding-bottom: 24px;
  }

  /* Shared testimonials, CTA and footer */
  .shared-footer:not(.shared-footer--compact) {
    padding-top: 40px;
  }

  .shared-footer__waves {
    top: 16px;
    height: 96px;
  }

  body.home .shared-footer:not(.shared-footer--compact) .testimonials,
  body:not(.home) .shared-footer:not(.shared-footer--compact) .testimonials {
    height: auto;
    padding-top: 112px;
    padding-bottom: 80px;
  }

  .global-cta {
    padding-block: 64px;
  }

  .site-footer {
    padding-block: 56px 28px;
  }

  .site-footer__inner {
    row-gap: 36px;
    column-gap: 0;
  }

  .site-footer__nav {
    gap: 32px;
  }

  .site-footer__credit {
    margin-top: 36px;
  }

  /* Keep the 404 focused without the desktop-height empty field. */
  .ta-header-overlay .not-found {
    min-height: 620px;
  }
}


/* Source: assets/css/26-case-study-portfolio.css */
/* Client-requested Services banner link. */
.ta-page-uslugi .figma-pressure-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ta-page-uslugi .figma-pressure-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 54px;
  margin-top: 26px;
  padding: 14px 28px;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.ta-page-uslugi .figma-pressure-card__button:hover,
.ta-page-uslugi .figma-pressure-card__button:focus-visible {
  background: #fff;
  color: #0a65d8;
  transform: translateY(-2px);
}

/* Figma 831:1603 - PMO case study. */
.ta-case-layout-portfolio-pmo {
  --pmo-bg: #0a172a;
  --pmo-panel: #101f34;
  --pmo-panel-deep: #09172a;
  --pmo-border: rgba(109, 140, 181, 0.27);
  --pmo-muted: rgba(255, 255, 255, 0.7);
  --pmo-soft: rgba(255, 255, 255, 0.46);
  --pmo-blue: #3478f6;
  --pmo-cyan: #06b6d4;
  --pmo-green: #10b981;
  background: var(--pmo-bg);
}

.ta-case-layout-portfolio-pmo .site-main {
  overflow: clip;
}

.pmo-case {
  position: relative;
  color: #fff;
  background:
    radial-gradient(circle at 8% 16%, rgba(10, 127, 176, 0.09), transparent 18%),
    radial-gradient(circle at 93% 35%, rgba(17, 158, 177, 0.055), transparent 21%),
    var(--pmo-bg);
}

.pmo-container {
  width: 100%;
  max-width: 1216px;
  margin-inline: auto;
  padding-inline: 32px;
}

.pmo-section {
  position: relative;
  padding-block: 126px;
}

.pmo-case h1,
.pmo-case h2,
.pmo-case h3,
.pmo-case p {
  margin-top: 0;
}

.pmo-case h1,
.pmo-case h2,
.pmo-case h3 {
  color: #fff;
  font-family: var(--ta-font-display);
  letter-spacing: 0;
}

.pmo-case p {
  color: var(--pmo-muted);
  font-family: var(--ta-font);
}

.pmo-label,
.pmo-module__label {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 12px;
  border: 1px solid rgba(52, 120, 246, 0.9);
  border-radius: 999px;
  color: #60a5fa;
  font: 700 11px/16px var(--ta-font-display);
  text-transform: uppercase;
}

.pmo-heading--center {
  max-width: 780px;
  margin-inline: auto;
  text-align: center;
}

.pmo-heading h2 {
  margin: 20px 0 24px;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.08;
}

.pmo-heading h2 strong {
  font-weight: 750;
}

.pmo-heading > p {
  max-width: 690px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.55;
}

.pmo-heading--split {
  display: grid;
  grid-template-columns: 526px 518px;
  gap: 108px;
  align-items: start;
}

.pmo-heading--split h2 {
  margin-bottom: 0;
  font-size: 42px;
}

.pmo-heading--split > div:last-child {
  padding-top: 8px;
}

.pmo-heading--split p {
  font-size: 16px;
  line-height: 1.5;
}

.pmo-heading--split .pmo-heading__lead {
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 18px;
}

.pmo-hero {
  position: relative;
  min-height: 714px;
  padding: 150px 0 81px;
  background:
    radial-gradient(circle at 88% 51%, rgba(12, 165, 194, 0.08), transparent 28%),
    radial-gradient(circle at 5% 22%, rgba(37, 99, 235, 0.07), transparent 24%);
}

.pmo-hero::after {
  content: "";
  position: absolute;
  inset: 0 0 auto auto;
  width: 460px;
  height: 600px;
  opacity: 0.32;
  background: linear-gradient(135deg, transparent 52%, rgba(22, 90, 176, 0.38) 52.2%, transparent 52.7%);
  pointer-events: none;
}

.pmo-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(500px, 1fr);
  gap: 48px;
  align-items: center;
}

.pmo-hero__copy h1 {
  margin: 20px 0 30px;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.35;
}

.pmo-hero__copy h1 strong {
  display: block;
  font-size: 46px;
  font-weight: 750;
  line-height: 1.15;
}

.pmo-hero__copy > p {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.45;
}

.pmo-hero__highlight {
  position: relative;
  padding: 28px;
  border: 1px solid rgba(53, 128, 255, 0.92);
  border-radius: 24px;
  color: rgba(255, 255, 255, 0.88);
  font: 600 16px/1.45 var(--ta-font);
  background: linear-gradient(105deg, rgba(21, 44, 77, 0.76), rgba(12, 54, 72, 0.74));
  overflow: hidden;
}

.pmo-hero__highlight::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, #2563eb, #06b6d4, #10b981);
}

.pmo-window {
  overflow: hidden;
  border: 1px solid var(--pmo-border);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(27, 44, 69, 0.93), rgba(12, 28, 48, 0.98));
}

.pmo-window__bar {
  min-height: 41px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 18px;
  border-bottom: 1px solid var(--pmo-border);
  color: rgba(255, 255, 255, 0.8);
  font: 500 12px/1 var(--ta-font);
}

.pmo-window__bar > span:last-child {
  justify-self: end;
}

.pmo-window__dots {
  display: flex;
  gap: 5px;
}

.pmo-window__dots i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ef4444;
}

.pmo-window__dots i:nth-child(2) { background: #f59e0b; }
.pmo-window__dots i:nth-child(3) { background: #10b981; }

.pmo-portfolio {
  box-shadow: 0 28px 80px rgba(2, 13, 29, 0.34);
}

.pmo-portfolio__body {
  padding: 16px;
}

.pmo-portfolio__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
}

.pmo-portfolio__stats > div {
  min-height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px;
  border: 1px solid rgba(71, 118, 185, 0.22);
  border-radius: 6px;
  background: rgba(37, 99, 235, 0.1);
}

.pmo-portfolio__stats strong {
  color: #3b82f6;
  font: 750 24px/1 var(--ta-font-display);
}

.pmo-portfolio__stats span {
  margin-top: 7px;
  color: var(--pmo-soft);
  font: 500 9px/1.15 var(--ta-font);
}

.pmo-portfolio__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-block: 12px;
}

.pmo-portfolio__tags span {
  padding: 5px 8px;
  border-radius: 4px;
  color: rgba(194, 210, 230, 0.66);
  font: 500 8px/1 var(--ta-font);
  background: rgba(8, 22, 42, 0.86);
}

.pmo-portfolio__tags span::before {
  content: "•";
  margin-right: 4px;
  color: #3478f6;
}

.pmo-data-card {
  padding: 15px 17px;
  border-radius: 6px;
  background: #08172a;
}

.pmo-data-card + .pmo-data-card {
  margin-top: 12px;
}

.pmo-data-card h3,
.pmo-mini-label {
  display: block;
  margin: 0 0 13px;
  color: rgba(175, 195, 220, 0.4);
  font: 700 7px/1 var(--ta-font);
  letter-spacing: 0.08em;
}

.pmo-timeline-row {
  display: grid;
  grid-template-columns: 66px 1fr;
  align-items: center;
  min-height: 23px;
}

.pmo-timeline-row span,
.pmo-load span,
.pmo-load b {
  color: rgba(179, 198, 221, 0.5);
  font: 500 10px/1 var(--ta-font);
}

.pmo-timeline-row i {
  position: relative;
  height: 7px;
  border-radius: 1px;
  background: rgba(255, 255, 255, 0.05);
}

.pmo-timeline-row i::after {
  content: "";
  position: absolute;
  top: 0;
  left: var(--start);
  width: calc(var(--length) * 0.4);
  height: 100%;
  background: #3478f6;
}

.pmo-timeline-row:nth-of-type(4) i::after { background: #2dd4bf; }
.pmo-timeline-row:nth-of-type(5) i::after { background: #f59e0b; }

.pmo-load {
  position: relative;
  display: grid;
  grid-template-columns: minmax(112px, 1fr) auto;
  gap: 4px 10px;
  align-items: center;
  margin-top: 9px;
}

.pmo-load b {
  justify-self: end;
  font-weight: 600;
}

.pmo-load i {
  grid-column: 1 / -1;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}

.pmo-load u {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #3478f6;
  text-decoration: none;
}

.pmo-load u.is-danger { background: #ef4444; }
.pmo-load u.is-warning { background: #f59e0b; }
.pmo-load u.is-success { background: #34d399; }

.pmo-challenge {
  padding: 80px 0 62px;
}

.pmo-challenge__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 58px;
}

.pmo-info-card {
  min-height: 113px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: center;
  padding: 20px;
  border: 1px solid var(--pmo-border);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(24, 39, 62, 0.76), rgba(11, 26, 46, 0.87));
}

.pmo-icon {
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  border-radius: 10px;
}

.pmo-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.pmo-icon--gradient {
  background: linear-gradient(135deg, #2563eb, #3b82f6 55%, #10b9a3);
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.19);
}

.pmo-info-card:nth-child(2) .pmo-icon,
.pmo-info-card:nth-child(3) .pmo-icon { background: linear-gradient(135deg, #1f76ee, #0fc1d0); }
.pmo-info-card:nth-child(4) .pmo-icon { background: linear-gradient(135deg, #19aecd, #35badf); }

.pmo-info-card h3 {
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
}

.pmo-info-card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.32;
}

.pmo-change {
  padding-top: 72px;
  padding-bottom: 75px;
}

.pmo-change__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 70px 178px;
  max-width: 996px;
  margin: 92px auto 86px;
}

.pmo-change-step {
  position: relative;
  min-height: 178px;
  padding: 24px 0 12px 78px;
}

.pmo-change-step:nth-child(even) {
  transform: translateY(114px);
}

.pmo-change-step:nth-child(2) { min-height: 226px; }
.pmo-change-step:nth-child(4) { min-height: 202px; }

.pmo-change-step__number {
  position: absolute;
  top: -8px;
  left: 104px;
  z-index: -1;
  color: rgba(255, 255, 255, 0.13);
  font: 800 208px/0.82 var(--ta-font);
}

.pmo-change-step .pmo-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 62px;
  height: 62px;
}

.pmo-change-step h3 {
  margin: 52px 0 16px;
  font-size: 24px;
  line-height: 1;
}

.pmo-change-step p {
  margin: 0;
  font-size: 16px;
  line-height: 1.52;
}

.pmo-effect {
  position: relative;
  width: min(1024px, 100%);
  min-height: 164px;
  display: grid;
  place-items: center;
  margin: 212px auto 0;
  overflow: hidden;
  border: 1px solid rgba(6, 182, 212, 0.95);
  border-color: #2467ea;
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(22, 51, 87, 0.82), rgba(15, 54, 76, 0.82));
  text-align: center;
}

.pmo-effect__waves {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.47;
}

.pmo-effect > div {
  position: relative;
  z-index: 1;
  padding: 16px 32px;
}

.pmo-effect__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 120px;
  justify-content: center;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  color: #fff;
  font: 700 13px/1 var(--ta-font-display);
  background: rgba(255, 255, 255, 0.24);
}

.pmo-effect__label img {
  width: 14px;
  height: 14px;
}

.pmo-effect p {
  margin: 20px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font: 300 28px/1.45 var(--ta-font-display);
}

.pmo-effect p strong {
  color: #fff;
  font-weight: 750;
}

.pmo-approach {
  padding-top: 80px;
  padding-bottom: 64px;
}

.pmo-approach__grid {
  display: grid;
  grid-template-columns: minmax(0, 612px) minmax(0, 484px);
  gap: 56px;
  margin-top: 48px;
}

.pmo-pillars {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid rgba(43, 151, 255, 0.68);
  border-radius: 8px;
  overflow: hidden;
}

.pmo-pillar {
  min-height: 212px;
  padding: 20px;
}

.pmo-pillar:nth-child(1) { border-right: 1px solid var(--pmo-border); }
.pmo-pillar:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--pmo-border); min-height: 178px; }

.pmo-icon--dark {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.085);
}

.pmo-icon--dark img {
  width: 24px;
  height: 24px;
}

.pmo-pillar h3 {
  margin: 24px 0 12px;
  font-size: 16px;
}

.pmo-pillar p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.pmo-connections {
  padding: 32px;
  border: 1px solid rgba(255, 255, 255, 0.045);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(33, 50, 76, 0.92), rgba(17, 34, 56, 0.94));
}

.pmo-connections h3 {
  margin-bottom: 32px;
  font-size: 20px;
}

.pmo-connections ul {
  display: grid;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pmo-connections li {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 13px;
  color: var(--pmo-muted);
  font: 400 16px/1.45 var(--ta-font);
}

.pmo-connections li img {
  width: 16px;
  height: 19px;
  object-fit: contain;
}

.pmo-system {
  padding-top: 80px;
  padding-bottom: 0;
}

.pmo-system > .pmo-container {
  padding-inline: 0;
}

.pmo-system__heading {
  min-height: 216px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 72px;
}

.pmo-modules {
  display: grid;
  gap: 0;
}

.pmo-module {
  position: relative;
  display: grid;
  grid-template-columns: 198px minmax(0, 1fr);
}

.pmo-module--pipeline { min-height: 388px; }
.pmo-module--scheduler { min-height: 843px; padding-block: 32px 80px; }
.pmo-module--resources { min-height: 1036px; padding-block: 32px 80px; }
.pmo-module--status { min-height: 751px; padding-block: 32px 80px; }
.pmo-module--cadence { min-height: 592px; padding-block: 32px 80px; }
.pmo-module--handbook { min-height: 780px; padding-block: 32px 80px; }

.pmo-module__number {
  color: rgba(255, 255, 255, 0.13);
  font: 700 120px/0.85 var(--ta-font);
}

.pmo-module__content {
  min-width: 0;
}

.pmo-module__label {
  position: relative;
  min-height: 0;
  padding: 0 0 0 76px;
  border: 0;
  border-radius: 0;
  color: #3b82f6;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: none;
}

.pmo-module__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 60px;
  height: 1px;
  background: #3478f6;
}

.pmo-module h3 {
  margin: 16px 0 20px;
  font-size: 30px;
  line-height: 1.2;
}

.pmo-module__text {
  max-width: 890px;
}

.pmo-module__text p {
  margin: 0;
  font-size: 18px;
  line-height: 1.625;
}

.pmo-module__text p + p {
  margin-top: 24px;
}

.pmo-pipeline {
  display: grid;
  grid-template-columns: repeat(11, auto);
  gap: 11px;
  align-items: center;
  margin-top: 40px;
}

.pmo-pipeline > div {
  width: 123px;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 14px 10px;
  border: 1px solid var(--pmo-border);
  border-radius: 12px;
  text-align: center;
  background: rgba(255, 255, 255, 0.025);
}

.pmo-pipeline strong,
.pmo-handbook__processes strong {
  display: grid;
  place-items: center;
  width: 34px;
  height: 30px;
  border-radius: 6px;
  color: #17bfd1;
  font: 700 12px/1 var(--ta-font-display);
  background: rgba(6, 182, 212, 0.16);
}

.pmo-pipeline span {
  color: var(--pmo-muted);
  font: 500 11px/1.25 var(--ta-font);
}

.pmo-pipeline i {
  color: rgba(255, 255, 255, 0.42);
  font-style: normal;
}

.pmo-scheduler,
.pmo-resource-grid,
.pmo-status-grid,
.pmo-cadence,
.pmo-handbook {
  margin-top: 32px;
}

.pmo-scheduler {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 29px;
  padding-bottom: 16px;
  border-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(156.69deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  backdrop-filter: blur(2px);
}
.pmo-cadence { margin-top: 29px; }
.pmo-handbook { margin-top: 15px; }

.pmo-panel-title {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px 8px 0 0;
  color: #fff;
  font: 600 14px/1.22 var(--ta-font-display);
  background: #111d2e;
}

.pmo-panel-body {
  padding: 18px;
}

.pmo-scheduler__flow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
  justify-content: center;
  padding-inline: 16px;
}

.pmo-scheduler__flow > div {
  min-height: 50px;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 16px 8px 8px;
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  background: rgba(59, 130, 246, 0.1);
}

.pmo-scheduler__flow strong {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  color: #fff;
  font: 600 14px/20px var(--ta-font);
  background: rgba(59, 130, 246, 0.22);
}

.pmo-scheduler__flow span {
  color: #fff;
  font: 400 13px/1.18 var(--ta-font-display);
}

.pmo-scheduler__flow > img {
  width: 9.554px;
  height: 9.67px;
  transform: scaleY(-1);
}

.pmo-scheduler__chart {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-inline: 16px;
  padding: 24px;
  border: 1px solid #122643;
  border-radius: 8px;
  background: #0a1628;
}

.pmo-scheduler__chart > .pmo-mini-label {
  margin: 0;
  color: #788399;
  font: 500 10px/1.22 var(--ta-font);
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.pmo-scheduler__rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: min(862px, 100%);
}

.pmo-scheduler__rows > div {
  display: grid;
  grid-template-columns: 169px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 18px;
}

.pmo-scheduler__rows span {
  color: #788399;
  font: 400 14px/1.22 var(--ta-font);
  letter-spacing: 0.5px;
}

.pmo-scheduler__rows i {
  position: relative;
  height: 18px;
  border-radius: 4px;
  background: #142031;
}

.pmo-scheduler__rows u {
  position: absolute;
  left: var(--bar-start);
  width: var(--bar-width);
  height: 100%;
  border-radius: 4px;
  background: var(--bar-color);
  text-decoration: none;
}

.pmo-resource-grid,
.pmo-status-grid,
.pmo-handbook {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.pmo-resource-grid > .pmo-window,
.pmo-status-grid > .pmo-window,
.pmo-handbook > .pmo-window {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 16px;
  border-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  backdrop-filter: blur(2px);
}

.pmo-resource-grid > .pmo-window:not(.pmo-capacity),
.pmo-status-grid > .pmo-window {
  height: 378px;
}

.pmo-resource-grid > .pmo-window:first-child .pmo-panel-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-inline: 16px;
  padding: 24px;
  border: 1px solid #122643;
  border-radius: 8px;
  background: #0a1628;
}

.pmo-resource-grid .pmo-mini-label {
  margin: 0;
  color: #6b7280;
  font: 500 10px/1.22 var(--ta-font);
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.pmo-resource-loads {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pmo-resource-grid .pmo-load {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin: 0;
}

.pmo-resource-grid .pmo-load span,
.pmo-resource-grid .pmo-load b {
  color: #788399;
  font: 400 14px/1.22 var(--ta-font);
  letter-spacing: 0.5px;
}

.pmo-resource-grid .pmo-load i {
  height: 10px;
  border-radius: 9px;
  background: #2b3140;
}

.pmo-resource-grid .pmo-load u {
  border-radius: 9px;
  background: var(--load-color);
}

.pmo-scenarios {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px;
}

.pmo-scenarios > div {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 24px;
  border: 1px solid #122643;
  border-radius: 8px;
  color: #788399;
  font: 400 14px/20px var(--ta-font);
  letter-spacing: 0.5px;
  background: #0a1628;
}

.pmo-scenarios > div:last-child {
  min-height: 49px;
  border-color: rgba(59, 130, 246, 0.3);
  color: #60a5fa;
  background: rgba(59, 130, 246, 0.1);
}

.pmo-capacity {
  grid-column: 1 / -1;
}

.pmo-capacity__chart {
  height: 246px;
  display: grid;
  grid-template-columns: repeat(8, 42px);
  justify-content: space-between;
  align-items: end;
  margin: 0 16px;
  padding: 24px;
  border: 1px solid #122643;
  border-radius: 8px;
  background: #0a1628;
}

.pmo-capacity__chart > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #788399;
  font: 400 14px/17px var(--ta-font);
  letter-spacing: 0.5px;
}

.pmo-capacity__chart i {
  width: 42px;
  height: 148px;
  display: flex;
  align-items: flex-end;
}

.pmo-capacity__chart u {
  display: block;
  width: 100%;
  border-radius: 6px 6px 0 0;
  background: var(--capacity-color);
  text-decoration: none;
}

.pmo-status-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px;
}

.pmo-status-list > div {
  min-height: 54px;
  display: grid;
  grid-template-columns: 16px 1fr auto;
  gap: 8px;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #122643;
  border-radius: 8px;
  background: #0a1628;
}

.pmo-status-list img {
  width: 16px;
  height: 16px;
}

.pmo-status-list strong,
.pmo-status-list span {
  font: 400 14px/20px var(--ta-font-display);
}

.pmo-table {
  padding: 0 16px 16px;
}

.pmo-table > div {
  min-height: 51px;
  display: grid;
  grid-template-columns: 63px 78px 113px minmax(90px, 1fr) 61px;
  gap: 0;
  align-items: center;
  border-top: 1px solid #2b3645;
  color: #738094;
  font: 400 14px/20px var(--ta-font-display);
}

.pmo-table .pmo-table__head {
  min-height: 26px;
  border-top: 0;
  color: #738094;
  font: 400 12px/16px var(--ta-font);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.pmo-table strong { font-weight: 400; }
.pmo-table strong,
.pmo-status-list .is-success { color: #35ce8f; }
.pmo-table .is-blue,
.pmo-status-list .is-blue { color: #4476ff; }
.pmo-table .is-warning,
.pmo-status-list .is-warning { color: #f1901d; }
.pmo-table .is-danger,
.pmo-status-list .is-danger { color: #fb0f46; }

.pmo-cadence {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pmo-cadence__days {
  display: flex;
  gap: 12px;
  align-items: stretch;
  width: 100%;
}

.pmo-cadence__days article {
  min-width: 0;
  min-height: 107px;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 21px 10px;
  border: 1px solid rgba(255, 255, 255, 0.19);
  border-radius: 12px;
  text-align: center;
  background: rgba(255, 255, 255, 0.04);
}

.pmo-cadence__days article > span,
.pmo-handbook__features span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-bottom: 12px;
  border-radius: 8px;
  background: rgba(6, 182, 212, 0.22);
}

.pmo-cadence__days img,
.pmo-handbook__features img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.pmo-cadence__days strong {
  margin-bottom: 4px;
  color: #fff;
  font: 500 14px/20px var(--ta-font);
}

.pmo-cadence__days p {
  margin: 0;
  color: #ced5dd;
  font: 400 14px/20px var(--ta-font);
}

.pmo-cadence__days > img {
  width: 18.016px;
  height: 28px;
  flex: 0 0 18.016px;
  align-self: center;
  object-fit: contain;
}

.pmo-cadence__feedback {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 21px 10px;
  border: 1px solid rgba(255, 255, 255, 0.19);
  border-radius: 12px;
  color: #fff;
  background: rgba(255, 255, 255, 0.04);
}

.pmo-cadence__feedback > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 8px;
  background: rgba(6, 182, 212, 0.22);
}

.pmo-cadence__feedback img {
  width: 16px;
  height: 16px;
}

.pmo-cadence__feedback strong {
  font: 500 14px/20px var(--ta-font);
}

.pmo-handbook__features,
.pmo-handbook__processes {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px;
}

.pmo-handbook__features > div,
.pmo-handbook__processes > div {
  min-height: 50px;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border: 1px solid #122643;
  border-radius: 8px;
  background: #0a1628;
}

.pmo-handbook__features > div {
  gap: 16px;
  padding: 16px;
}

.pmo-handbook__features span {
  width: 32px;
  height: 32px;
  margin: 0;
  border-radius: 4px;
}

.pmo-handbook__features p,
.pmo-handbook__processes p {
  margin: 0;
  color: #fff;
  font: 400 14px/20px var(--ta-font-display);
}

.pmo-handbook__processes strong {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 4px;
  color: #06b6d4;
  font: 600 14px/20px var(--ta-font);
  background: rgba(6, 182, 212, 0.22);
}

.pmo-results {
  padding-top: 155px;
  padding-bottom: 85px;
}

.pmo-result-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 70px;
}

.pmo-result-stats article {
  position: relative;
  min-height: 178px;
  padding: 34px;
  overflow: hidden;
  border: 1px solid var(--pmo-border);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(30, 46, 70, 0.82), rgba(12, 28, 49, 0.92));
}

.pmo-result-stats article::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.38;
  background: linear-gradient(135deg, transparent 65%, rgba(51, 121, 243, 0.3) 65.3%, transparent 65.8%);
}

.pmo-result-stats strong {
  position: relative;
  z-index: 1;
  color: #13c5b1;
  font: 750 48px/1 var(--ta-font-display);
}

.pmo-result-stats p {
  position: relative;
  z-index: 1;
  max-width: 260px;
  margin: 20px 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.pmo-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 72px 80px;
  margin-top: 72px;
  padding-inline: 24px;
}

.pmo-benefits .pmo-icon--teal {
  width: 54px;
  height: 54px;
  background: linear-gradient(145deg, #102e4d, #103f58);
}

.pmo-benefits h3 {
  margin: 26px 0 12px;
  font-size: 17px;
}

.pmo-benefits p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.pmo-case__wave {
  position: relative;
  height: 232px;
  margin-top: -80px;
  overflow: hidden;
}

.pmo-case__wave::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent, rgba(10, 28, 49, 0.28));
}

.pmo-case__wave img {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: max(1440px, 100%);
  max-width: none;
  height: auto;
  transform: translateX(-50%);
  opacity: 0.82;
}

.pmo-case-cta {
  min-height: 538px;
  padding: 88px 0 100px;
  background:
    radial-gradient(ellipse at 35% 100%, rgba(37, 99, 235, 0.38), transparent 47%),
    var(--pmo-bg);
}

.pmo-case-cta__grid {
  display: grid;
  grid-template-columns: 612px 484px;
  gap: 56px;
  align-items: center;
  padding-inline: 0;
}

.pmo-case-cta h2 {
  margin-bottom: 40px;
  font-size: 38px;
  font-weight: 300;
  line-height: 1.14;
}

.pmo-case-cta h2 strong {
  font-weight: 750;
}

.pmo-case-cta .ta-button {
  min-height: 56px;
  padding-inline: 27px;
}

.pmo-case-cta__grid > p {
  margin: 0;
  text-align: right;
  font-size: 19px;
  line-height: 1.5;
}

.ta-case-layout-portfolio-pmo .shared-footer--compact .site-footer {
  border-top: 0;
}

@media (max-width: 1100px) {
  .pmo-container { padding-inline: 28px; }
  .pmo-system > .pmo-container { padding-inline: 28px; }
  .pmo-case-cta__grid { grid-template-columns: 1.15fr 0.85fr; gap: 60px; padding-inline: 28px; }
  .pmo-hero__grid { grid-template-columns: 0.9fr 1.1fr; gap: 42px; }
  .pmo-hero__copy h1 { font-size: 39px; }
  .pmo-change__grid { gap: 38px 90px; }
  .pmo-pipeline { grid-template-columns: repeat(6, 1fr); }
  .pmo-pipeline i { display: none; }
  .pmo-pipeline > div { width: auto; }
  .pmo-scheduler__flow { grid-template-columns: repeat(5, 1fr); }
  .pmo-scheduler__flow > img { display: none; }
  .pmo-cadence__days { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .pmo-cadence__days article { width: auto; }
  .pmo-cadence__days > img { display: none; }
}

@media (max-width: 900px) {
  .pmo-section { padding-block: 100px; }
  .pmo-hero { padding: 132px 0 90px; }
  .pmo-hero__grid,
  .pmo-heading--split,
  .pmo-approach__grid,
  .pmo-case-cta__grid { grid-template-columns: 1fr; }
  .pmo-hero__grid { gap: 64px; }
  .pmo-hero__copy { max-width: 660px; }
  .pmo-portfolio { max-width: 680px; }
  .pmo-heading--split { gap: 38px; }
  .pmo-heading--split > div:last-child { max-width: 620px; }
  .pmo-challenge__grid { grid-template-columns: repeat(2, 1fr); }
  .pmo-info-card,
  .pmo-info-card:nth-child(4) { grid-column: auto; }
  .pmo-info-card:last-child { grid-column: 1 / -1; }
  .pmo-change__grid { gap: 30px 54px; }
  .pmo-change-step:nth-child(even) { transform: translateY(65px); }
  .pmo-effect { margin-top: 130px; }
  .pmo-module { grid-template-columns: 100px minmax(0, 1fr); }
  .pmo-module__number { font-size: 74px; }
  .pmo-resource-grid,
  .pmo-status-grid,
  .pmo-handbook { grid-template-columns: 1fr; }
  .pmo-resource-grid > .pmo-window:not(.pmo-capacity),
  .pmo-status-grid > .pmo-window { height: auto; }
  .pmo-capacity { grid-column: auto; }
  .pmo-table > div { grid-template-columns: 0.7fr 0.75fr 1.2fr 1fr 0.7fr; }
  .pmo-benefits { gap: 56px 36px; }
  .pmo-case-cta__grid { gap: 44px; }
  .pmo-case-cta__grid > p { max-width: 620px; text-align: left; }
}

@media (max-width: 767px) {
  .pmo-container { padding-inline: 20px; }
  .pmo-section { padding-block: 76px; }
  .pmo-heading h2,
  .pmo-heading--split h2 { font-size: 34px; }
  .pmo-heading > p { font-size: 15px; }
  .pmo-hero { min-height: 0; padding: 116px 0 74px; }
  .pmo-hero__grid { gap: 48px; }
  .pmo-hero__copy h1 { font-size: 36px; }
  .pmo-hero__copy > p { font-size: 14px; }
  .pmo-hero__highlight { padding: 22px; font-size: 14px; }
  .pmo-challenge { padding-top: 84px; }
  .pmo-challenge__grid { gap: 14px; margin-top: 48px; }
  .pmo-info-card { min-height: 132px; grid-template-columns: 48px 1fr; gap: 14px; padding: 16px; }
  .pmo-info-card .pmo-icon { width: 48px; height: 48px; }
  .pmo-info-card .pmo-icon img { width: 24px; height: 24px; }
  .pmo-change { padding-top: 92px; }
  .pmo-change__grid { gap: 70px; margin: 64px auto 0; }
  .pmo-change-step:nth-child(even) { transform: none; }
  .pmo-effect { min-height: 220px; margin-top: 90px; }
  .pmo-effect p { font-size: 24px; }
  .pmo-approach { padding-top: 92px; }
  .pmo-approach__grid { margin-top: 52px; }
  .pmo-pillars { grid-template-columns: 1fr; }
  .pmo-pillar:nth-child(1) { border-right: 0; border-bottom: 1px solid var(--pmo-border); }
  .pmo-pillar:nth-child(3) { grid-column: auto; }
  .pmo-system { padding-top: 100px; }
  .pmo-system__heading { margin-bottom: 88px; }
  .pmo-modules { gap: 112px; }
  .pmo-module { grid-template-columns: 1fr; }
  .pmo-module__number { position: absolute; top: -25px; right: 0; font-size: 70px; }
  .pmo-module h3 { padding-right: 40px; font-size: 24px; }
  .pmo-pipeline { grid-template-columns: repeat(3, 1fr); }
  .pmo-scheduler__flow { flex-direction: column; align-items: stretch; }
  .pmo-scheduler__flow > div { width: 100%; }
  .pmo-scheduler__rows > div { grid-template-columns: 120px minmax(0, 1fr); }
  .pmo-capacity__chart { grid-template-columns: repeat(8, minmax(28px, 42px)); gap: 12px; padding-inline: 16px; }
  .pmo-capacity__chart i { width: 100%; }
  .pmo-status-grid,
  .pmo-resource-grid,
  .pmo-handbook { gap: 14px; }
  .pmo-cadence__days { grid-template-columns: repeat(2, 1fr); }
  .pmo-cadence__days article:last-of-type { grid-column: 1 / -1; }
  .pmo-result-stats { grid-template-columns: 1fr; gap: 14px; margin-top: 52px; }
  .pmo-result-stats article { min-height: 145px; }
  .pmo-benefits { grid-template-columns: repeat(2, 1fr); gap: 48px 26px; padding-inline: 0; }
  .pmo-case__wave { height: 180px; }
  .pmo-case-cta { padding-block: 74px; }
  .pmo-case-cta h2 { font-size: 32px; }
  .pmo-case-cta__grid > p { font-size: 17px; }
}

@media (max-width: 520px) {
  .ta-page-uslugi .figma-pressure-card__button { width: 100%; margin-top: 20px; padding-inline: 18px; font-size: 14px; }
  .pmo-container { padding-inline: 16px; }
  .pmo-hero__copy h1 { font-size: 32px; }
  .pmo-portfolio__body { padding: 12px; }
  .pmo-portfolio__stats { gap: 6px; }
  .pmo-portfolio__stats > div { min-height: 64px; padding: 9px; }
  .pmo-portfolio__stats strong { font-size: 20px; }
  .pmo-timeline-row { grid-template-columns: 58px 1fr; }
  .pmo-challenge__grid { grid-template-columns: 1fr; }
  .pmo-info-card:last-child { grid-column: auto; }
  .pmo-change__grid { grid-template-columns: 1fr; }
  .pmo-change-step { padding-left: 64px; }
  .pmo-change-step__number { left: 72px; }
  .pmo-effect > div { padding: 24px 18px; }
  .pmo-effect p { font-size: 21px; }
  .pmo-connections { padding: 26px 20px; }
  .pmo-pipeline { grid-template-columns: repeat(2, 1fr); }
  .pmo-pipeline > div { min-height: 102px; }
  .pmo-scheduler__chart { margin: 10px; padding: 14px; overflow-x: auto; }
  .pmo-scheduler__rows { min-width: 440px; }
  .pmo-capacity__chart { height: 222px; grid-template-columns: repeat(8, minmax(20px, 1fr)); gap: 7px; margin: 0 10px; padding: 14px 8px; }
  .pmo-capacity__chart i { width: 100%; }
  .pmo-table { overflow-x: auto; }
  .pmo-table > div { min-width: 520px; }
  .pmo-cadence { padding: 0; }
  .pmo-cadence__days { grid-template-columns: 1fr; }
  .pmo-cadence__days article:last-of-type { grid-column: auto; }
  .pmo-benefits { grid-template-columns: 1fr; }
  .pmo-result-stats strong { font-size: 42px; }
  .pmo-case-cta .ta-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .ta-page-uslugi .figma-pressure-card__button { transition: none; }
}

/* Figma 831:1603 - approved-source PL fidelity pass. */
.ta-case-layout-portfolio-pmo .pmo-heading--center {
  width: min(864px, 100%);
  max-width: 864px;
}

.ta-case-layout-portfolio-pmo .pmo-heading h2 {
  margin: 16px auto 24px;
  line-height: 1.15;
}

.ta-case-layout-portfolio-pmo .pmo-heading > p {
  width: min(706px, 100%);
  max-width: 706px;
  font-family: var(--ta-font-display);
  font-size: 18px;
  line-height: 1.55;
}

.ta-case-layout-portfolio-pmo .pmo-data-card {
  border: 1px solid #122643;
  border-radius: 8px;
  background: #0a1628;
}

.ta-case-layout-portfolio-pmo .pmo-data-card h3 {
  margin: 0;
  color: #6b7280;
  font: 500 10px/1.22 var(--ta-font);
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.ta-case-layout-portfolio-pmo .pmo-data-card--timeline h3 {
  margin-bottom: 12px;
}

.ta-case-layout-portfolio-pmo .pmo-timeline-row {
  min-height: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.ta-case-layout-portfolio-pmo .pmo-timeline-row + .pmo-timeline-row {
  margin-top: 8px;
}

.ta-case-layout-portfolio-pmo .pmo-timeline-row span {
  width: 56px;
  flex: 0 0 56px;
  color: #6b7280;
  font: 400 13px/1.22 var(--ta-font);
  letter-spacing: 0.5px;
}

.ta-case-layout-portfolio-pmo .pmo-timeline-row i {
  width: min(284px, calc(100% - 72px));
  height: 8px;
  flex: 0 1 284px;
  border-radius: 2px;
  background: #142031;
}

.ta-case-layout-portfolio-pmo .pmo-timeline-row i::after {
  left: var(--start);
  width: var(--length);
  border-radius: 2px;
  background: var(--bar-color);
}

.ta-case-layout-portfolio-pmo .pmo-data-card--loads h3 {
  margin-bottom: 14px;
}

.ta-case-layout-portfolio-pmo .pmo-data-card--loads .pmo-load {
  min-height: 16px;
  display: grid;
  grid-template-columns: 131px minmax(0, 1fr) auto;
  grid-template-areas: "label bar value";
  gap: 8px;
  margin: 0;
}

.ta-case-layout-portfolio-pmo .pmo-data-card--loads .pmo-load + .pmo-load {
  margin-top: 12px;
}

.ta-case-layout-portfolio-pmo .pmo-data-card--loads .pmo-load span {
  grid-area: label;
}

.ta-case-layout-portfolio-pmo .pmo-data-card--loads .pmo-load b {
  grid-area: value;
}

.ta-case-layout-portfolio-pmo .pmo-data-card--loads .pmo-load span,
.ta-case-layout-portfolio-pmo .pmo-data-card--loads .pmo-load b {
  color: #738094;
  font: 400 13px/1.22 var(--ta-font);
}

.ta-case-layout-portfolio-pmo .pmo-data-card--loads .pmo-load i {
  grid-area: bar;
  height: 6px;
  align-self: center;
  overflow: hidden;
  border-radius: 9px;
  background: #2b3140;
}

.ta-case-layout-portfolio-pmo .pmo-data-card--loads .pmo-load u {
  width: var(--fill) !important;
  border-radius: 9px;
}

.ta-case-layout-portfolio-pmo .pmo-data-card--loads .pmo-load u.is-danger { background: #e9343e; }
.ta-case-layout-portfolio-pmo .pmo-data-card--loads .pmo-load u.is-warning { background: #f1901d; }
.ta-case-layout-portfolio-pmo .pmo-data-card--loads .pmo-load u.is-blue { background: #2b5de6; }
.ta-case-layout-portfolio-pmo .pmo-data-card--loads .pmo-load u.is-success { background: #35ce8f; }

.ta-case-layout-portfolio-pmo .pmo-challenge {
  padding-bottom: 80px;
}

.ta-case-layout-portfolio-pmo .pmo-heading--split h2 {
  margin: 16px 0 0;
  line-height: 1.15;
}

.ta-case-layout-portfolio-pmo .pmo-heading--split > div:last-child {
  padding-top: 0;
}

.ta-case-layout-portfolio-pmo .pmo-heading--split p {
  line-height: 1.45;
}

.ta-case-layout-portfolio-pmo .pmo-info-card {
  border-color: rgba(255, 255, 255, 0.15);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
}

.ta-case-layout-portfolio-pmo .pmo-info-card .pmo-icon {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.22), 0 12px 28px rgba(37, 99, 235, 0.2);
}

.ta-case-layout-portfolio-pmo .pmo-info-card:nth-child(1) .pmo-icon,
.ta-case-layout-portfolio-pmo .pmo-info-card:nth-child(5) .pmo-icon {
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
}

.ta-case-layout-portfolio-pmo .pmo-info-card:nth-child(2) .pmo-icon,
.ta-case-layout-portfolio-pmo .pmo-info-card:nth-child(4) .pmo-icon {
  background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);
}

.ta-case-layout-portfolio-pmo .pmo-info-card:nth-child(3) .pmo-icon {
  background: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);
}

.ta-case-layout-portfolio-pmo .pmo-info-card .pmo-icon img {
  width: 24px;
  height: 24px;
}

.ta-case-layout-portfolio-pmo .pmo-info-card h3 {
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 18px;
  font-weight: 500;
}

.ta-case-layout-portfolio-pmo .pmo-info-card p {
  color: #b8c5d6;
  font-family: var(--ta-font);
}

.ta-case-layout-portfolio-pmo .pmo-change-step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
  padding: 0;
}

.ta-case-layout-portfolio-pmo .pmo-change-step__number {
  top: 77px;
  left: -8px;
  z-index: -1;
  color: #94b2f1;
  font-family: var(--ta-font);
  font-size: 208px;
  font-weight: 900;
  line-height: 1.52;
  opacity: 0.13;
  transform: translateY(-50%);
}

.ta-case-layout-portfolio-pmo .pmo-change-step .pmo-icon {
  position: static;
  width: 62px;
  height: 62px;
  border-radius: 8px;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  box-shadow: 0 4px 3px rgba(59, 130, 246, 0.3), 0 10px 7.5px rgba(59, 130, 246, 0.3);
}

.ta-case-layout-portfolio-pmo .pmo-change-step .pmo-icon img {
  width: 28px;
  height: 28px;
}

.ta-case-layout-portfolio-pmo .pmo-change-step h3 {
  margin: 0 0 -12px;
  font-family: var(--ta-font);
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.ta-case-layout-portfolio-pmo .pmo-change-step p {
  color: #b8c5d6;
  font-family: var(--ta-font);
  font-size: 16px;
  line-height: 1.52;
}

.ta-case-layout-portfolio-pmo .pmo-change {
  padding-bottom: 43px;
}

.ta-case-layout-portfolio-pmo .pmo-effect {
  min-height: 230px;
  margin-top: 181px;
  border-color: #2467ea;
  background: linear-gradient(167.34deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
}

.ta-case-layout-portfolio-pmo .pmo-effect > div {
  padding: 48px 32px;
}

.ta-case-layout-portfolio-pmo .pmo-effect__label {
  gap: 6px;
  border-color: #fff;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.6px;
  background: rgba(255, 255, 255, 0.18);
}

.ta-case-layout-portfolio-pmo .pmo-pillars {
  border-color: #3b82f6;
}

.ta-case-layout-portfolio-pmo .pmo-icon--dark {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.08));
}

.ta-case-layout-portfolio-pmo .pmo-pillar h3 {
  color: #fff;
  font-family: var(--ta-font);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.ta-case-layout-portfolio-pmo .pmo-pillar p {
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--ta-font-display);
  line-height: 1.45;
}

.ta-case-layout-portfolio-pmo .pmo-connections {
  border-color: rgba(255, 255, 255, 0.16);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.ta-case-layout-portfolio-pmo .pmo-connections li {
  line-height: 1.4;
}

.ta-case-layout-portfolio-pmo .pmo-module__number {
  color: transparent;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.05) 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.ta-case-layout-portfolio-pmo .pmo-result-stats {
  gap: 16px;
  margin-top: 40px;
}

.ta-case-layout-portfolio-pmo .pmo-result-stats article {
  min-height: 199px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 34px;
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
}

.ta-case-layout-portfolio-pmo .pmo-result-stats article::after {
  opacity: 1;
  background: url("../images/figma-audit/case-portfolio/result-card-lines-a.svg") right bottom / auto 100% no-repeat;
}

.ta-case-layout-portfolio-pmo .pmo-result-stats article:nth-child(2)::after {
  background-image: url("../images/figma-audit/case-portfolio/result-card-lines-b.svg");
}

.ta-case-layout-portfolio-pmo .pmo-result-stats strong {
  color: transparent;
  font-family: var(--ta-font);
  font-size: 64px;
  font-weight: 800;
  line-height: 1.05;
  background: linear-gradient(90deg, #06b6d4 0%, #10b981 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.ta-case-layout-portfolio-pmo .pmo-result-stats p {
  margin: 0;
  color: #fff;
  font-family: var(--ta-font-display);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.32;
}

.ta-case-layout-portfolio-pmo .pmo-benefits {
  gap: 24px;
  margin-top: 40px;
  padding-inline: 0;
}

.ta-case-layout-portfolio-pmo .pmo-benefits article {
  min-height: 206px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  padding: 24px;
}

.ta-case-layout-portfolio-pmo .pmo-benefits article:nth-child(-n + 3) {
  min-height: 230px;
}

.ta-case-layout-portfolio-pmo .pmo-benefits .pmo-icon--teal {
  width: 62px;
  height: 62px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(37, 99, 235, 0.2), rgba(6, 182, 212, 0.2));
}

.ta-case-layout-portfolio-pmo .pmo-benefits .pmo-icon--teal img {
  width: 28px;
  height: 28px;
}

.ta-case-layout-portfolio-pmo .pmo-benefits h3 {
  margin: 0 0 -20px;
  color: #fff;
  font-family: var(--ta-font);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.ta-case-layout-portfolio-pmo .pmo-benefits p {
  margin: 0;
  color: #b8c5d6;
  font-family: var(--ta-font);
  font-size: 16px;
  line-height: 1.52;
}

.ta-case-layout-portfolio-pmo .pmo-case__wave {
  height: 231.152px;
}

.ta-case-layout-portfolio-pmo .pmo-case__wave::before {
  display: none;
}

.ta-case-layout-portfolio-pmo .pmo-case__wave img {
  left: 0;
  width: 2071.57px;
  height: 153.152px;
  max-width: none;
  opacity: 1;
  transform: none;
}

@media (min-width: 1101px) {
  .ta-case-layout-portfolio-pmo .pmo-hero {
    height: 793px;
    min-height: 793px;
    padding: 160px 0 80px;
    box-sizing: border-box;
  }

  .ta-case-layout-portfolio-pmo .pmo-hero__grid {
    grid-template-columns: 540px 550px;
    gap: 62px;
    align-items: start;
  }

  .ta-case-layout-portfolio-pmo .pmo-hero__copy {
    width: 540px;
  }

  .ta-case-layout-portfolio-pmo .pmo-hero__copy h1 {
    width: 651px;
    margin: 16px 0 32px;
  }

  .ta-case-layout-portfolio-pmo .pmo-hero__copy h1 strong {
    margin-top: 6px;
  }

  .ta-case-layout-portfolio-pmo .pmo-hero__copy > p {
    width: 540px;
    margin-bottom: 21px;
  }

  .ta-case-layout-portfolio-pmo .pmo-hero__highlight {
    width: 540px;
    min-height: 125px;
    box-sizing: border-box;
  }

  .ta-case-layout-portfolio-pmo .pmo-portfolio {
    width: 550px;
    height: 553px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 16px;
    box-sizing: border-box;
  }

  .ta-case-layout-portfolio-pmo .pmo-portfolio__body {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    padding: 0 16px;
  }

  .ta-case-layout-portfolio-pmo .pmo-portfolio__stats {
    height: 66px;
    gap: 8px;
  }

  .ta-case-layout-portfolio-pmo .pmo-portfolio__stats > div {
    min-height: 66px;
  }

  .ta-case-layout-portfolio-pmo .pmo-portfolio__tags {
    min-height: 58px;
    align-content: flex-start;
    margin: 0;
  }

  .ta-case-layout-portfolio-pmo .pmo-portfolio__tags span {
    font-size: 14px;
  }

  .ta-case-layout-portfolio-pmo .pmo-data-card {
    margin: 0;
  }

  .ta-case-layout-portfolio-pmo .pmo-data-card--timeline {
    height: 144px;
    padding: 16px;
  }

  .ta-case-layout-portfolio-pmo .pmo-data-card--loads {
    height: 174px;
    padding: 24px;
  }

  .ta-case-layout-portfolio-pmo .pmo-challenge {
    height: 666px;
    box-sizing: border-box;
  }

  .ta-case-layout-portfolio-pmo .pmo-challenge__grid {
    height: 242px;
    margin-top: 58px;
  }

  .ta-case-layout-portfolio-pmo .pmo-info-card {
    height: 113px;
    min-height: 113px;
  }

  .ta-case-layout-portfolio-pmo .pmo-change {
    height: 1258px;
    padding-top: 80px;
    box-sizing: border-box;
  }

  .ta-case-layout-portfolio-pmo .pmo-change__grid {
    align-items: start;
    margin: 67px auto 86px;
  }

  .ta-case-layout-portfolio-pmo .pmo-effect {
    height: 230px;
    margin-top: 194px;
  }

  .ta-case-layout-portfolio-pmo .pmo-approach {
    height: 830px;
    box-sizing: border-box;
  }

  .ta-case-layout-portfolio-pmo .pmo-approach .pmo-heading--center {
    min-height: 184px;
  }

  .ta-case-layout-portfolio-pmo .pmo-approach__grid {
    margin-top: 40px;
  }

  .ta-case-layout-portfolio-pmo .pmo-modules {
    width: 1152px;
  }

  .ta-case-layout-portfolio-pmo .pmo-system {
    height: 4758px;
    box-sizing: border-box;
  }

  .ta-case-layout-portfolio-pmo .pmo-system__heading {
    height: 216px;
    min-height: 216px;
  }

  .ta-case-layout-portfolio-pmo .pmo-system__heading h2 {
    margin-top: 12px;
    margin-bottom: 20px;
  }

  .ta-case-layout-portfolio-pmo .pmo-module {
    width: 1152px;
    grid-template-columns: 66.656px 66px minmax(0, 954px);
    column-gap: 32px;
  }

  .ta-case-layout-portfolio-pmo .pmo-module__number {
    grid-column: 1 / span 2;
    width: 164.656px;
  }

  .ta-case-layout-portfolio-pmo .pmo-module__content {
    grid-column: 3;
    width: 954px;
  }

  .ta-case-layout-portfolio-pmo .pmo-module--pipeline { height: 388px; }
  .ta-case-layout-portfolio-pmo .pmo-module--scheduler { height: 843px; min-height: 843px; }
  .ta-case-layout-portfolio-pmo .pmo-module--resources { height: 1036px; }
  .ta-case-layout-portfolio-pmo .pmo-module--status { height: 751px; }
  .ta-case-layout-portfolio-pmo .pmo-module--cadence { height: 592px; }
  .ta-case-layout-portfolio-pmo .pmo-module--handbook { height: 780px; }

  .ta-case-layout-portfolio-pmo .pmo-module__text {
    max-width: 874px;
  }

  .ta-case-layout-portfolio-pmo .pmo-module--scheduler .pmo-module__text {
    max-width: 834px;
  }

  .ta-case-layout-portfolio-pmo .pmo-results {
    height: 1123px;
    padding: 80px 0;
    box-sizing: border-box;
  }

  .ta-case-layout-portfolio-pmo .pmo-result-stats {
    grid-template-columns: repeat(3, 373.333px);
  }

  .ta-case-layout-portfolio-pmo .pmo-result-stats article {
    height: 199px;
    min-height: 199px;
    box-sizing: border-box;
  }

  .ta-case-layout-portfolio-pmo .pmo-benefits {
    grid-template-columns: repeat(3, 368px);
  }

  .ta-case-layout-portfolio-pmo .pmo-case-cta {
    height: 538px;
    min-height: 538px;
    padding: 160px 0 128px;
    box-sizing: border-box;
    background:
      radial-gradient(ellipse at 35% 100%, rgba(37, 99, 235, 0.38), transparent 47%),
      linear-gradient(135deg, #0a1628 0%, #0d1b2a 50%, #0a1628 100%);
  }

  .ta-case-layout-portfolio-pmo .pmo-case-cta__grid {
    grid-template-columns: 647px 537px;
    gap: 32px;
    align-items: start;
  }

  .ta-case-layout-portfolio-pmo .pmo-case-cta h2 {
    margin-bottom: 48px;
    font-size: 38px;
    line-height: 1.15;
  }

  .ta-case-layout-portfolio-pmo .pmo-case-cta .ta-button {
    min-height: 58px;
    gap: 16px;
    padding: 16px 22px;
    border-radius: 12px;
    font-family: var(--ta-font-display);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
  }

  .ta-case-layout-portfolio-pmo .pmo-case-cta__grid > p {
    min-height: 117px;
    color: #b8c5d6;
    font-family: var(--ta-font);
    font-size: 24px;
    line-height: 39px;
  }
}

@media (max-width: 1100px) {
  .ta-case-layout-portfolio-pmo .pmo-change-step {
    gap: 24px;
  }

  .ta-case-layout-portfolio-pmo .pmo-change-step h3 {
    margin-bottom: -8px;
  }

  .ta-case-layout-portfolio-pmo .pmo-results {
    padding-top: 100px;
  }
}

@media (max-width: 767px) {
  .ta-case-layout-portfolio-pmo .pmo-heading > p {
    font-size: 15px;
  }

  .ta-case-layout-portfolio-pmo .pmo-change-step {
    min-height: 0;
  }

  .ta-case-layout-portfolio-pmo .pmo-effect {
    min-height: 220px;
    margin-top: 90px;
  }

  .ta-case-layout-portfolio-pmo .pmo-effect > div {
    padding: 32px 20px;
  }

  .ta-case-layout-portfolio-pmo .pmo-result-stats article {
    min-height: 178px;
  }

  .ta-case-layout-portfolio-pmo .pmo-benefits article,
  .ta-case-layout-portfolio-pmo .pmo-benefits article:nth-child(-n + 3) {
    min-height: 0;
  }

  .ta-case-layout-portfolio-pmo .pmo-case__wave img {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 520px) {
  .ta-case-layout-portfolio-pmo .pmo-change-step {
    padding-left: 0;
  }

  .ta-case-layout-portfolio-pmo .pmo-change-step__number {
    left: -8px;
  }

  .ta-case-layout-portfolio-pmo .pmo-result-stats strong {
    font-size: 52px;
  }
}


/* Source: assets/css/27-client-section-spacing.css */
/* Client correction: preserve the designed gap between testimonials and the final CTA. */
@media (min-width: 768px) {
  body:not(.home) .shared-footer:not(.shared-footer--compact) .testimonials {
    height: auto;
    min-height: 758px;
    padding-bottom: clamp(120px, 10vw, 180px);
  }
}


/* Source: assets/css/28-privacy-policy.css */
/* Bilingual privacy policy pages. */

.ta-page-privacy .site-main {
  position: relative;
  overflow: hidden;
  background: #071629;
}

.privacy-policy-page {
  position: relative;
  padding: 176px 0 112px;
  isolation: isolate;
}

.privacy-policy-page::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
  background:
    radial-gradient(circle at 9% 10%, rgba(37, 99, 235, 0.13), transparent 25%),
    radial-gradient(circle at 92% 36%, rgba(6, 182, 212, 0.09), transparent 24%),
    linear-gradient(142deg, transparent 0 74%, rgba(37, 99, 235, 0.08) 74.1%, transparent 74.8%);
}

.privacy-policy-page__inner {
  position: relative;
}

.privacy-policy-content {
  width: min(100%, 940px);
  margin: 0 auto;
}

.privacy-policy-content h1 {
  margin: 88px 0 48px;
  color: #fff;
  font-size: clamp(2.5rem, 5vw, 4.75rem);
  font-weight: 700;
  line-height: 1.05;
  text-align: left;
}

.privacy-policy-content h2 {
  margin: 64px 0 20px;
  padding-top: 28px;
  border-top: 1px solid rgba(96, 165, 250, 0.2);
  color: #fff;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  font-weight: 650;
  line-height: 1.25;
  text-align: left;
}

.privacy-policy-content h3 {
  margin: 32px 0 14px;
  color: #60a5fa;
  font-size: 1.125rem;
  font-weight: 650;
  line-height: 1.5;
  text-align: left;
}

.privacy-policy-content p {
  max-width: none;
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1rem;
  line-height: 1.8;
}

.privacy-policy-content .privacy-policy__greeting {
  margin-bottom: 28px;
  color: #fff;
  font-size: 1.25rem;
}

.privacy-policy-content .privacy-policy__bullet {
  padding-left: 20px;
  color: rgba(255, 255, 255, 0.76);
}

.privacy-policy-content strong {
  color: #fff;
}

.privacy-policy-content a {
  color: #60a5fa;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color 180ms ease;
}

.privacy-policy-content a:hover,
.privacy-policy-content a:focus-visible {
  color: #2dd4bf;
}

.contact-form-wrap .wpcf7-acceptance a {
  color: #60a5fa;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.contact-form-wrap .wpcf7-acceptance a:hover,
.contact-form-wrap .wpcf7-acceptance a:focus-visible {
  color: #2dd4bf;
}

@media (max-width: 767px) {
  .privacy-policy-page {
    padding: 124px 0 72px;
  }

  .privacy-policy-content h1 {
    margin: 56px 0 36px;
    font-size: 2.4rem;
  }

  .privacy-policy-content h2 {
    margin-top: 48px;
    padding-top: 22px;
    font-size: 1.45rem;
  }

  .privacy-policy-content h3 {
    margin-top: 26px;
    font-size: 1.05rem;
  }

  .privacy-policy-content p {
    margin-bottom: 18px;
    font-size: 0.95rem;
    line-height: 1.72;
  }
}


/* Source: assets/css/29-global-motion.css */
/* Shared motion language for every front-end template and locale. */
.ta-motion-enabled .ta-motion-item {
  --ta-motion-delay: 0ms;
  opacity: 0;
  translate: 0 22px;
  filter: blur(2px);
  transition:
    opacity 680ms cubic-bezier(0.22, 1, 0.36, 1) var(--ta-motion-delay),
    translate 760ms cubic-bezier(0.22, 1, 0.36, 1) var(--ta-motion-delay),
    filter 560ms ease var(--ta-motion-delay);
  will-change: opacity, translate, filter;
}

.ta-motion-enabled .ta-motion-item--left {
  translate: -28px 0;
}

.ta-motion-enabled .ta-motion-item--right {
  translate: 28px 0;
}

.ta-motion-enabled .ta-motion-item--soft {
  translate: 0 12px;
  filter: blur(1px);
}

.ta-motion-enabled .ta-motion-item.is-motion-visible {
  opacity: 1;
  translate: 0 0;
  filter: blur(0);
}

.ta-motion-enabled .ta-motion-item.is-motion-complete {
  will-change: auto;
}

/* Data bars grow from their real Figma dimensions, without changing layout. */
.ta-motion-enabled .ta-motion-chart .pmo-timeline-row i,
.ta-motion-enabled .ta-motion-chart .pmo-load u,
.ta-motion-enabled .ta-motion-chart .pmo-scheduler__rows u {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 760ms cubic-bezier(0.22, 1, 0.36, 1) var(--ta-bar-delay, 160ms);
}

.ta-motion-enabled .ta-motion-chart .pmo-capacity__chart u {
  transform: scaleY(0);
  transform-origin: center bottom;
  transition: transform 760ms cubic-bezier(0.22, 1, 0.36, 1) var(--ta-bar-delay, 160ms);
}

.ta-motion-enabled .ta-motion-chart.is-motion-visible .pmo-timeline-row i,
.ta-motion-enabled .ta-motion-chart.is-motion-visible .pmo-load u,
.ta-motion-enabled .ta-motion-chart.is-motion-visible .pmo-scheduler__rows u {
  transform: scaleX(1);
}

.ta-motion-enabled .ta-motion-chart.is-motion-visible .pmo-capacity__chart u {
  transform: scaleY(1);
}

/* Technical diagrams receive restrained ambient movement after their entrance. */
@keyframes ta-diagram-drift {
  0%,
  100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -5px;
  }
}

@keyframes ta-hero-machine-drift {
  0%,
  100% {
    translate: 0 0;
  }
  50% {
    translate: 4px -4px;
  }
}

.ta-motion-enabled .home-hero__visual.is-motion-visible .home-hero__image {
  animation: ta-hero-machine-drift 7.2s ease-in-out 900ms infinite;
}

.ta-motion-enabled .split-feature__visual.is-motion-visible .split-feature__image,
.ta-motion-enabled .figma-service-feature__visual.is-motion-visible .figma-service-feature__image {
  animation: ta-diagram-drift 7.6s ease-in-out 850ms infinite;
}

/* Microinteractions retain the existing component geometry. */
.ta-button,
.figma-areas-more a,
.story-card__link,
.site-footer a {
  transition:
    color 200ms ease,
    border-color 200ms ease,
    background-color 200ms ease,
    box-shadow 240ms ease,
    translate 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.ta-button__icon,
.figma-areas-more a > :last-child,
.story-card__link > :last-child {
  transition: translate 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .ta-button:hover,
  .ta-button:focus-visible {
    translate: 0 -2px;
  }

  .ta-button:hover .ta-button__icon,
  .ta-button:focus-visible .ta-button__icon,
  .figma-areas-more a:hover > :last-child,
  .figma-areas-more a:focus-visible > :last-child,
  .story-card__link:hover > :last-child,
  .story-card__link:focus-visible > :last-child {
    translate: 4px 0;
  }

  .pmo-info-card,
  .pmo-pillar,
  .pmo-result-stats article,
  .pmo-benefits article {
    transition:
      border-color 240ms ease,
      box-shadow 240ms ease,
      translate 260ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .pmo-info-card:hover,
  .pmo-pillar:hover,
  .pmo-result-stats article:hover,
  .pmo-benefits article:hover {
    translate: 0 -4px;
    border-color: rgba(96, 165, 250, 0.46);
    box-shadow: 0 18px 42px rgba(4, 15, 30, 0.24);
  }
}

@media (max-width: 767.98px) {
  .ta-motion-enabled .ta-motion-item,
  .ta-motion-enabled .ta-motion-item--left,
  .ta-motion-enabled .ta-motion-item--right {
    translate: 0 14px;
    filter: none;
    transition-duration: 520ms;
  }

  .ta-motion-enabled .ta-motion-item.is-motion-visible {
    translate: 0 0;
  }

  .ta-motion-enabled .home-hero__visual.is-motion-visible .home-hero__image,
  .ta-motion-enabled .split-feature__visual.is-motion-visible .split-feature__image,
  .ta-motion-enabled .figma-service-feature__visual.is-motion-visible .figma-service-feature__image {
    animation-duration: 6.4s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ta-motion-item,
  .ta-motion-chart .pmo-timeline-row i,
  .ta-motion-chart .pmo-load u,
  .ta-motion-chart .pmo-scheduler__rows u,
  .ta-motion-chart .pmo-capacity__chart u {
    opacity: 1;
    translate: none;
    transform: none;
    filter: none;
    animation: none;
    transition: none;
  }
}


/* Source: assets/css/30-requested-updates.css */
/* Requested cross-page updates: full-height heroes, owner cards and richer image motion. */

.home .home-hero,
.page-hero,
.figma-page-hero,
.figma-area-hero,
.figma-contact-page,
.pmo-hero {
  min-height: 100vh;
  min-height: 100svh;
}

.home .home-hero {
  display: grid;
  height: auto;
  align-items: center;
  padding-block: 96px 56px;
}

.home .home-hero__grid,
.page-hero__inner,
.figma-page-hero__inner,
.figma-area-hero__inner,
.figma-contact-page__grid,
.pmo-hero__grid {
  align-items: center;
}

.home .home-hero__grid {
  position: relative;
  z-index: 1;
  height: auto;
  min-height: calc(100svh - 152px);
}

.home .home-hero__copy {
  margin-top: 0;
}

.home .home-hero__visual {
  align-self: center;
}

.home .home-hero__machine {
  position: relative;
  z-index: 2;
  display: block;
  width: min(100%, 520px);
  max-width: 100%;
}

.home .home-hero__machine .home-hero__image {
  position: relative;
  inset: auto;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  opacity: 1;
  filter: none;
}

.home .home-hero__gear {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.home .home-hero__gear--large {
  transform-origin: 26.2327% 80.0296%;
}

.home .home-hero__gear--small {
  transform-origin: 37.6726% 92.8994%;
}

.home .home-hero__ai-chip {
  position: absolute;
  z-index: 4;
  top: 40.53%;
  left: 64.3%;
  display: block;
  width: 22.09%;
  height: auto;
  opacity: 0.96;
  pointer-events: none;
  filter: hue-rotate(-6deg) saturate(1.08) brightness(1.05) drop-shadow(0 0 12px rgba(46, 130, 255, 0.32));
  transform-origin: center;
}

.ta-header-overlay .page-hero,
.ta-header-overlay.ta-page-uslugi .figma-page-hero,
.ta-header-overlay.ta-page-areas .figma-page-hero,
.ta-header-overlay.single-automation_area .figma-area-hero,
.ta-header-overlay .figma-contact-page,
.ta-header-overlay .not-found {
  min-height: 100vh;
  min-height: 100svh;
}

.ta-header-overlay .page-hero,
.ta-header-overlay.ta-page-uslugi .figma-page-hero,
.ta-header-overlay.ta-page-areas .figma-page-hero,
.ta-header-overlay.single-automation_area .figma-area-hero,
.ta-header-overlay .not-found {
  padding-top: 96px;
}

.ta-header-overlay .figma-contact-page {
  padding-top: 118px;
  padding-bottom: 64px;
}

.figma-partner-card__avatar,
.figma-person-card__avatar {
  position: relative;
  display: block;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid rgba(96, 165, 250, 0.44);
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(21, 42, 70, 0.95), rgba(8, 22, 39, 0.95));
  box-shadow: none;
}

.figma-partner-card__avatar,
.figma-person-card__avatar {
  width: 72px;
  height: 72px;
}

.figma-partner-card__avatar::after,
.figma-person-card__avatar::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
  pointer-events: none;
}

.figma-partner-card__avatar img,
.figma-person-card__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.figma-partner-card__avatar--strategy img,
.figma-person-card__avatar--strategy img {
  object-position: 50% 24%;
}

.figma-partner-card__avatar--labs img,
.figma-person-card__avatar--labs img {
  object-position: 50% 18%;
}

.figma-partner-card p {
  color: var(--ta-muted);
  margin-top: 24px;
}

@keyframes ta-hero-lines-enter {
  0% {
    opacity: 0;
    transform: translate3d(86px, -66px, 0) scale(0.98);
  }

  100% {
    opacity: 0.62;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes ta-hero-dots-enter {
  0% {
    opacity: 0;
    transform: translate3d(-34px, 28px, 0) scale(0.9);
  }

  100% {
    opacity: 0.72;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes ta-hero-ai-blue-pulse {
  0%,
  100% {
    opacity: 0.86;
    filter: hue-rotate(-8deg) saturate(1.08) brightness(1.04) drop-shadow(0 0 10px rgba(44, 126, 255, 0.28));
    transform: translate3d(0, 0, 0) scale(1);
  }

  48% {
    opacity: 1;
    filter: hue-rotate(24deg) saturate(1.7) brightness(1.22) drop-shadow(0 0 26px rgba(74, 153, 255, 0.68));
    transform: translate3d(0, -1px, 0) scale(1.085);
  }

  72% {
    opacity: 0.92;
    filter: hue-rotate(10deg) saturate(1.34) brightness(1.12) drop-shadow(0 0 18px rgba(37, 99, 235, 0.46));
    transform: translate3d(0, 0, 0) scale(1.025);
  }
}

@keyframes ta-hero-gear-clockwise {
  to {
    transform: rotate(1turn);
  }
}

@keyframes ta-hero-gear-counterclockwise {
  to {
    transform: rotate(-1turn);
  }
}

@keyframes ta-image-breathe {
  0%,
  100% {
    translate: 0 0;
    scale: 1;
  }

  50% {
    translate: 0 -4px;
    scale: 1.012;
  }
}

@keyframes ta-orbit-pulse {
  0%,
  100% {
    opacity: 0.8;
    scale: 1;
  }

  50% {
    opacity: 1;
    scale: 1.035;
  }
}

@keyframes ta-background-lines-drift {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(-16px, 12px, 0);
  }
}

@keyframes ta-hero-background-lines-float {
  0%,
  100% {
    background-position:
      calc(50% + 250px) -90px,
      calc(50% + 420px) -140px;
  }

  50% {
    background-position:
      calc(50% + 238px) -80px,
      calc(50% + 432px) -152px;
  }
}

.home .home-hero::before,
.home .home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.home .home-hero::before {
  background:
    linear-gradient(132deg, transparent 0 63%, rgba(45, 116, 255, 0.16) 63.08%, transparent 63.32%),
    linear-gradient(132deg, transparent 0 70%, rgba(19, 197, 216, 0.08) 70.08%, transparent 70.28%);
  background-position:
    calc(50% + 250px) -90px,
    calc(50% + 420px) -140px;
  background-size:
    780px 700px,
    820px 760px;
  background-repeat: no-repeat;
  opacity: 0.62;
}

.home .home-hero::after {
  background:
    radial-gradient(circle at 68% 24%, rgba(45, 116, 255, 0.58) 0 3px, transparent 4px),
    radial-gradient(circle at 76% 17%, rgba(45, 116, 255, 0.42) 0 2px, transparent 3px),
    radial-gradient(circle at 84% 34%, rgba(19, 197, 216, 0.26) 0 3px, transparent 4px),
    radial-gradient(circle at 88% 22%, rgba(96, 165, 250, 0.2) 0 2px, transparent 3px);
  opacity: 0.72;
}

.ta-motion-enabled .site-main::after {
  animation: ta-background-lines-drift 18s ease-in-out infinite;
  will-change: transform;
}

.ta-motion-enabled.home .home-hero::before {
  animation:
    ta-hero-lines-enter 900ms cubic-bezier(0.22, 1, 0.36, 1) both,
    ta-hero-background-lines-float 14s ease-in-out 1s infinite;
}

.ta-motion-enabled :is(.page-hero, .figma-page-hero, .figma-area-hero)::after,
.ta-motion-enabled .figma-page-hero__decoration,
.ta-motion-enabled .figma-contact-page__decoration {
  animation: ta-hero-lines-enter 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.ta-motion-enabled .home .home-hero::after {
  animation: ta-hero-dots-enter 760ms cubic-bezier(0.22, 1, 0.36, 1) 160ms both;
}

.ta-motion-enabled .home .home-hero__geometry {
  animation: ta-hero-lines-enter 860ms cubic-bezier(0.22, 1, 0.36, 1) 220ms both;
}

.ta-motion-enabled .home .home-hero__ellipse--large {
  animation:
    ta-hero-dots-enter 720ms cubic-bezier(0.22, 1, 0.36, 1) 300ms both,
    ta-orbit-pulse 7.4s ease-in-out 1.1s infinite;
}

.ta-motion-enabled .home .home-hero__ellipse--small {
  animation:
    ta-hero-dots-enter 720ms cubic-bezier(0.22, 1, 0.36, 1) 420ms both,
    ta-orbit-pulse 6.8s ease-in-out 1.24s infinite;
}

.ta-motion-enabled .home-hero__visual.is-motion-visible .home-hero__image {
  animation: none;
  transform: none;
}

.ta-motion-enabled .home-hero__visual.is-motion-visible .home-hero__ai-chip {
  animation: ta-hero-ai-blue-pulse 3.9s ease-in-out 720ms infinite;
  transform-origin: center;
}

.ta-motion-enabled .home-hero__visual.is-motion-visible .home-hero__gear--large {
  animation: ta-hero-gear-clockwise 24s linear infinite;
}

.ta-motion-enabled .home-hero__visual.is-motion-visible .home-hero__gear--small {
  animation: ta-hero-gear-counterclockwise 18s linear infinite;
}

.ta-labeled-diagram {
  position: relative;
  display: inline-block;
  max-width: 100%;
  line-height: 0;
  vertical-align: top;
}

.ta-labeled-diagram > img {
  display: block;
}

@media (min-width: 1200px) {
  .ta-page-uslugi #zarzadzanie-procesami .ta-labeled-diagram--services-process {
    width: 584px;
    height: 500px;
  }
}

.ta-labeled-diagram__labels {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.ta-diagram-label {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.82);
  font-family: var(--ta-font-display);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 12px rgba(46, 122, 255, 0.2);
  white-space: nowrap;
}

.ta-labeled-diagram--home-orbit .ta-diagram-label--automation {
  left: 63.4%;
  top: 10%;
  width: 20.8%;
  height: 10.42%;
}

.ta-labeled-diagram--home-orbit .ta-diagram-label--scaling {
  left: 75%;
  top: 52.08%;
  width: 17.23%;
  height: 10.42%;
}

.ta-labeled-diagram--home-orbit .ta-diagram-label--processes {
  left: 19.57%;
  top: 72.92%;
  width: 13.73%;
  height: 10.42%;
}

.ta-labeled-diagram--home-network .ta-diagram-label--automation {
  left: 66.4%;
  top: 8%;
  width: 21.26%;
  height: 10%;
}

.ta-labeled-diagram--home-network .ta-diagram-label--ai {
  left: 93.18%;
  top: 36.33%;
  width: 6.82%;
  height: 10%;
}

.ta-labeled-diagram--home-network .ta-diagram-label--sales {
  left: 69.67%;
  top: 59.97%;
  width: 14.92%;
  height: 10%;
}

.ta-labeled-diagram--home-network .ta-diagram-label--processes {
  left: 55.53%;
  top: 77.96%;
  width: 13.52%;
  height: 10%;
}

.ta-labeled-diagram--services-process .ta-labeled-diagram__labels {
  inset: auto;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 590 / 520;
  transform: translateY(-50%);
}

.ta-labeled-diagram--services-process .ta-diagram-label {
  color: #8dbbfd;
  font-size: 14px;
  font-weight: 500;
  text-shadow: none;
}

.ta-labeled-diagram--services-process .ta-diagram-label--process,
.ta-labeled-diagram--services-process .ta-diagram-label--tests {
  color: #33d4e9;
}

.ta-labeled-diagram--services-process .ta-diagram-label--analysis {
  left: 42.03%;
  top: 5.96%;
  width: 15.93%;
  height: 9.23%;
}

.ta-labeled-diagram--services-process .ta-diagram-label--process {
  left: 14.24%;
  top: 51.54%;
  width: 15.59%;
  height: 9.23%;
}

.ta-labeled-diagram--services-process .ta-diagram-label--tests {
  left: 70.17%;
  top: 51.54%;
  width: 15.59%;
  height: 9.23%;
}

.ta-labeled-diagram--services-process .ta-diagram-label--scaling {
  left: 40.68%;
  top: 84.81%;
  width: 18.64%;
  height: 9.23%;
}

@keyframes ta-diagram-label-enter {
  0% {
    opacity: 0;
    filter: blur(3px);
    transform: translate3d(0, 14px, 0);
  }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

.ta-motion-enabled .split-feature__visual.is-motion-visible .split-feature__image,
.ta-motion-enabled .figma-service-feature__visual.is-motion-visible .figma-service-feature__image {
  animation:
    ta-diagram-drift 7.6s ease-in-out 850ms infinite,
    ta-image-breathe 5.8s ease-in-out 850ms infinite;
  transform-origin: center;
}

.ta-motion-enabled .split-feature__visual.is-motion-visible .ta-labeled-diagram,
.ta-motion-enabled .figma-service-feature__visual.is-motion-visible .ta-labeled-diagram {
  animation:
    ta-diagram-drift 7.6s ease-in-out 850ms infinite,
    ta-image-breathe 5.8s ease-in-out 850ms infinite;
  transform-origin: center;
}

.ta-motion-enabled .split-feature__visual.is-motion-visible .ta-labeled-diagram > .split-feature__image,
.ta-motion-enabled .figma-service-feature__visual.is-motion-visible .ta-labeled-diagram > .figma-service-feature__image {
  animation: none;
  transform: none;
}

.ta-motion-enabled .ta-diagram-label {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
}

.ta-motion-enabled .is-motion-visible .ta-diagram-label {
  animation: ta-diagram-label-enter 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--ta-motion-delay, 0ms) + 1280ms);
}

.ta-motion-enabled .is-motion-visible .ta-diagram-label:nth-child(2) {
  animation-delay: calc(var(--ta-motion-delay, 0ms) + 1420ms);
}

.ta-motion-enabled .is-motion-visible .ta-diagram-label:nth-child(3) {
  animation-delay: calc(var(--ta-motion-delay, 0ms) + 1560ms);
}

.ta-motion-enabled .is-motion-visible .ta-diagram-label:nth-child(4) {
  animation-delay: calc(var(--ta-motion-delay, 0ms) + 1700ms);
}

.ta-motion-enabled .is-motion-visible img:not(.site-logo__image):not(.home-hero__glow):not(.home-hero__geometry):not(.home-hero__ellipse):not(.home-hero__image):not(.home-hero__gear):not(.home-hero__ai-chip):not(.mission-connection__asset):not(.split-feature__image):not(.figma-service-feature__image):not(.ta-ambient-wave) {
  animation: ta-image-breathe 7.8s ease-in-out calc(var(--ta-motion-delay, 0ms) + 520ms) infinite;
  transform-origin: center;
  will-change: translate, scale;
}

@keyframes ta-wave-loop {
  0%,
  100% {
    translate: -0.4% 0;
    scale: 1 1;
  }

  30% {
    translate: 0.2% -4px;
    scale: 1 1.035;
  }

  60% {
    translate: 0.55% 1px;
    scale: 1 0.985;
  }

  82% {
    translate: -0.15% 3px;
    scale: 1 1.02;
  }
}

.ta-ambient-wave {
  animation: ta-wave-loop 16s ease-in-out infinite;
  transform-origin: 50% 50%;
  will-change: translate, scale;
}

.shared-footer__wave-line {
  animation-duration: 18s;
  animation-delay: -4s;
}

.blue-cta__waves {
  animation-duration: 17s;
  animation-delay: -7s;
}

.figma-pressure-card__waves {
  animation-duration: 19s;
  animation-delay: -10s;
}

.pmo-effect__waves {
  animation-duration: 15s;
  animation-delay: -5s;
}

.pmo-case__wave-image {
  animation-duration: 20s;
  animation-delay: -12s;
}

@media (min-width: 1200px) {
  .home .home-hero__machine {
    position: absolute;
    top: 120px;
    left: 0;
    width: 507px;
    height: 338px;
  }

  .home .home-hero__machine .home-hero__image {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 1199.98px) {
  .ta-labeled-diagram--home-orbit .ta-diagram-label,
  .ta-labeled-diagram--home-network .ta-diagram-label {
    font-size: 11.5px;
  }
}

@media (max-width: 767.98px) {
  .home .home-hero {
    padding-block: 112px 56px;
  }

  .home .home-hero__grid {
    min-height: calc(100svh - 168px);
  }

  .ta-header-overlay .page-hero,
  .ta-header-overlay.ta-page-uslugi .figma-page-hero,
  .ta-header-overlay.ta-page-areas .figma-page-hero,
  .ta-header-overlay.single-automation_area .figma-area-hero,
  .ta-header-overlay .not-found {
    padding-top: 112px;
  }

  .figma-partner-card__avatar,
  .figma-person-card__avatar {
    width: 64px;
    height: 64px;
  }

  .ta-labeled-diagram--home-orbit .ta-diagram-label,
  .ta-labeled-diagram--home-network .ta-diagram-label {
    font-size: 8.25px;
  }

  .ta-labeled-diagram--services-process .ta-diagram-label {
    font-size: 10px;
  }

  .ta-motion-enabled .mission-connection > .ta-motion-item--left {
    translate: -20px 0;
  }

  .ta-motion-enabled .mission-connection > .ta-motion-item--left.is-motion-visible {
    translate: 0 0;
  }

}

@media (prefers-reduced-motion: reduce) {
  .home .home-hero::before,
  .home .home-hero::after,
  .ta-motion-enabled .site-main::after,
  .ta-motion-enabled .home .home-hero__geometry,
  .ta-motion-enabled .home .home-hero__ellipse,
  .ta-motion-enabled .home-hero__visual.is-motion-visible .home-hero__image,
  .ta-motion-enabled .home-hero__visual.is-motion-visible .home-hero__gear,
  .ta-motion-enabled .home-hero__visual.is-motion-visible .home-hero__ai-chip,
  .ta-motion-enabled .split-feature__visual.is-motion-visible .ta-labeled-diagram,
  .ta-motion-enabled .figma-service-feature__visual.is-motion-visible .ta-labeled-diagram,
  .ta-motion-enabled .is-motion-visible .ta-diagram-label,
  .ta-motion-enabled .split-feature__visual.is-motion-visible .split-feature__image,
  .ta-motion-enabled .figma-service-feature__visual.is-motion-visible .figma-service-feature__image {
    animation: none;
    transform: none;
  }

  .ta-motion-enabled .is-motion-visible img:not(.ta-ambient-wave) {
    animation: none;
    translate: none;
    scale: none;
    will-change: auto;
  }

  .ta-ambient-wave {
    animation: none;
    translate: none;
    scale: none;
    will-change: auto;
  }

  .ta-motion-enabled .ta-diagram-label {
    opacity: 1;
  }
}

.ta-counter {
  min-inline-size: var(--ta-counter-min-width, auto);
  font-variant-numeric: tabular-nums;
}

.ta-counter--inline {
  display: inline-block;
}