.systems-service-page {
  --systems-deep: #173f3d;
  --systems-ink: #202625;
  --systems-teal: #50736b;
  --systems-coral: #bd7663;
  --systems-coral-soft: #e4b5a6;
  --systems-fog: #dfe9e4;
  --systems-cream: #f4efe8;
  --systems-lavender: #dedbe6;
  background: var(--systems-cream);
}

.systems-service-page em { color: var(--systems-teal); }

/* Hero: a free-standing data flow, intentionally unlike the service-page panels. */
.systems-hero { position: relative; padding: calc(var(--header-height) + var(--hero-space-top)) 0 var(--hero-space-bottom); overflow: hidden; background: radial-gradient(circle at 5% 58%, rgba(189, 118, 99, 0.12), transparent 26rem), radial-gradient(circle at 92% 18%, rgba(80, 115, 107, 0.17), transparent 33rem), linear-gradient(126deg, #f6f1eb 0%, #e3ebe7 100%); isolation: isolate; }
.systems-hero-gridlines { position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(rgba(23, 63, 61, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(23, 63, 61, 0.04) 1px, transparent 1px); background-size: 4.25rem 4.25rem; mask-image: linear-gradient(90deg, #000 0%, transparent 56%); pointer-events: none; }
.systems-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; margin-bottom: clamp(2.2rem, 4vw, 4rem); color: rgba(32, 38, 37, 0.54); font-family: var(--font-mono); font-size: var(--text-label); letter-spacing: 0.055em; text-transform: uppercase; }
.systems-breadcrumbs a { transition: color 180ms ease; }
.systems-breadcrumbs a:hover { color: var(--systems-deep); }
.systems-hero-layout { display: grid; align-items: center; grid-template-columns: minmax(30rem, 0.76fr) minmax(0, 0.9fr); gap: clamp(3rem, 7vw, 8rem); }
.systems-hero-copy { min-width: 0; }
.systems-hero h1 { max-width: 15ch; margin: 0; }
.systems-hero-intro { max-width: 720px; margin: 1.55rem 0 0; color: #4d5854; font-size: var(--text-lead); line-height: 1.7; }
.systems-hero-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2.1rem; }
.systems-hero-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 2.15rem 0 0; padding: 0; list-style: none; }
.systems-hero-tags li { padding: 0.52rem 0.82rem; border: 1px solid rgba(23, 63, 61, 0.16); border-radius: 999px; background: rgba(255, 255, 255, 0.4); color: #4c5b57; font-size: var(--text-label); font-weight: 520; }

.systems-hero-visual { position: relative; min-width: 0; min-height: 37rem; }
.systems-hero-visual::before { position: absolute; top: 50%; left: 48%; width: min(29rem, 82%); aspect-ratio: 1; border: 1px solid rgba(23, 63, 61, 0.09); border-radius: 50%; box-shadow: 0 0 0 4.8rem rgba(255, 255, 255, 0.1), 0 0 0 9.6rem rgba(23, 63, 61, 0.018); content: ""; transform: translate(-50%, -50%); }
.systems-data-lines { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; overflow: visible; }
.systems-data-lines path { fill: none; stroke: rgba(23, 63, 61, 0.28); stroke-dasharray: 7 9; stroke-linecap: round; stroke-width: 1.4; animation: systems-data-flow 12s linear infinite; vector-effect: non-scaling-stroke; }
.systems-data-lines path:nth-child(2), .systems-data-lines path:nth-child(5) { stroke: rgba(189, 118, 99, 0.38); animation-duration: 9s; }
.systems-data-input, .systems-data-output { position: absolute; z-index: 2; display: flex; min-height: 3.7rem; align-items: center; border: 1px solid rgba(23, 63, 61, 0.14); border-radius: 999px; background: rgba(248, 247, 243, 0.82); box-shadow: 0 0.9rem 2.2rem rgba(23, 63, 61, 0.08); backdrop-filter: blur(8px); }
.systems-data-input { width: 10.3rem; justify-content: center; padding: 0.55rem 1rem; flex-direction: column; gap: 0.1rem; }
.systems-data-input small { color: var(--systems-coral); font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.07em; text-transform: uppercase; }
.systems-data-input strong { color: #394542; font-size: var(--text-label); font-weight: 570; }
.systems-data-input-one { top: 13%; left: 0; }
.systems-data-input-two { top: 44%; left: -4%; }
.systems-data-input-three { bottom: 15%; left: 0; }
.systems-data-source { position: absolute; z-index: 3; top: 50%; left: 49%; display: grid; width: 9.2rem; aspect-ratio: 1; place-content: center; padding: 1rem; border: 1px solid rgba(255, 255, 255, 0.26); border-radius: 46% 54% 53% 47% / 43% 44% 56% 57%; background: var(--systems-deep); box-shadow: 0 1.8rem 4rem rgba(23, 63, 61, 0.22); color: #fff; text-align: center; transform: translate(-50%, -50%) rotate(-5deg); }
.systems-data-source::before { position: absolute; inset: -1.2rem; border: 1px solid rgba(23, 63, 61, 0.18); border-radius: 55% 45% 47% 53% / 52% 55% 45% 48%; content: ""; animation: systems-source-turn 18s linear infinite; }
.systems-data-source span { color: var(--systems-coral-soft); font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.08em; }
.systems-data-source strong { max-width: 8ch; justify-self: center; margin-top: 0.3rem; font-size: var(--text-action); font-weight: 540; line-height: 1.2; }
.systems-data-source i { position: absolute; top: 0.8rem; right: 1rem; width: 0.5rem; aspect-ratio: 1; border-radius: 50%; background: var(--systems-coral-soft); box-shadow: 0 0 0 0.55rem rgba(228, 181, 166, 0.11); }
.systems-data-output { right: 0; width: 12.6rem; padding: 0.65rem 0.85rem; gap: 0.65rem; color: #3e4946; font-size: var(--text-label); font-weight: 540; }
.systems-data-output i { display: grid; width: 1.7rem; flex: 0 0 auto; aspect-ratio: 1; place-items: center; border-radius: 50%; background: var(--systems-fog); color: var(--systems-deep); font-size: 0.72rem; font-style: normal; }
.systems-data-output-one { top: 14%; }
.systems-data-output-two { top: 44%; right: -4%; }
.systems-data-output-three { bottom: 16%; }
.systems-data-caption { position: absolute; right: 4%; bottom: 1.5%; left: 4%; color: rgba(32, 38, 37, 0.52); font-family: var(--font-mono); font-size: var(--text-label); letter-spacing: 0.04em; text-align: center; }

/* Recognition: show a familiar manual trail without explaining its technology. */
.systems-friction { padding: var(--section-space) 0; overflow: hidden; background: var(--systems-cream); }
.systems-friction-layout { display: grid; align-items: center; grid-template-columns: minmax(330px, 0.68fr) minmax(0, 1.32fr); gap: clamp(3.5rem, 7vw, 8rem); }
.systems-friction-copy h2 { max-width: 16ch; margin: 0; }
.systems-friction-copy p { max-width: 580px; margin: 1.35rem 0 0; color: #58625f; font-size: var(--text-support); line-height: 1.72; }
.systems-manual-trail { position: relative; width: calc(100% + var(--page-padding)); margin-right: calc(var(--page-padding) * -1); padding: clamp(1.5rem, 3vw, 2.8rem); border-radius: 2rem 0 0 2rem; background: var(--systems-ink); box-shadow: -1.5rem 2rem 4rem rgba(32, 38, 37, 0.15); color: #fff; }
.systems-trail-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 1.1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.systems-trail-head span { color: var(--systems-coral-soft); font-family: var(--font-mono); font-size: var(--text-label); letter-spacing: 0.06em; }
.systems-trail-head strong { color: rgba(255, 255, 255, 0.67); font-size: var(--text-action); font-weight: 500; }
.systems-manual-trail ol { margin: 0; padding: 0; list-style: none; }
.systems-manual-trail li { display: grid; min-height: 5.2rem; align-items: center; padding: 0.65rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); grid-template-columns: 4rem minmax(0, 1fr) 2rem; gap: 1rem; }
.systems-manual-trail li > span { color: rgba(255, 255, 255, 0.38); font-family: var(--font-mono); font-size: var(--text-label); }
.systems-manual-trail li div { display: grid; gap: 0.15rem; }
.systems-manual-trail li small { color: var(--systems-coral-soft); font-family: var(--font-mono); font-size: 0.67rem; letter-spacing: 0.055em; text-transform: uppercase; }
.systems-manual-trail li strong { font-size: var(--text-action); font-weight: 520; }
.systems-manual-trail li > i { color: rgba(255, 255, 255, 0.4); font-style: normal; }
.systems-manual-trail > p { display: flex; align-items: center; gap: 0.7rem; margin: 1.2rem 0 0; color: rgba(255, 255, 255, 0.62); font-size: var(--text-label); line-height: 1.55; }
.systems-manual-trail > p span { display: grid; width: 1.75rem; flex: 0 0 auto; aspect-ratio: 1; place-items: center; border: 1px solid rgba(228, 181, 166, 0.45); border-radius: 50%; color: var(--systems-coral-soft); }

/* Customer outcomes */
.systems-outcomes { padding: var(--section-space) 0 0; background: #e3ebe7; }
.systems-outcomes-heading { display: grid; align-items: end; padding-bottom: clamp(3rem, 6vw, 5.5rem); grid-template-columns: minmax(0, 1fr) minmax(300px, 0.62fr); gap: clamp(3rem, 7vw, 7rem); }
.systems-outcomes-heading h2 { max-width: 18ch; margin: 0; }
.systems-outcomes-heading p { max-width: 620px; margin: 0 0 0.25rem; color: #53615c; font-size: var(--text-support); line-height: 1.72; }
.systems-outcome-lines { border-top: 1px solid rgba(23, 63, 61, 0.16); }
.systems-outcome-lines article { border-bottom: 1px solid rgba(23, 63, 61, 0.16); transition: background 180ms ease; }
.systems-outcome-lines article:hover { background: rgba(255, 255, 255, 0.32); }
.systems-outcome-lines article > div { display: grid; min-height: 8rem; align-items: center; grid-template-columns: minmax(250px, 0.68fr) 4rem minmax(0, 1.32fr); gap: 1.5rem; }
.systems-outcome-lines span { color: var(--systems-teal); font-family: var(--font-mono); font-size: var(--text-label); letter-spacing: 0.055em; text-transform: uppercase; }
.systems-outcome-lines i { color: var(--systems-coral); font-size: 1.6rem; font-style: normal; }
.systems-outcome-lines strong { max-width: 820px; font-size: clamp(1.3rem, 2.2vw, 2.25rem); font-weight: 430; letter-spacing: -0.035em; line-height: 1.17; }

/* A deliberately short, plain-language offer register. */
.systems-offer { padding: var(--section-space) 0 0; background: #ece7e0; }
.systems-offer-heading { display: grid; align-items: end; padding-bottom: clamp(3rem, 6vw, 5.5rem); grid-template-columns: minmax(0, 1fr) minmax(300px, 0.62fr); gap: clamp(3rem, 7vw, 7rem); }
.systems-offer-heading h2 { max-width: 19ch; margin: 0; }
.systems-offer-heading p { max-width: 650px; margin: 0 0 0.25rem; color: #59615f; font-size: var(--text-support); line-height: 1.72; }
.systems-offer-register { border-top: 1px solid rgba(32, 38, 37, 0.16); }
.systems-offer-register article { border-bottom: 1px solid rgba(32, 38, 37, 0.16); }
.systems-offer-register article > div { display: grid; min-height: 10.5rem; align-items: center; padding-block: 1.6rem; grid-template-columns: 5rem minmax(360px, 1fr) minmax(280px, 0.65fr); gap: clamp(2rem, 5vw, 5rem); }
.systems-offer-register article > div > span { color: var(--systems-coral); font-family: var(--font-mono); font-size: var(--text-label); }
.systems-offer-register article div > div { display: grid; gap: 0.65rem; }
.systems-offer-register h3 { margin: 0; }
.systems-offer-register p { max-width: 760px; margin: 0; color: #59615f; font-size: var(--text-support); line-height: 1.65; }
.systems-offer-register small { max-width: 420px; color: #68706d; font-size: var(--text-action); line-height: 1.58; }

/* Principles */
.systems-principles { position: relative; padding: var(--section-space) 0; overflow: hidden; background: var(--systems-ink); color: #fff; }
.systems-principles::before { position: absolute; top: -19rem; right: -14rem; width: 43rem; aspect-ratio: 1; border: 1px solid rgba(228, 181, 166, 0.1); border-radius: 50%; box-shadow: 0 0 0 6rem rgba(228, 181, 166, 0.016), 0 0 0 12rem rgba(228, 181, 166, 0.01); content: ""; }
.systems-principles-layout { position: relative; display: grid; align-items: start; grid-template-columns: minmax(330px, 0.68fr) minmax(0, 1.32fr); gap: clamp(3.5rem, 7vw, 8rem); }
.systems-principles-heading { position: sticky; top: calc(var(--header-height) + 3rem); }
.systems-principles-heading h2 { max-width: 17ch; margin: 0; color: #fff; }
.systems-principles-heading h2 em { color: var(--systems-coral-soft); }
.systems-principles-heading p { max-width: 560px; margin: 1.4rem 0 0; color: rgba(255, 255, 255, 0.65); font-size: var(--text-support); line-height: 1.72; }
.systems-principles-list { border-top: 1px solid rgba(255, 255, 255, 0.15); }
.systems-principles-list article { display: grid; min-height: 8rem; align-items: center; padding: 1.4rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.3fr); gap: 2rem; }
.systems-principles-list span { color: var(--systems-coral-soft); font-size: var(--text-action); font-weight: 550; }
.systems-principles-list p { margin: 0; color: rgba(255, 255, 255, 0.68); font-size: var(--text-support); line-height: 1.65; }

/* Three-step process */
.systems-process { padding: var(--section-space) 0; background: var(--systems-cream); }
.systems-process-layout { display: grid; align-items: start; grid-template-columns: minmax(330px, 0.66fr) minmax(0, 1.34fr); gap: clamp(3.5rem, 7vw, 8rem); }
.systems-process-heading { position: sticky; top: calc(var(--header-height) + 3rem); }
.systems-process-heading h2 { max-width: 16ch; margin: 0; }
.systems-process-heading p { max-width: 560px; margin: 1.4rem 0 0; color: #59615f; font-size: var(--text-support); line-height: 1.72; }
.systems-process-journal { margin: 0; padding: 0; border-top: 1px solid rgba(32, 38, 37, 0.16); list-style: none; }
.systems-process-journal li { display: grid; min-height: 8.7rem; align-items: center; padding: 1.3rem 0; border-bottom: 1px solid rgba(32, 38, 37, 0.16); grid-template-columns: 6rem minmax(0, 1fr) 4.5rem; gap: 1.5rem; }
.systems-process-journal time { color: var(--systems-teal); font-family: var(--font-mono); font-size: var(--text-label); text-transform: uppercase; }
.systems-process-journal li div { display: grid; gap: 0.55rem; }
.systems-process-journal h3 { margin: 0; }
.systems-process-journal p { max-width: 690px; margin: 0; color: #5d6562; font-size: var(--text-support); line-height: 1.65; }
.systems-process-journal li > span { display: grid; width: 4.2rem; aspect-ratio: 1; place-items: center; border: 1px solid rgba(23, 63, 61, 0.17); border-radius: 50%; color: var(--systems-teal); font-family: var(--font-mono); font-size: 0.65rem; }

/* FAQ, CTA and related */
.systems-faq { padding: var(--section-space) 0; background: #f7f4ef; }
.systems-faq-layout { display: grid; align-items: start; grid-template-columns: minmax(330px, 0.68fr) minmax(0, 1.32fr); gap: clamp(3.5rem, 6vw, 6rem); }
.systems-faq-intro { position: sticky; top: calc(var(--header-height) + 3rem); }
.systems-faq-intro h2 { max-width: 16ch; margin: 0; }
.systems-faq-intro p { max-width: 500px; margin: 1.4rem 0 0; color: #5c6361; font-size: var(--text-support); line-height: 1.7; }
.systems-faq-list { border-top: 1px solid rgba(32, 38, 37, 0.16); }
.systems-faq-list details { border-bottom: 1px solid rgba(32, 38, 37, 0.16); }
.systems-faq-list summary { display: flex; min-height: 5.8rem; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.2rem 0; cursor: pointer; font-size: clamp(1.05rem, 1.35vw, 1.25rem); font-weight: 560; list-style: none; }
.systems-faq-list summary::-webkit-details-marker { display: none; }
.systems-faq-list summary i { position: relative; flex: 0 0 auto; width: 2.7rem; aspect-ratio: 1; border: 1px solid rgba(23, 63, 61, 0.2); border-radius: 50%; }
.systems-faq-list summary i::before, .systems-faq-list summary i::after { position: absolute; top: 50%; left: 50%; width: 0.85rem; height: 1px; background: var(--systems-deep); content: ""; transform: translate(-50%, -50%); }
.systems-faq-list summary i::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform 180ms ease; }
.systems-faq-list details[open] summary i::after { transform: translate(-50%, -50%); }
.systems-faq-list details > p { max-width: 800px; margin: -0.3rem 4.5rem 0 0; padding: 0 0 1.7rem; color: #5b6260; font-size: var(--text-support); line-height: 1.75; }
.systems-final { padding: var(--section-space-cta) 0; background: var(--systems-lavender); }
.systems-final-inner { display: grid; align-items: center; grid-template-columns: minmax(330px, 0.8fr) minmax(300px, 0.8fr) auto; gap: 2.5rem 5rem; }
.systems-final-inner > div > span { color: var(--systems-teal); font-family: var(--font-mono); font-size: var(--text-label); letter-spacing: 0.06em; text-transform: uppercase; }
.systems-final h2 { max-width: 13ch; margin: 0.75rem 0 0; }
.systems-final-inner > p { max-width: 580px; margin: 0; color: #555d5b; font-size: var(--text-support); line-height: 1.7; }
.systems-final .button { justify-self: end; }
.systems-next { padding: clamp(3.5rem, 6vw, 5.5rem) 0; border-top: 1px solid rgba(32, 38, 37, 0.13); background: #e6e2dc; }
.systems-next-inner { display: grid; align-items: center; grid-template-columns: minmax(300px, 0.7fr) minmax(0, 1.3fr); gap: clamp(2.5rem, 7vw, 7rem); }
.systems-next-inner > div { display: grid; gap: 0.3rem; }
.systems-next-inner > div span { color: var(--systems-teal); font-family: var(--font-mono); font-size: var(--text-label); letter-spacing: 0.055em; text-transform: uppercase; }
.systems-next-inner > div strong { max-width: 480px; font-size: clamp(1.5rem, 2vw, 2.15rem); font-weight: 550; letter-spacing: -0.03em; line-height: 1.14; }
.systems-next nav { display: grid; border-top: 1px solid rgba(32, 38, 37, 0.15); }
.systems-next nav a { display: flex; min-height: 3.9rem; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid rgba(32, 38, 37, 0.15); color: #3f4544; font-size: var(--text-action); font-weight: 600; }
.systems-next nav a span { color: var(--systems-teal); transition: transform 180ms ease; }
.systems-next nav a:hover span { transform: translate(0.2rem, -0.2rem); }

@keyframes systems-data-flow { to { stroke-dashoffset: -128; } }
@keyframes systems-source-turn { to { transform: rotate(360deg); } }

@media (max-width: 1120px) {
  .systems-hero-layout { grid-template-columns: minmax(27rem, 0.78fr) minmax(0, 0.9fr); gap: 3rem; }
  .systems-friction-layout, .systems-outcomes-heading, .systems-offer-heading, .systems-principles-layout, .systems-process-layout, .systems-faq-layout, .systems-next-inner { grid-template-columns: 1fr; }
  .systems-friction-layout, .systems-principles-layout, .systems-process-layout, .systems-faq-layout { gap: 3.5rem; }
  .systems-friction-copy, .systems-outcomes-heading h2, .systems-offer-heading h2 { max-width: 850px; }
  .systems-manual-trail { width: calc(100% + var(--page-padding)); }
  .systems-principles-heading, .systems-process-heading, .systems-faq-intro { position: relative; top: auto; }
  .systems-offer-register article > div { grid-template-columns: 4rem minmax(0, 1fr); }
  .systems-offer-register small { grid-column: 2; }
  .systems-final-inner { grid-template-columns: minmax(300px, 0.8fr) minmax(280px, 0.8fr); }
  .systems-final .button { grid-column: 2; justify-self: start; }
}

@media (max-width: 860px) {
  .systems-hero-layout { grid-template-columns: 1fr; }
  .systems-hero-copy { order: -1; }
  .systems-hero h1 { max-width: 16ch; }
  .systems-hero-visual { width: min(100%, 680px); min-height: 34rem; justify-self: center; }
  .systems-outcome-lines article > div { min-height: 0; padding-block: 2rem; grid-template-columns: 1fr 2.5rem minmax(0, 1.4fr); }
  .systems-principles-list article { grid-template-columns: 1fr; gap: 0.65rem; }
  .systems-final-inner { grid-template-columns: 1fr; }
  .systems-final .button { grid-column: 1; justify-self: start; }
}

@media (max-width: 620px) {
  .systems-service-page .nav-trigger.is-current::after { display: none; }
  .systems-hero { padding-top: calc(var(--header-height) + 1.5rem); padding-bottom: 4rem; }
  .systems-breadcrumbs { margin-bottom: 2rem; }
  .systems-hero h1 { max-width: 100%; font-size: clamp(2.25rem, 9.4vw, 2.9rem); overflow-wrap: normal; word-break: normal; hyphens: none; }
  .systems-hero-intro { font-size: 0.98rem; }
  .systems-hero-actions { align-items: stretch; flex-direction: column; }
  .systems-hero-actions .button { width: 100%; }
  .systems-hero-visual { min-height: 28rem; margin-top: 0.5rem; }
  .systems-hero-visual::before { width: 17rem; box-shadow: 0 0 0 3rem rgba(255, 255, 255, 0.1), 0 0 0 6rem rgba(23, 63, 61, 0.018); }
  .systems-data-input { width: 7.2rem; min-height: 3.1rem; padding: 0.4rem 0.65rem; }
  .systems-data-input-one, .systems-data-input-three { left: 0; }
  .systems-data-input-two { left: -3%; }
  .systems-data-input strong { font-size: 0.76rem; }
  .systems-data-source { left: 48%; width: 7.2rem; }
  .systems-data-source strong { max-width: 100%; overflow-wrap: anywhere; font-size: 0.84rem; }
  .systems-data-output { right: 0; width: 8.2rem; min-height: 3.15rem; padding: 0.4rem 0.55rem; gap: 0.35rem; font-size: 0.72rem; }
  .systems-data-output-two { right: -3%; }
  .systems-data-output i { width: 1.4rem; }
  .systems-data-caption { bottom: -1%; font-size: 0.68rem; }
  .systems-friction, .systems-principles, .systems-process, .systems-faq { padding-block: var(--section-space); }
  .systems-manual-trail { width: 100%; margin-right: 0; padding: 1.25rem; border-radius: 1.35rem; }
  .systems-trail-head { align-items: start; flex-direction: column; }
  .systems-manual-trail li { grid-template-columns: 2.9rem minmax(0, 1fr) 1rem; gap: 0.65rem; }
  .systems-manual-trail li div,
  .systems-manual-trail li strong { min-width: 0; overflow-wrap: anywhere; }
  .systems-outcomes { padding-top: var(--section-space); }
  .systems-outcomes-heading { padding-bottom: 3rem; }
  .systems-outcome-lines article > div { grid-template-columns: 1fr; gap: 0.65rem; }
  .systems-outcome-lines i { transform: rotate(90deg); }
  .systems-outcome-lines strong { font-size: 1.28rem; }
  .systems-offer { padding-top: var(--section-space); }
  .systems-offer-heading { padding-bottom: 3rem; }
  .systems-offer-register article > div { min-height: 0; padding-block: 2.2rem; grid-template-columns: 1fr; gap: 1rem; }
  .systems-offer-register small { grid-column: 1; }
  .systems-principles-list article { min-height: 0; }
  .systems-process-journal li { min-height: 0; grid-template-columns: 1fr 3.8rem; gap: 0.7rem 1rem; }
  .systems-process-journal time { grid-column: 1; }
  .systems-process-journal li div { grid-column: 1; }
  .systems-process-journal li > span { width: 3.5rem; grid-column: 2; grid-row: 1 / span 2; }
  .systems-faq-list summary { min-height: 5rem; gap: 1rem; }
  .systems-faq-list summary i { width: 2.5rem; }
  .systems-faq-list details > p { margin-right: 0; }
  .systems-final .button { width: 100%; }
  .systems-next { padding-block: 3.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .systems-data-lines path, .systems-data-source::before { animation: none; }
  .systems-outcome-lines article, .systems-next nav a span { transition: none; }
}