/* ==========================================================================
   BRIT / PROZESSAUTOMATISIERUNG – INDIVIDUAL SERVICE PAGE
   Scope: .pa-page only. Tokens originate in site.css. Brand lime #84B413.
   Sections: 01 hero / 02 before-after / 03 workflow / 04 capabilities
   05 integration / 06 human / 07 method / 08 usecases / 09 FAQ / 10 CTA
   ========================================================================== */
/* 00 / BASE -------------------------------------------------------------- */
.pa-page .pa-section {
  padding:clamp(75px,9vw,136px) 0;
  position:relative;
  overflow:hidden
}
.pa-page .pa-section h2 {
  font-size:clamp(2.6rem,4.35vw,5rem);
  line-height:1.08;
  letter-spacing:-.06em
}
.pa-page .pa-section h2 em {
  color:#7aab17
}
.pa-page .pa-section p {
  line-height:1.83
}
.pa-page .pa-heading-split {
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:9%;
  align-items:end;
  margin-bottom:48px
}
.pa-page .pa-heading-split h2 {
  margin:18px 0 0
}
.pa-page .pa-heading-split>p {
  max-width:460px;
  margin:0 0 8px;
  font-size:1.06rem;
  color:#58695f
}
.pa-page .pa-section .eyebrow {
  font-size:.68rem
}
/* 01 / IMMERSIVE HERO --------------------------------------------------- */
.pa-hero {
  min-height:730px;
  position:relative;
  background:#0a1b16;
  color:#fff;
  overflow:hidden;
  isolation:isolate
}
.pa-hero-image {
  position:absolute;
  inset:0;
  z-index:-2
}
.pa-hero-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center
}
.pa-hero:before {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#091a16 0%,#091a16f5 26%,#091a16bc 47%,#091a1640 75%,#091a1619);
  z-index:-1
}
.pa-hero:after {
  content:'';
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  border:1px solid #92c32a40;
  left:-230px;
  top:90px;
  pointer-events:none
}
.pa-hero-content {
  padding-top:38px;
  padding-bottom:110px;
  position:relative;
  z-index:2;
  min-height:650px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center
}
.pa-breadcrumb {
  display:flex;
  align-items:center;
  gap:10px;
  color:#bdcfbd;
  font-size:.77rem;
  margin:0 0 75px;
  flex-wrap:wrap
}
.pa-breadcrumb a:hover {
  color:#c8ec74
}
.pa-breadcrumb .icon {
  width:12px;
  height:12px
}
.pa-hero .eyebrow {
  color:#b5dc6c
}
.pa-hero h1 {
  font-size:clamp(3.35rem,5.2vw,6.3rem);
  line-height:1.045;
  letter-spacing:-.075em;
  max-width:860px;
  margin:22px 0 27px
}
.pa-hero h1 span {
  color:#b7e373
}
.pa-hero-lead {
  font-size:clamp(1.02rem,1.35vw,1.25rem);
  line-height:1.7;
  color:#dae6da;
  max-width:665px;
  margin:0
}
.pa-hero .hero-actions {
  margin-top:35px
}
.pa-hero .btn-light-outline {
  border-color:#b7cbb4;
  color:white
}
.pa-hero .btn-light-outline:hover {
  background:#ffffff17
}
.pa-hero-keywords {
  display:flex;
  gap:22px;
  flex-wrap:wrap;
  margin-top:51px;
  color:#c9dacb;
  font-size:.81rem;
  font-weight:680
}
.pa-hero-keywords span {
  display:flex;
  align-items:center;
  gap:8px
}
.pa-hero-keywords .icon {
  color:#b6dd70;
  width:17px;
  height:17px
}
.pa-hero-bottom {
  border-top:1px solid #ffffff25;
  background:#0a1b16a0
}
.pa-hero-bottom .wrap {
  height:67px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  font-size:.69rem;
  letter-spacing:.14em;
  color:#c3d1c4;
  font-weight:650
}
.pa-hero-bottom a {
  color:#b9e776
}
.pa-hero-bottom a .icon {
  transform:rotate(90deg);
  width:19px;
  height:19px
}
/* 02 / BEFORE AND AFTER ------------------------------------------------- */
.pa-shift {
  background:#fff
}
.pa-shift-grid {
  display:grid;
  grid-template-columns:.77fr 1.23fr;
  gap:8%;
  align-items:center
}
.pa-shift h2 {
  margin:18px 0 24px
}
.pa-shift-intro>p {
  font-size:1.08rem;
  color:#51665a
}
.pa-shift-intro .text-link {
  margin-top:22px
}
.pa-contrast {
  display:grid;
  grid-template-columns:1fr 46px 1fr;
  align-items:stretch
}
.pa-contrast-card {
  padding:34px 28px;
  border-radius:16px;
  min-height:370px
}
.pa-contrast-before {
  background:#edf1ed;
  color:#35443d
}
.pa-contrast-after {
  background:#173d29;
  color:white
}
.pa-contrast-top {
  font-size:.64rem;
  font-weight:850;
  letter-spacing:.12em;
  display:block;
  color:#719376;
  margin-bottom:35px
}
.pa-contrast-after .pa-contrast-top {
  color:#b5e178
}
.pa-contrast-card h3 {
  font-size:clamp(1.4rem,1.75vw,2rem);
  margin-bottom:25px;
  line-height:1.16
}
.pa-contrast ul {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:17px
}
.pa-contrast li {
  display:flex;
  gap:9px;
  font-size:.85rem;
  line-height:1.55
}
.pa-contrast li .icon {
  width:17px;
  height:17px;
  flex:none;
  color:#7d9b82
}
.pa-contrast-after li .icon {
  color:#aada5a
}
.pa-contrast-divider {
  display:grid;
  place-items:center;
  color:#70a514
}
.pa-contrast-divider .icon {
  width:24px;
  height:24px
}
/* 03 / INTERACTIVE WORKFLOW --------------------------------------------- */
.pa-workflow {
  background:#132a20;
  color:#fff
}
.pa-workflow .eyebrow {
  color:#b4de72
}
.pa-workflow h2 {
  margin:18px 0 0
}
.pa-workflow h2 em {
  color:#b3df73!important
}
.pa-workflow-top {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:9%;
  align-items:end;
  margin-bottom:43px
}
.pa-workflow-top>p {
  color:#c6d6c6;
  max-width:465px;
  font-size:1.08rem;
  margin:0
}
.pa-workflow-stage {
  background:#1c392a;
  border-radius:20px;
  border:1px solid #ffffff20;
  box-shadow:0 28px 80px #07140c54;
  overflow:hidden
}
.pa-stage-toolbar {
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
  padding:17px 27px;
  background:#233f31;
  color:#d3e9d0;
  border-bottom:1px solid #ffffff18
}
.pa-stage-label {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.07em
}
.pa-stage-label .icon {
  width:20px;
  height:20px;
  color:#c1ed73
}
.pa-stage-note {
  font-size:.68rem;
  color:#adbea9
}
.pa-tabs {
  display:flex;
  gap:7px;
  padding:18px 24px;
  background:#233f31;
  flex-wrap:wrap;
  border-bottom:1px solid #ffffff18
}
.pa-tabs button {
  display:flex;
  gap:10px;
  align-items:center;
  padding:12px 20px;
  border:1px solid #ffffff30;
  border-radius:9px;
  background:transparent;
  color:#e0efdc;
  font-weight:750;
  font-size:.86rem;
  transition:.2s ease
}
.pa-tabs button[aria-selected=true] {
  background:#acd866;
  border-color:#acd866;
  color:#183323
}
.pa-tabs button:hover:not([aria-selected=true]) {
  background:#ffffff19
}
.pa-tabs .icon {
  width:18px;
  height:18px
}
.pa-panel {
  padding:40px 34px 28px
}
.pa-panel[hidden] {
  display:none!important
}
.pa-panel-heading {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8%;
  align-items:end;
  margin-bottom:46px
}
.pa-panel-index {
  font-size:.65rem;
  letter-spacing:.14em;
  color:#b6db75;
  font-weight:800
}
.pa-panel h3 {
  font-size:clamp(1.65rem,2.35vw,2.5rem);
  margin:14px 0 0;
  letter-spacing:-.045em
}
.pa-panel-heading p {
  margin:0;
  color:#bfd3bd;
  max-width:420px
}
.pa-steps {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px
}
.pa-step {
  min-width:0;
  position:relative;
  padding:21px 16px 24px;
  border:1px solid #ffffff20;
  border-radius:13px;
  background:#ffffff0d;
  min-height:247px;
  display:flex;
  align-items:flex-start;
  flex-direction:column
}
.pa-step:not(:last-child):after {
  content:'';
  width:13px;
  height:2px;
  background:#a4d85b;
  position:absolute;
  right:-12px;
  top:60px;
  z-index:2
}
.pa-step-focus {
  background:#86b822;
  color:#0b2415;
  border-color:#9ad339
}
.pa-step-icon {
  height:51px;
  width:51px;
  border-radius:14px;
  background:#ffffff18;
  display:grid;
  place-items:center;
  margin-bottom:27px
}
.pa-step-icon .icon {
  height:26px;
  width:26px;
  color:#b7e17a
}
.pa-step-focus .pa-step-icon {
  background:#193d2670
}
.pa-step-focus .pa-step-icon .icon {
  color:#fff
}
.pa-step small {
  font-size:.65rem;
  font-weight:820;
  letter-spacing:.11em;
  color:#a7c994;
  text-transform:uppercase
}
.pa-step-focus small {
  color:#244219
}
.pa-step strong {
  font-size:1.07rem;
  line-height:1.23;
  letter-spacing:-.026em;
  margin:11px 0
}
.pa-step p {
  font-size:.81rem;
  line-height:1.55!important;
  color:#c3d6c2;
  margin:0
}
.pa-step-focus p {
  color:#274319
}
.pa-panel-foot {
  display:flex;
  align-items:start;
  gap:10px;
  color:#d1decf;
  font-size:.81rem;
  padding-top:27px;
  margin-top:30px;
  border-top:1px solid #ffffff25
}
.pa-panel-foot .icon {
  width:17px;
  height:17px;
  color:#aee16b;
  flex:none
}
/* 04 / CAPABILITIES BENTO ------------------------------------------------ */
.pa-capabilities {
  background:#f2f5ec
}
.pa-cap-grid {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px
}
.pa-cap {
  min-height:300px;
  border-radius:18px;
  padding:30px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  transition:transform .3s,box-shadow .3s
}
.pa-cap:hover {
  transform:translateY(-5px);
  box-shadow:0 18px 46px #13291e1b
}
.pa-cap-primary {
  grid-column:span 7;
  min-height:385px;
  background:#143a2b;
  color:#fff
}
.pa-cap-lime {
  grid-column:span 5;
  background:#b7df72
}
.pa-cap-soft {
  grid-column:span 5;
  background:#e2edcf
}
.pa-cap-light {
  grid-column:span 7;
  background:#fff;
  border:1px solid #dfebd4
}
.pa-cap-head {
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:12px;
  font-size:.65rem;
  font-weight:850;
  letter-spacing:.14em;
  color:#5b8c19
}
.pa-cap-primary .pa-cap-head {
  color:#b9e27b
}
.pa-cap-head .icon {
  height:29px;
  width:29px;
  color:#628d1e
}
.pa-cap-primary .pa-cap-head .icon {
  color:#bbe87b
}
.pa-cap h3 {
  font-size:clamp(1.6rem,2.4vw,2.65rem);
  margin:40px 0 14px;
  max-width:610px;
  line-height:1.13
}
.pa-cap p {
  font-size:.99rem;
  margin:0;
  max-width:590px;
  color:#455b4b
}
.pa-cap-primary p {
  color:#d0dfd1
}
.pa-cap-tags {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:auto;
  padding-top:25px
}
.pa-cap-tags span {
  border-radius:5px;
  padding:7px 10px;
  border:1px solid #aada7b5b;
  color:#d9e8d4;
  font-size:.68rem;
  letter-spacing:.02em
}
/* 05 / INTEGRATION DIAGRAM ----------------------------------------------- */
.pa-integration {
  background:#fff
}
.pa-integration-layout {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:8%;
  align-items:center
}
.pa-integration h2 {
  margin:19px 0 22px
}
.pa-integration-copy p {
  font-size:1.06rem;
  color:#52665a
}
.pa-integration-copy .text-link {
  margin-top:23px
}
.pa-integrator {
  min-width:0;
  border-radius:18px;
  background:#e9f1e3;
  border:1px solid #d8e5d0;
  min-height:480px;
  padding:28px;
  display:grid;
  grid-template-columns:1fr .87fr 1fr;
  align-items:center;
  gap:7px;
  position:relative
}
.pa-source-nodes,.pa-target-nodes {
  display:grid;
  gap:12px
}
.pa-diagram-node {
  display:flex;
  align-items:center;
  gap:12px;
  padding:18px 12px;
  border:1px solid #d3e2c8;
  border-radius:11px;
  background:#fff;
  min-width:0
}
.pa-diagram-node .icon {
  width:21px;
  height:21px;
  color:#6c9f15
}
.pa-diagram-node span {
  font-size:.81rem;
  font-weight:750;
  line-height:1.25
}
.pa-integrator-mid {
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0
}
.pa-integrator-line {
  width:2px;
  height:45px;
  background:linear-gradient(#95bb59,#729d27);
  position:relative
}
.pa-integrator-core {
  min-height:168px;
  min-width:0;
  width:100%;
  border-radius:13px;
  border:1px solid #29563b;
  background:#193d2b;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px 6px;
  box-shadow:0 20px 40px #19402c31
}
.pa-integrator-core .icon {
  width:38px;
  height:38px;
  color:#b1e05e;
  margin-bottom:14px
}
.pa-integrator-core strong {
  font-size:1.1rem;
  line-height:1.2
}
.pa-integrator-core small {
  font-size:.69rem;
  color:#c9debd;
  margin-top:8px
}
.pa-diagram-label {
  position:absolute;
  bottom:12px;
  left:12px;
  right:12px;
  color:#738471;
  text-align:center;
  letter-spacing:.1em;
  font-size:.57rem;
  font-weight:800
}
/* 06 / HUMAN CONTROL ----------------------------------------------------- */
.pa-human {
  background:#e8f0dd
}
.pa-human-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10%;
  align-items:center
}
.pa-human-quote h2 {
  font-size:clamp(2.6rem,4.2vw,4.8rem);
  margin:0 0 23px;
  line-height:1.13
}
.pa-human-quote p {
  font-size:1.1rem;
  max-width:600px
}
.pa-quote-mark {
  font-size:7rem;
  color:#84b413;
  font-family:Georgia,serif;
  display:block;
  height:100px;
  line-height:1
}
.pa-human-detail {
  background:#fff;
  border-radius:16px;
  padding:34px 38px;
  box-shadow:0 18px 45px #142f1817
}
.pa-human-detail>.eyebrow {
  margin-bottom:20px
}
.pa-human-row {
  display:flex;
  gap:20px;
  padding:21px 0;
  border-bottom:1px solid #e0e9d9
}
.pa-human-row:last-child {
  border-bottom:0;
  padding-bottom:0
}
.pa-human-row>.icon {
  width:24px;
  height:24px;
  flex:none;
  color:#80af21
}
.pa-human-row h3 {
  font-size:1.16rem;
  margin:0 0 9px
}
.pa-human-row p {
  font-size:.91rem;
  margin:0;
  color:#5d6e62
}
/* 07 / PHASES ------------------------------------------------------------ */
.pa-method {
  background:#fafcf7
}
.pa-method-steps {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-top:1px solid #d6e2ce
}
.pa-method-steps article {
  padding:32px 26px 30px;
  border-right:1px solid #d6e2ce;
  position:relative;
  min-height:300px
}
.pa-method-steps article:last-child {
  border-right:0
}
.pa-method-steps article:before {
  content:'';
  position:absolute;
  top:-2px;
  left:26px;
  width:46px;
  height:3px;
  background:#84b413
}
.pa-method-steps article>span {
  font-size:.67rem;
  color:#76982f;
  font-weight:800;
  letter-spacing:.12em
}
.pa-method-steps h3 {
  margin:56px 0 14px;
  font-size:1.62rem
}
.pa-method-steps p {
  margin:0;
  font-size:.94rem
}
/* 08 / RELATED PRACTICE AREAS ------------------------------------------ */
.pa-usecases {
  background:#183527;
  color:#fff
}
.pa-usecases .eyebrow {
  color:#aee36c
}
.pa-usecases h2 em {
  color:#aedf66
}
.pa-usecases .pa-heading-split>p {
  color:#c1d1c1
}
.pa-usecases-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px
}
.pa-usecase {
  min-height:330px;
  background:#ffffff0b;
  border:1px solid #ffffff20;
  border-radius:15px;
  padding:29px;
  display:flex;
  flex-direction:column;
  transition:transform .3s ease,border-color .3s ease,background .3s
}
.pa-usecase:hover {
  transform:translateY(-5px);
  border-color:#a4d45e;
  background:#ffffff15
}
.pa-usecase>.icon {
  height:38px;
  width:38px;
  color:#b7e578;
  margin-bottom:27px
}
.pa-usecase>span:nth-of-type(1) {
  font-size:.65rem;
  font-weight:850;
  letter-spacing:.14em;
  color:#b9d6a5
}
.pa-usecase h3 {
  font-size:1.75rem;
  margin:17px 0 11px
}
.pa-usecase p {
  font-size:.95rem;
  color:#c9d9c7;
  margin:0 0 22px
}
.pa-usecase-link {
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:800;
  font-size:.83rem;
  color:#d2efab
}
.pa-usecase-link .icon {
  height:17px;
  width:17px
}
/* 09 / FAQ -------------------------------------------------------------- */
.pa-faq {
  background:#f7faf3
}
.pa-faq-grid {
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:10%;
  align-items:start
}
.pa-faq h2 {
  margin:20px 0
}
.pa-faq-grid>div:first-child p {
  max-width:400px
}
.pa-faq-list {
  border-top:1px solid #cedbc8
}
.pa-faq-list details {
  border-bottom:1px solid #cedbc8
}
.pa-faq-list summary {
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:24px 4px;
  font-size:1.04rem;
  font-weight:780;
  line-height:1.4;
  list-style:none
}
.pa-faq-list summary::-webkit-details-marker {
  display:none
}
.pa-faq-list summary .icon {
  height:18px;
  width:18px;
  color:#7da220;
  transition:transform .25s
}
.pa-faq-list details[open] summary .icon {
  transform:rotate(180deg)
}
.pa-faq-list details p {
  max-width:none;
  padding:0 25px 21px 4px;
  color:#576c59;
  margin:0
}
/* 10 / CTA -------------------------------------------------------------- */
.pa-cta {
  background:#a9d15a;
  padding:72px 0;
  color:#112619
}
.pa-cta-grid {
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:55px
}
.pa-cta .eyebrow {
  color:#314d16
}
.pa-cta h2 {
  font-size:clamp(2.3rem,3.4vw,3.85rem);
  margin:18px 0;
  line-height:1.1
}
.pa-cta p {
  max-width:710px;
  color:#304d27;
  font-size:1.04rem;
  margin:0
}
.pa-cta .btn {
  white-space:normal;
  max-width:300px;
  text-align:center
}
/* 11 / RESPONSIVE -------------------------------------------------------- */
@media(max-width:1150px) {
  .pa-shift-grid,.pa-integration-layout {
    grid-template-columns:1fr;
    gap:45px
  }
  .pa-contrast {
    max-width:850px
  }
  .pa-steps {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .pa-step:nth-child(3):after {
    display:none
  }
  .pa-step {
    min-height:240px
  }
  .pa-method-steps {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .pa-method-steps article:nth-child(2) {
    border-right:0
  }
  .pa-method-steps article {
    border-bottom:1px solid #d6e2ce
  }
  .pa-integration-copy {
    max-width:720px
  }
}
@media(max-width:850px) {
  .pa-hero {
    min-height:0
  }
  .pa-hero-content {
    min-height:670px;
    padding-bottom:70px
  }
  .pa-hero:before {
    background:linear-gradient(90deg,#091a16f5,#091a16cd 75%,#091a1666)
  }
  .pa-heading-split,.pa-workflow-top,.pa-human-grid,.pa-faq-grid {
    grid-template-columns:1fr;
    gap:25px
  }
  .pa-workflow-top>p {
    max-width:640px
  }
  .pa-cap-primary,.pa-cap-lime,.pa-cap-soft,.pa-cap-light {
    grid-column:span 6
  }
  .pa-usecases-grid {
    grid-template-columns:1fr 1fr
  }
  .pa-cta-grid {
    grid-template-columns:1fr;
    gap:23px
  }
  .pa-cta .btn {
    max-width:max-content
  }
  .pa-panel-heading {
    grid-template-columns:1fr
  }
  .pa-panel-heading p {
    max-width:650px
  }
}
@media(max-width:620px) {
  .pa-hero-content {
    min-height:650px;
    padding-top:23px;
    padding-bottom:64px
  }
  .pa-breadcrumb {
    margin-bottom:66px
  }
  .pa-hero h1 {
    font-size:clamp(2.75rem,11vw,4.3rem)
  }
  .pa-hero-lead {
    font-size:1.02rem
  }
  .pa-hero-keywords {
    gap:12px;
    margin-top:34px
  }
  .pa-hero-bottom .wrap>span:nth-child(2) {
    display:none
  }
  .pa-contrast {
    display:flex;
    flex-direction:column;
    gap:0
  }
  .pa-contrast-card {
    min-height:0;
    padding:29px 24px
  }
  .pa-contrast-divider {
    min-height:46px;
    transform:rotate(90deg)
  }
  .pa-tabs {
    display:grid;
    grid-template-columns:1fr;
    padding:12px
  }
  .pa-tabs button {
    justify-content:flex-start
  }
  .pa-stage-toolbar {
    padding:15px
  }
  .pa-stage-note {
    display:none
  }
  .pa-panel {
    padding:29px 16px
  }
  .pa-steps {
    grid-template-columns:1fr
  }
  .pa-step {
    min-height:0;
    padding:20px;
    display:grid;
    grid-template-columns:50px 1fr;
    gap:0 15px;
    align-items:center
  }
  .pa-step:after {
    display:none!important
  }
  .pa-step-icon {
    grid-row:1/4;
    margin:0;
    align-self:center
  }
  .pa-step small,.pa-step strong,.pa-step p {
    grid-column:2
  }
  .pa-step strong {
    margin:7px 0
  }
  .pa-cap-grid {
    grid-template-columns:1fr
  }
  .pa-cap-primary,.pa-cap-lime,.pa-cap-soft,.pa-cap-light {
    grid-column:1;
    min-height:280px
  }
  .pa-cap h3 {
    margin-top:38px
  }
  .pa-integrator {
    padding:18px 12px;
    grid-template-columns:1fr 1fr;
    min-height:0;
    gap:12px
  }
  .pa-integrator-mid {
    grid-column:1/-1;
    grid-row:2;
    display:flex;
    flex-direction:row;
    justify-content:center
  }
  .pa-integrator-line {
    width:28px;
    height:2px
  }
  .pa-integrator-core {
    width:185px;
    min-height:145px;
    flex:none
  }
  .pa-source-nodes {
    grid-column:1;
    grid-row:1
  }
  .pa-target-nodes {
    grid-column:2;
    grid-row:1
  }
  .pa-diagram-node {
    padding:12px 8px;
    gap:7px
  }
  .pa-diagram-node .icon {
    width:18px
  }
  .pa-diagram-node span {
    font-size:.72rem
  }
  .pa-diagram-label {
    position:static;
    grid-column:1/-1;
    margin-top:12px
  }
  .pa-human-detail {
    padding:25px
  }
  .pa-method-steps {
    grid-template-columns:1fr
  }
  .pa-method-steps article {
    border-right:0;
    min-height:230px
  }
  .pa-method-steps h3 {
    margin-top:35px
  }
  .pa-usecases-grid {
    grid-template-columns:1fr
  }
  .pa-usecase {
    min-height:275px
  }
  .pa-cta {
    padding:60px 0
  }
}
@media(max-width:400px) {
  .pa-hero h1 {
    font-size:2.65rem
  }
  .pa-hero .hero-actions {
    flex-direction:column;
    align-items:stretch
  }
  .pa-hero-keywords {
    font-size:.74rem
  }
  .pa-panel h3 {
    font-size:1.55rem
  }
  .pa-cap {
    padding:25px
  }
  .pa-contrast-card h3 {
    font-size:1.4rem
  }
  .pa-integrator-core {
    width:154px;
    padding:8px 4px
  }
  .pa-diagram-node span {
    font-size:.66rem
  }
}
@media(prefers-reduced-motion:reduce) {
  .pa-cap,.pa-usecase,.pa-tabs button,.pa-faq-list summary .icon {
    transition:none!important
  }
}