.pd-page {
  color: #232421;
  font-family: Switzer, Arial, sans-serif;
  line-height: 1.5;
}
.pd-page :where(p,h1,h2,h3,ul,dl,dt,dd) { margin: 0; }
.pd-page :where(h1,h2,h3) {
  color: inherit;
  font-family: Season, Georgia, serif;
  font-weight: 420;
  font-variation-settings: "SERF" 50, "wght" 420;
  line-height: 1.08;
  letter-spacing: -.013em;
}
.pd-page :where(a) { color: inherit; text-decoration: none; }
.pd-page :where(img) { display: block; max-width: 100%; }
.pd-wrap { width: min(87.5%, 1440px); margin-inline: auto; }
.pd-overview { padding-block: var(--hero-space) var(--section-space); }
.pd-cover { width: 100%; height: auto; aspect-ratio: 1260/392; object-fit: cover; border-radius: 8px; margin-bottom: clamp(32px, 4.72vw, 68px); }
.pd-overview h1 { font-size: clamp(36px, 3.75vw, 54px); }
.pd-overview p, .pd-hero > p { font-size: clamp(18px, 1.46vw, 21px); color: #555751; line-height: 1.4; }
.pd-overview p { max-width: 538px; margin-top: 22px; }
.pd-choose { padding-block: var(--section-space); }
.pd-choose h2, .pd-intro h2 { font-size: clamp(34px, 3.06vw, 44px); }
.pd-offers { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: clamp(16px, 2.5vw, 36px); margin-top: 36px; }
.pd-offer { display: flex; flex-direction: column; align-items: start; gap: 15px; background: #f5f4ef; padding: 24px; border-radius: 12px; }
.pd-offer:focus-visible, .pd-offer:active { background: #eeede7; }
.pd-offer h3 { font-size: 34px; }
.pd-offer p { color: #515151; font-size: 18px; }
.pd-offer .pd-caption, .pd-caption { font-size: 15px; color: #555751; }
.pd-link { display: inline-block; align-self: start; font-size: 16px; line-height: 1.5; }
.pd-link:focus-visible, .pd-offer:focus-visible .pd-link { text-decoration: underline; text-underline-offset: .22em; }
.pd-offer .pd-link { margin-top: auto; }
.pd-banner { background: #f6f5f3; }
.pd-banner.pd-dark { background: #202020; color: #fff; }
.pd-invitation { display: grid; grid-template-columns: minmax(0,610fr) minmax(0,586fr); gap: clamp(28px,4.44vw,64px); padding-block: var(--section-start) var(--section-space); }
.pd-invitation h2 { font-size: clamp(36px,3.2vw,46px); max-width: 602px; }
.pd-invitation > div { display: flex; flex-direction: column; align-items: start; gap: 19px; }
.pd-invitation p { font-size: 20px; color: #515151; line-height: 1.5; }
.pd-dark .pd-invitation p { color: #e9e8e5; }
.pd-contact { display: inline-flex; align-items: center; justify-content: center; gap: 16px; border-radius: 999px; min-height: 44px; padding: 9px 24px; background: #ff4621; line-height: 1.6; color: white; font-size: 16px; white-space: nowrap; }
.pd-contact:is(:active,:focus-visible) { background: #db3815; }
.pd-hero { display: grid; justify-items: center; gap: 19px; padding-block: var(--hero-space); text-align: center; }
.pd-ident { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 21px; }
.pd-hero h1 { max-width: 1000px; font-size: clamp(42px, 4.72vw, 68px); }
.pd-hero > p { max-width: 775px; }
.pd-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; }
.pd-actions .pd-link { align-self: center; }
.pd-wide-art { width: 100%; height: auto; aspect-ratio: 1440/400; object-fit: cover; }
.pd-work { background: #f6f5f3; scroll-margin-block-start: calc(-1 * var(--section-space)); }
.pd-work-grid { padding-block: var(--section-space); display: grid; grid-template-columns: minmax(0,450fr) minmax(0,754fr); gap: clamp(22px,3.89vw,56px); align-items: start; }
.pd-intro { display: grid; justify-items: start; gap: 18px; }
.pd-roles { display: flex; flex-wrap: wrap; gap: 6px; }
.pd-roles button { cursor: pointer; border: 0; border-radius: 12px; padding: 9px 16px; font: inherit; font-size: 16px; line-height: 22px; background: white; color: #232421; }
.pd-roles button[aria-selected="true"] { background: #232421; color: white; }
.pd-intro .pd-lines { width: 140px; height: 64px; }
.pd-work-surface { display: grid; align-items: start; min-width: 0; overflow: clip; background: white; border-radius: 12px; }
.pd-work-panel { grid-area: 1 / 1; min-width: 0; padding: 22px 28px; border-radius: inherit; }
.pd-work-panel:focus-visible { outline-offset: -3px; }
.pd-work-panel[inert] { pointer-events: none; visibility: hidden; opacity: 0; }
.pd-work-surface[data-switched] .pd-work-panel {
  transition: opacity 140ms ease-out, visibility 0s;
}
.pd-work-surface[data-switched] .pd-work-panel[inert] {
  transition: opacity 85ms ease-out, visibility 0s 85ms;
}
.pd-work-panel[hidden] { display: none; }
.pd-work-panel h3 { font-size: 32px; margin: 14px 0; }
.pd-status { color: #555751; display: flex; justify-content: space-between; align-items: center; font-size: 15px; }
#workspace-engineering .pd-status, .pd-branch { border-bottom: 1px solid #d7d6d2; padding-bottom: 14px; }
.pd-branch { color: #515151; font-size: 16px; overflow-wrap: anywhere; }
.pd-merged { background: #d8e8e7; color: #202020; padding: 6px 13px; line-height: 19px; border-radius: 100px; font-size: 14px; }
.pd-work-panel dl > div { display: grid; grid-template-columns: 108px 1fr; gap: 16px; padding: 14px 0; border-top: 1px solid #d9d8d0; }
.pd-work-panel dl > div:last-child { padding-bottom: 0; }
.pd-work-panel dt { color: #555751; font-size: 16px; }
.pd-work-panel dd { font-size: 18px; line-height: 1.4; }
.pd-features { display: grid; gap: 26px; padding-block: var(--section-space); }
.pd-feature { border-radius: 20px; overflow: hidden; display: grid; align-items: stretch; grid-template-columns: repeat(2,minmax(0,1fr)); background: #f6f6f1; }
.pd-feature:nth-child(even) .pd-view { order: 2; }
.pd-view { padding: clamp(18px,2.08vw,30px); min-height: clamp(260px,27.1vw,390px); background: #dce6dc; display: grid; place-items: center; }
.pd-view img { width: 100%; height: auto; aspect-ratio: 572/322; object-fit: contain; border-radius: 10px; }
.pd-feature-copy { align-self: center; display: grid; gap: 23px; padding: clamp(24px,2.5vw,36px) clamp(24px,3.33vw,48px); }
.pd-feature-copy h2 { font-size: clamp(32px,3.33vw,48px); }
.pd-feature-copy p:last-child { color: #4d534e; font-size: clamp(17px,1.46vw,21px); line-height: 1.38; }
.pd-overline { color: #516256; font-size: 16px; }
.pd-feature-copy .pd-overline { color: #1d514d; }
.pd-integrations { display: grid; gap: 40px; padding-block: var(--section-start) var(--section-space); }
.pd-intro-center { display: grid; justify-items: center; gap: 12px; text-align: center; }
.pd-intro-center h2 { font-size: clamp(38px,3.96vw,57px); }
.pd-intro-center p:last-child { color: #505550; font-size: 20px; line-height: 1.4; }
.pd-groups { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.pd-groups article, .pd-extras { border-radius: 15px; background: #f5f5f1; }
.pd-groups article { padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.pd-groups h3 { font-size: 22px; }
.pd-groups p { font-size: 17px; line-height: 1.36; min-height: 78px; color: #444944; }
.pd-tool-list { padding: 0; list-style: none; display: grid; gap: 14px; }
.pd-groups .pd-tool-list { margin-top: auto; }
.pd-tool-list li { display: flex; align-items: center; gap: 12px; padding: 9px 12px; background: white; border-radius: 10px; font-size: 17px; }
.pd-tool-list img { width: 25px; height: 25px; object-fit: contain; flex: none; }
.pd-extras { padding: 30px; display: grid; grid-template-columns: minmax(0,430fr) minmax(0,718fr); gap: clamp(24px,3.61vw,52px); align-items: center; }
.pd-extras h3 { font-size: 34px; margin-top: 9px; }
.pd-extras > div:last-child > p { color: #444944; font-size: 18px; }
.pd-extras .pd-tool-list { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 10px; }
.pd-extras li { min-width: min(21%,155px); font-size: 16px; padding: 6px 10px; gap: 8px; }
.pd-extras img { width: 20px; height: 20px; }
.pd-questions { padding-block: var(--section-start) var(--section-space); display: grid; grid-template-columns: minmax(0,435fr) minmax(0,735fr); gap: clamp(35px,6.25vw,90px); align-items: start; }
.pd-questions h2 { font-size: clamp(38px,3.75vw,54px); }
.pd-answer { padding: 22px 0; border-top: 1px solid #c8cfca; }
.pd-answer:last-child { padding-bottom: 0; }
.pd-answer h3 { font-size: 28px; margin-bottom: 22px; }
.pd-answer p { color: #444b46; font-size: 19px; line-height: 1.39; }
@media (max-width: 1000px) {
  .pd-groups { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pd-groups p { min-height: auto; }
  .pd-roles button { padding-inline: 12px; }
}
@media (max-width: 750px) {
  .pd-wrap { width: calc(100% - 40px); }
  .pd-cover { aspect-ratio: 1.8; }
  .pd-offers, .pd-invitation, .pd-work-grid, .pd-feature, .pd-extras, .pd-questions { grid-template-columns: 1fr; }
  .pd-offers { margin-top: 24px; }
  .pd-intro .pd-lines { display: none; }
  .pd-actions { gap: 14px; }
  .pd-feature:nth-child(even) .pd-view { order: initial; }
  .pd-view { min-height: 0; }
  .pd-feature-copy { gap: 12px; padding: 24px; }
  .pd-questions, .pd-extras { gap: 24px; }
  .pd-wide-art { min-height: 180px; }
  .pd-work-panel { padding: 18px; }
  .pd-work-panel dl > div { grid-template-columns: minmax(58px, 20%) minmax(0, 1fr); gap: 12px; }
  .pd-extras li { flex: 1 1 36%; }
  .pd-intro-center { text-align: left; justify-items: start; }
}
@media (max-width: 480px) {
  .pd-groups { grid-template-columns: 1fr; }
  .pd-cover { aspect-ratio: 1.55; }
  .pd-roles button { min-height: 44px; }
}

.pd-contact, .pd-roles button, .pd-offer { transition: background-color 110ms ease-out; }
.pd-roles button:not([aria-selected=true]):is(:focus-visible,:active) { background: #e7e7df; }
@media (hover: hover) and (pointer: fine) {
  .pd-offer:hover { background: #eeede7; }
  .pd-contact:hover { background: #db3815; }
  .pd-roles button:not([aria-selected=true]):hover { background: #e7e7df; }
  .pd-link:hover, .pd-offer:hover .pd-link { text-decoration: underline; text-underline-offset: .22em; }
}
@media (prefers-reduced-motion: no-preference) {
  .pd-work-panel[inert][data-side="left"] { transform: translateX(-8px); }
  .pd-work-panel[inert][data-side="right"] { transform: translateX(8px); }
  .pd-work-surface[data-switched] .pd-work-panel {
    transition: transform 165ms cubic-bezier(.22,1,.36,1), opacity 140ms ease-out, visibility 0s;
  }
  .pd-work-surface[data-switched] .pd-work-panel[inert] {
    transition: transform 100ms ease-out, opacity 85ms ease-out, visibility 0s 100ms;
  }
  .pd-contact, .pd-roles button { transition: transform 120ms cubic-bezier(.22,1,.36,1), background-color 110ms ease-out; }
  .pd-contact:active, .pd-roles button:active { transform: scale(.98); transition-duration: 0s; }
  .pd-link > span { display: inline-block; transition: transform 130ms cubic-bezier(.22,1,.36,1); }
  .pd-link:focus-visible > span, .pd-offer:is(:focus-visible,:active) .pd-link > span { transform: translateX(3px); }
  @media (hover: hover) and (pointer: fine) {
    .pd-link:hover > span, .pd-offer:hover .pd-link > span { transform: translateX(3px); }
  }
}