/* PulsePixel design tokens. Source of truth with DESIGN.md. */
:root {
  --pp-color-ink: #111216;
  --pp-color-ink-raised: #1e1f23;
  --pp-color-surface: #f5f3ee;
  --pp-color-surface-alt: #f7f5f0;
  --pp-color-brand: #ff4b00;
  --pp-color-text-2: rgba(17, 18, 22, 0.78);
  --pp-color-on-dark: #f5f3ee;
  --pp-color-on-dark-2: rgba(245, 243, 238, 0.76);
  --pp-color-border: rgba(17, 18, 22, 0.14);
  --pp-color-border-on-dark: rgba(245, 243, 238, 0.16);

  --pp-font-display: "Unbounded", "Helvetica Neue", sans-serif;
  --pp-font-body: "Manrope", "Segoe UI", sans-serif;

  --pp-text-xs: 12px;
  --pp-text-sm: 14px;
  --pp-text-base: 16px;
  --pp-text-lead: clamp(18px, 1.4vw, 20px);
  --pp-text-h3: clamp(20px, 1.8vw, 26px);
  --pp-text-h2: clamp(30px, 3.4vw, 48px);
  --pp-text-display: clamp(38px, 5.4vw, 78px);

  --pp-section-gap: clamp(48px, 6.7vw, 96px);
  --pp-gutter: clamp(16px, 3.4vw, 48px);
  --pp-sticky-top: 160px;

  --pp-radius-sm: 8px;
  --pp-radius-md: 14px;
  --pp-radius-lg: 18px;
  --pp-radius-pill: 999px;

  --pp-dur-fast: 160ms;
  --pp-dur-base: 320ms;
  --pp-dur-slow: 640ms;
  --pp-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}
/* Redesign styles, loaded site-wide by the header template. Everything is scoped to ppr- classes. Heading and button classes are doubled on purpose: Elementor prints equal-strength global rules after this file on live pages. Tokens are prepended from pp-tokens.css at build. */
html.ppr-menu-open .pp-wa-premium { visibility: hidden; }

.ppr .e-con, .ppr-bar .e-con, .ppr-menu .e-con { --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; --gap: 0px; --row-gap: 0px; --column-gap: 0px; min-width: 0; }
.ppr-assets { display: none !important; }
.ppr .elementor-widget-text-editor, .ppr-menu .elementor-widget-text-editor { font-family: var(--pp-font-body); color: inherit; }
.ppr .elementor-widget:not(:last-child), .ppr-bar .elementor-widget:not(:last-child), .ppr-menu .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.e-con.ppr, .e-con.ppr-bar, .e-con.ppr-menu { box-sizing: border-box; }

.e-con.ppr { display: block; position: relative; padding: var(--pp-section-gap) var(--pp-gutter); background: var(--pp-color-surface); color: var(--pp-color-ink); font: 500 var(--pp-text-base)/1.6 var(--pp-font-body); --rule: var(--pp-color-border); --dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='64'%3E%3Crect y='0' width='1' height='2' fill='%23111216' fill-opacity='0.14'/%3E%3Crect y='8' width='1' height='2' fill='%23111216' fill-opacity='0.3'/%3E%3Crect y='16' width='1' height='2' fill='%23111216' fill-opacity='0.1'/%3E%3Crect y='24' width='2' height='3' fill='%23111216' fill-opacity='0.46'/%3E%3Crect y='32' width='1' height='2' fill='%23111216' fill-opacity='0.18'/%3E%3Crect y='40' width='1' height='2' fill='%23111216' fill-opacity='0.1'/%3E%3Crect y='48' width='1' height='2' fill='%23111216' fill-opacity='0.36'/%3E%3Crect y='56' width='2' height='2' fill='%23111216' fill-opacity='0.24'/%3E%3C/svg%3E"); }
.e-con.ppr--dark { background: var(--pp-color-ink); color: var(--pp-color-on-dark); --rule: var(--pp-color-border-on-dark); --dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='64'%3E%3Crect y='0' width='1' height='2' fill='%23F5F3EE' fill-opacity='0.14'/%3E%3Crect y='8' width='1' height='2' fill='%23F5F3EE' fill-opacity='0.3'/%3E%3Crect y='16' width='1' height='2' fill='%23F5F3EE' fill-opacity='0.1'/%3E%3Crect y='24' width='2' height='3' fill='%23F5F3EE' fill-opacity='0.46'/%3E%3Crect y='32' width='1' height='2' fill='%23F5F3EE' fill-opacity='0.18'/%3E%3Crect y='40' width='1' height='2' fill='%23F5F3EE' fill-opacity='0.1'/%3E%3Crect y='48' width='1' height='2' fill='%23F5F3EE' fill-opacity='0.36'/%3E%3Crect y='56' width='2' height='2' fill='%23F5F3EE' fill-opacity='0.24'/%3E%3C/svg%3E"); }
.e-con.ppr--alt { background: var(--pp-color-surface-alt); }
.ppr *, .ppr-bar *, .ppr-menu * { box-sizing: border-box; }
.ppr ::selection, .ppr-menu ::selection { background: var(--pp-color-brand); color: var(--pp-color-ink); }
.ppr a, .ppr-menu a, .ppr-bar a, .ppr a:hover, .ppr-menu a:hover, .ppr-bar a:hover, .ppr a:active, .ppr-menu a:active, .ppr-bar a:active { color: inherit; text-decoration: none; }
.ppr a:focus-visible, .ppr-menu a:focus-visible, .ppr-bar a:focus-visible, .ppr-menu-btn:focus-visible { outline: 2px solid var(--pp-color-brand); outline-offset: 3px; }
.ppr p, .ppr-menu p { margin: 0; }
.ppr ul, .ppr-menu ul { margin: 0; padding: 0; list-style: none; }
.ppr em { font-style: normal; color: var(--pp-color-brand); }
.ppr .elementor-heading-title.elementor-heading-title { margin: 0; color: inherit; }

.ppr-h1 .elementor-heading-title.elementor-heading-title, .ppr-h2 .elementor-heading-title.elementor-heading-title, .ppr-h3 .elementor-heading-title.elementor-heading-title { font-family: var(--pp-font-display); font-weight: 500; letter-spacing: -.03em; line-height: 1.08; text-wrap: balance; }
.ppr-h1 .elementor-heading-title.elementor-heading-title { font-size: clamp(38px, 5.5vw, 84px); letter-spacing: -.035em; line-height: 1.04; }
.ppr-h2 .elementor-heading-title.elementor-heading-title { font-size: var(--pp-text-h2); }
.ppr-h3 .elementor-heading-title.elementor-heading-title { font-size: var(--pp-text-h3); transition: color var(--pp-dur-fast); }
.ppr-label .elementor-heading-title.elementor-heading-title { display: flex; align-items: center; gap: 8px; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .08em; text-transform: uppercase; }
.ppr-label .elementor-heading-title.elementor-heading-title::after { content: ""; flex: none; width: 6px; height: 1.05em; margin-left: -3px; background: var(--pp-color-brand); animation: ppr-blink 1.05s steps(1) infinite; }
.ppr-meta .elementor-heading-title.elementor-heading-title { font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .08em; text-transform: uppercase; color: var(--pp-color-text-2); }
.ppr--dark .ppr-meta .elementor-heading-title.elementor-heading-title { color: var(--pp-color-on-dark-2); }
.ppr .ppr-sum, .ppr .ppr-muted { color: var(--pp-color-text-2); }
.ppr--dark .ppr-sum, .ppr--dark .ppr-muted { color: var(--pp-color-on-dark-2); }

.e-con.ppr-head { display: grid; gap: 16px; margin-bottom: clamp(32px, 4.4vw, 64px); }

/* Buttons: an inner tile on the right widens and its chevron grows a shaft on hover. Outer width never changes. */
/* Corner ticks, and three dots that become an arrow: the middle dot stretches into the shaft, the outer two rotate into the head. */
.ppr-btn .elementor-button.elementor-button, :is(.ppr, .pp-contact-page) .pp-contact-submit { --bg: var(--pp-color-surface); --fg: var(--pp-color-ink); --bd: transparent; --bg2: var(--pp-color-ink-raised); --bd2: var(--pp-color-border-on-dark); }
.ppr-btn--ink .elementor-button.elementor-button, .ppr-btn--ghost .elementor-button.elementor-button, :is(.ppr, .pp-contact-page) .pp-contact-submit { --bg: var(--pp-color-ink-raised); --fg: var(--pp-color-on-dark); --bd: var(--pp-color-border-on-dark); }
.ppr-btn .elementor-button.elementor-button { position: relative; display: inline-flex; align-items: center; max-width: 100%; min-width: 240px; min-height: 56px; padding: 0 66px 0 22px; background-color: var(--bg); color: var(--fg); border: 1px solid var(--bd); border-radius: var(--pp-radius-sm); font: 800 15px/1.15 var(--pp-font-body); letter-spacing: -.01em; transition: background-color var(--pp-dur-base) var(--pp-ease-out), color var(--pp-dur-base) var(--pp-ease-out), border-color var(--pp-dur-base) var(--pp-ease-out); }
.ppr-btn .elementor-button.elementor-button::before, :is(.ppr, .pp-contact-page) .pp-contact-submit::before { content: ""; position: absolute; inset: -1px; pointer-events: none; background: linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 0 / 6px 2px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 0 / 2px 6px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 100% 0 / 6px 2px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 100% 0 / 2px 6px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 100% / 6px 2px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 100% / 2px 6px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 100% 100% / 6px 2px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 100% 100% / 2px 6px no-repeat; }
.ppr-btn .elementor-button.elementor-button::after, :is(.ppr, .pp-contact-page) .pp-contact-submit::after, .ppr-btn .elementor-button-content-wrapper::before, .ppr-btn .elementor-button-content-wrapper::after, :is(.ppr, .pp-contact-page) .pp-contact-submit-arrow::before, :is(.ppr, .pp-contact-page) .pp-contact-submit-arrow::after, .ppr-proj__link a::after, .ppr-proj__link i::before, .ppr-proj__link i::after, .ppr-more::after, .ppr-more i::before, .ppr-more i::after, .ppr .pp-home-blog-image-arrow::after, .ppr .pp-home-blog-image-arrow i::before, .ppr .pp-home-blog-image-arrow i::after { content: ""; position: absolute; top: calc(50% - 1.5px); right: 24px; width: 3px; height: 3px; background-color: currentColor; transform-origin: 100% 50%; transition: transform 460ms var(--pp-ease-out); }
.ppr-btn .elementor-button-content-wrapper::before, :is(.ppr, .pp-contact-page) .pp-contact-submit-arrow::before, .ppr-proj__link i::before, .ppr-more i::before, .ppr .pp-home-blog-image-arrow i::before { transform: translateY(-8px) rotate(0deg) scale(1, 1); }
.ppr-btn .elementor-button-content-wrapper::after, :is(.ppr, .pp-contact-page) .pp-contact-submit-arrow::after, .ppr-proj__link i::after, .ppr-more i::after, .ppr .pp-home-blog-image-arrow i::after { transform: translateY(8px) rotate(0deg) scale(1, 1); }
.ppr-btn .elementor-button.elementor-button:is(:hover, :focus-visible) { background-color: var(--bg2); color: var(--pp-color-brand); border-color: var(--bd2); }
.ppr-btn .elementor-button.elementor-button:is(:hover, :focus-visible)::after, :is(.ppr, .pp-contact-page) .pp-contact-submit:is(:hover, :focus-visible)::after, .ppr-proj__link a:is(:hover, :focus-visible)::after, :is(.ppr-svc, .ppr-stack__card, .ppr-more-link a):is(:hover, :focus-visible) .ppr-more::after, .ppr .pp-home-blog-card-link:is(:hover, :focus-visible) .pp-home-blog-image-arrow::after { transform: scale(10, .67); }
.ppr-btn .elementor-button.elementor-button:is(:hover, :focus-visible) .elementor-button-content-wrapper::before, :is(.ppr, .pp-contact-page) .pp-contact-submit:is(:hover, :focus-visible) .pp-contact-submit-arrow::before, .ppr-proj__link a:is(:hover, :focus-visible) i::before, :is(.ppr-svc, .ppr-stack__card, .ppr-more-link a):is(:hover, :focus-visible) .ppr-more i::before, .ppr .pp-home-blog-card-link:is(:hover, :focus-visible) .pp-home-blog-image-arrow i::before { transform: translateY(0) rotate(45deg) scale(4, .67); }
.ppr-btn .elementor-button.elementor-button:is(:hover, :focus-visible) .elementor-button-content-wrapper::after, :is(.ppr, .pp-contact-page) .pp-contact-submit:is(:hover, :focus-visible) .pp-contact-submit-arrow::after, .ppr-proj__link a:is(:hover, :focus-visible) i::after, :is(.ppr-svc, .ppr-stack__card, .ppr-more-link a):is(:hover, :focus-visible) .ppr-more i::after, .ppr .pp-home-blog-card-link:is(:hover, :focus-visible) .pp-home-blog-image-arrow i::after { transform: translateY(0) rotate(-45deg) scale(4, .67); }
.ppr-btn .elementor-button.elementor-button:focus-visible { outline: 2px solid var(--pp-color-brand); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .ppr-btn .elementor-button.elementor-button, .ppr-btn .elementor-button.elementor-button::after, :is(.ppr, .pp-contact-page) .pp-contact-submit, :is(.ppr, .pp-contact-page) .pp-contact-submit::after, .ppr-btn .elementor-button-content-wrapper::before, .ppr-btn .elementor-button-content-wrapper::after, :is(.ppr, .pp-contact-page) .pp-contact-submit-arrow::before, :is(.ppr, .pp-contact-page) .pp-contact-submit-arrow::after, .ppr-proj__link a::after, .ppr-proj__link i::before, .ppr-proj__link i::after, .ppr-more::after, .ppr-more i::before, .ppr-more i::after, .ppr .pp-home-blog-image-arrow::after, .ppr .pp-home-blog-image-arrow i::before, .ppr .pp-home-blog-image-arrow i::after { transition: none; } .ppr-label .elementor-heading-title.elementor-heading-title::after, .e-con.ppr--rules::before, .e-con.ppr-stepbar::after, .e-con.ppr-tile--mark::before, .e-con.ppr-step__body::before, .e-con.ppr-rev::before { animation: none; }
  .ppr-foot .ppr-mark, .ppr-foot .ppr-mark::after { transition: none; }
  .ppr .pp-home-blog-image-arrow, .ppr .pp-home-blog-image::after, :is(.ppr, .pp-contact-page) .pp-contact-submit, :is(.ppr, .pp-contact-page) .pp-contact-submit::after { transition: none; }
  .e-con.ppr-stepbar::before { transition: none; } }

/* Inline text links, site-wide (2026-11-10).
   Hello Elementor's reset.css colours every link #c36 (hover #336), so plain links in running text showed magenta.
   Orange text on cream is only 3:1, so on light backgrounds the brand orange is the underline and the text stays ink.
   On dark backgrounds the link text is orange (5.6:1). Class-less links outside the redesign (ppr-) components only, so menus, footer and component links keep their own look. */
:where(p, li, dd, td, blockquote, figcaption) > a:not([class]):not(:is(div, section, header, footer, nav, ul, ol)[class*="ppr"] *),
:where(p, li, dd, td, blockquote, figcaption) > a:not([class]):not(:is(div, section, header, footer, nav, ul, ol)[class*="ppr"] *):visited { color: var(--pp-color-ink); text-decoration: underline; text-decoration-color: var(--pp-color-brand); text-decoration-thickness: 2px; text-underline-offset: .2em; transition: text-decoration-thickness var(--pp-dur-base) var(--pp-ease-out); }
:where(p, li, dd, td, blockquote, figcaption) > a:not([class]):not(:is(div, section, header, footer, nav, ul, ol)[class*="ppr"] *):is(:hover, :active, :focus-visible) { color: var(--pp-color-ink); text-decoration-color: var(--pp-color-brand); text-decoration-thickness: 3px; }
:where(p, li, dd, td, blockquote, figcaption) > a:not([class]):not(:is(div, section, header, footer, nav, ul, ol)[class*="ppr"] *):focus-visible { outline: 2px solid var(--pp-color-brand); outline-offset: 2px; border-radius: 2px; }
:where(.ppr-on-dark, .pp-web-why, .pp-audit-problem, .pp-audit-form-benefits, .ppr-scan, .ppr-foot, footer) :where(p, li, dd, td, blockquote, figcaption) > a:not([class]):not(:is(div, section, header, footer, nav, ul, ol)[class*="ppr"] *),
:where(.ppr-on-dark, .pp-web-why, .pp-audit-problem, .pp-audit-form-benefits, .ppr-scan, .ppr-foot, footer) :where(p, li, dd, td, blockquote, figcaption) > a:not([class]):not(:is(div, section, header, footer, nav, ul, ol)[class*="ppr"] *):is(:visited, :hover, :active, :focus-visible) { color: var(--pp-color-brand); }

/* Dotted column lines, at every width (mobile added 2026-11-10). The layer is one dot-period taller and moves by exactly one period, so the loop is seamless and needs no repaint. */
.e-con.ppr--rules { overflow: clip; }
.e-con.ppr--rules::before { content: ""; position: absolute; z-index: 1; top: -64px; bottom: 0; left: var(--pp-gutter); right: var(--pp-gutter); width: auto; height: auto; pointer-events: none; background-image: var(--dots), var(--dots), var(--dots), var(--dots); background-size: 2px 64px; background-repeat: repeat-y; background-position: 0 0, 25% 24px, 50% 40px, 75% 8px; animation: ppr-rule-run 20s linear infinite; }
.e-con.ppr--rules > *:not(.ppr-rail__side) { position: relative; z-index: 2; }
.e-con.ppr--rules > .ppr-rail__side { z-index: 2; }
/* Footer contact (2026-11-10): WhatsApp number after the email, as in the header menu, and the blinking cursor after the tagline. */
.ppr-foot__tag p::after { content: ""; display: inline-block; width: 6px; height: 1.05em; margin-left: 4px; vertical-align: -.14em; background: var(--pp-color-brand); animation: ppr-blink 1.05s steps(1) infinite; }
.ppr-foot__wa a { display: inline-flex; flex-direction: column; gap: 4px; justify-content: center; min-height: 44px; font: 500 clamp(20px, 1.9vw, 30px)/1.15 var(--pp-font-display); letter-spacing: -.02em; transition: color var(--pp-dur-fast); }
.ppr-foot__wa small { color: var(--pp-color-on-dark-2); font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .08em; text-transform: uppercase; }
.ppr-foot__wa a:hover, .ppr-foot__wa a:focus-visible { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; text-decoration-color: var(--pp-color-brand); }
@media (prefers-reduced-motion: reduce) { .ppr-foot__tag p::after { animation: none; } }

/* Client logo slider (2026-11-10), Home and About. Two identical tracks move left by their own width, so the loop is seamless. */
.e-con.ppr-logos { padding-top: clamp(40px, 5vw, 72px); padding-bottom: clamp(40px, 5vw, 72px); }
.ppr-logos__inner { display: grid; gap: 20px; }
.ppr-logos__label { font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .08em; text-transform: uppercase; color: var(--pp-color-text-2); }
.ppr-logos__view { display: flex; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.ppr .ppr-logos__track { flex: none; display: flex; align-items: center; justify-content: space-around; gap: clamp(40px, 5vw, 80px); min-width: 100%; padding-right: clamp(40px, 5vw, 80px); animation: ppr-logos-run 40s linear infinite; }
.ppr-logos__track li { flex: none; display: flex; align-items: center; }
.ppr-logos__track img { display: block; width: auto; height: clamp(30px, 3.2vw, 44px); max-width: clamp(120px, 14vw, 190px); object-fit: contain; }
.ppr-logos__view:hover .ppr-logos__track { animation-play-state: paused; }
@keyframes ppr-logos-run { to { transform: translateX(-100%); } }
@media (max-width: 767px) { .ppr .ppr-logos__track { animation-duration: 28s; } }
/* Reduced motion: no movement, one wrapped row of logos. */
@media (prefers-reduced-motion: reduce) {
.ppr-logos__view { -webkit-mask-image: none; mask-image: none; }
.ppr .ppr-logos__track { flex: 1 1 100%; flex-wrap: wrap; justify-content: center; gap: 28px 48px; padding-right: 0; animation: none; }
}

/* Header */
.e-con.ppr-bar { position: fixed; z-index: 9999; top: 16px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 18px; width: min(520px, calc(100vw - 32px)); height: 64px; padding: 8px 8px 8px 18px; background: var(--pp-color-ink); border: 0; border-radius: var(--pp-radius-lg); }
.ppr-bar .elementor-widget { width: auto; max-width: none; flex: none; }
.ppr-bar .ppr-typer-bar { display: none; flex: 1 1 auto; min-width: 0; }
.ppr-bar .ppr-logo .elementor-heading-title.elementor-heading-title { margin: 0; font: 600 18px/1 var(--pp-font-display); letter-spacing: -.01em; color: var(--pp-color-on-dark); white-space: nowrap; }
/* Selectors carry .ppr-bar and every state because Hello reset.css sets button:hover and :focus to #c36. */
.ppr-bar .ppr-menu-btn { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 12px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color var(--pp-dur-base) var(--pp-ease-out), transform var(--pp-dur-fast); }
.ppr-bar .ppr-menu-btn, .ppr-bar .ppr-menu-btn:hover, .ppr-bar .ppr-menu-btn:focus, .ppr-bar .ppr-menu-btn:active { background-color: var(--pp-color-ink-raised); color: var(--pp-color-on-dark); }
.ppr-bar .ppr-menu-btn[aria-expanded="true"], .ppr-bar .ppr-menu-btn[aria-expanded="true"]:hover, .ppr-bar .ppr-menu-btn[aria-expanded="true"]:focus, .ppr-bar .ppr-menu-btn[aria-expanded="true"]:active { background-color: var(--pp-color-brand); color: var(--pp-color-ink); }
.ppr-bar .ppr-menu-btn:active { transform: scale(.96); }
.ppr-bar .ppr-menu-btn:not([aria-expanded="true"]):hover i { background: var(--pp-color-brand); }
.ppr-menu-btn i { display: block; grid-area: 1/1; width: 20px; height: 2px; background: var(--pp-color-on-dark); transition: transform var(--pp-dur-base) var(--pp-ease-out), background var(--pp-dur-base) var(--pp-ease-out); }
.ppr-menu-btn i:first-child { transform: translateY(-4px); }
.ppr-menu-btn i:last-child { transform: translateY(4px); }
.ppr-menu-btn:hover i:first-child { transform: translateY(-5px) scaleX(.8); }
.ppr-menu-btn:hover i:last-child { transform: translateY(5px) scaleX(.8); }
.ppr-menu-btn[aria-expanded="true"] i { background: var(--pp-color-ink); }
.ppr-menu-btn[aria-expanded="true"] i:first-child { transform: rotate(45deg); }
.ppr-menu-btn[aria-expanded="true"] i:last-child { transform: rotate(-45deg); }
html:not(.ppr-js) .ppr-menu-btn { display: none; }

/* Hero */
.e-con.ppr-hero { position: relative; z-index: 0; display: flex; flex-direction: column; min-height: 100svh; padding: 112px var(--pp-gutter) 36px; overflow: hidden; background: radial-gradient(60% 60% at 82% 88%, rgba(255, 75, 0, .34), transparent 70%), var(--pp-color-ink); }
.ppr-terrain-wrap.elementor-widget { position: absolute; inset: 0; width: auto; max-width: none; pointer-events: none; }
.ppr-terrain { position: absolute; inset: 0; pointer-events: none; }
.ppr-terrain canvas { display: block; width: 100%; height: 100%; opacity: 0; transition: opacity 1.2s var(--pp-ease-out); }
.ppr-terrain.is-on canvas { opacity: 1; }
.ppr-terrain::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(17, 18, 22, .58) 0%, rgba(17, 18, 22, .2) 46%, transparent 70%), linear-gradient(0deg, rgba(17, 18, 22, .4), transparent 34%); }
.e-con.ppr-hero__main, .e-con.ppr-hero__intro { position: relative; z-index: 1; }
.e-con.ppr-hero__main { display: flex; flex-direction: column; gap: 20px; margin-top: auto; }
.e-con.ppr-hero__intro { display: flex; flex-direction: column; gap: 16px; margin-top: 24px; }
.ppr-hero__lede { font-size: var(--pp-text-lead); line-height: 1.45; font-weight: 600; letter-spacing: -.01em; }
.ppr-status { display: flex; align-items: center; gap: 8px; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .08em; color: var(--pp-color-on-dark); text-transform: uppercase; }
.e-con.ppr-hero__cta { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px; margin-top: 8px; }

.ppr-typer { display: flex; align-items: center; gap: 12px; margin: 0; font: 700 15px/1.3 var(--pp-font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--pp-color-on-dark); }
.ppr-typer--bar { gap: 10px; font-size: 13px; letter-spacing: .14em; }
.ppr-typer--bar svg { width: 15px; height: 15px; }
.ppr-typer--bar .ppr-typer__cursor { width: 8px; }
.ppr-nowrap { white-space: nowrap; }
.ppr-h1 .ppr-typer__cursor { width: .3em; height: .78em; margin-left: .1em; vertical-align: -.02em; }
.ppr-status .ppr-typer__cursor { width: 8px; height: 1.1em; margin-left: -3px; vertical-align: baseline; }
.ppr-typer svg { flex: none; width: 20px; height: 20px; stroke: var(--pp-color-brand); }
.ppr-typer__stack { display: inline-grid; white-space: nowrap; }
.ppr-typer__sizer, .ppr-typer__line { grid-area: 1/1; }
.ppr-typer__sizer { visibility: hidden; padding-right: 16px; }
.ppr-typer__cursor { display: inline-block; width: 10px; height: 1.05em; margin-left: 4px; vertical-align: -.14em; background: var(--pp-color-brand); animation: ppr-blink 1.05s steps(1) infinite; }
.is-still .ppr-typer__cursor { animation: none; }
@keyframes ppr-blink { 50% { opacity: 0; } }
@keyframes ppr-bar-run { to { transform: translateX(-64px); } }
@keyframes ppr-rule-run { to { transform: translateY(64px); } }
.ppr-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

/* Who we help */
.ppr-big .elementor-heading-title.elementor-heading-title { font-family: var(--pp-font-display); font-weight: 500; letter-spacing: -.03em; line-height: 1.12; font-size: clamp(24px, 2.9vw, 42px); }
.e-con.ppr-who { display: grid; gap: 28px; }
.e-con.ppr-who__copy { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.ppr-who__lead p + p, .ppr-who__copy p + p { margin-top: 14px; }
.ppr-photo { overflow: hidden; border-radius: var(--pp-radius-md); }
.ppr-photo img { display: block; width: 100%; height: 100%; min-height: 280px; object-fit: cover; }

/* Solutions */
.e-con.ppr-svc { position: relative; display: grid; grid-template-columns: 1fr; gap: 14px; padding: 30px 0; border-top: 1px solid var(--rule); color: inherit; transition: padding var(--pp-dur-base) var(--pp-ease-out); }
.e-con.ppr-svc > * { grid-column: 1 / -1; }
.e-con.ppr-svc__name { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.ppr-svc__more .elementor-heading-title.elementor-heading-title { font-size: 15px; line-height: 1; }
.ppr-more { position: relative; display: inline-flex; align-items: center; min-height: 44px; padding-right: 46px; color: var(--pp-color-on-dark); font: 700 15px/1.2 var(--pp-font-body); letter-spacing: 0; }
.ppr-svc__img { overflow: hidden; border-radius: var(--pp-radius-sm); }
.ppr-svc__img img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform var(--pp-dur-slow) var(--pp-ease-out); }
.ppr-svc:hover .ppr-svc__img img { transform: scale(1.06); }
.ppr-svc:hover .ppr-h3 .elementor-heading-title.elementor-heading-title { color: var(--pp-color-brand); }
.ppr-no .elementor-heading-title.elementor-heading-title { font: 800 13px/1.6 var(--pp-font-body); color: var(--pp-color-brand); font-variant-numeric: tabular-nums; }
.ppr-rail__side { display: flex; flex-direction: column; gap: 18px; margin-bottom: 36px; align-items: flex-start; }

/* Work */
.e-con.ppr-proj { scroll-margin-top: 96px; display: grid; gap: 20px; padding-bottom: clamp(40px, 5vw, 72px); }
.ppr-proj__img { overflow: hidden; border-radius: var(--pp-radius-md); background: var(--pp-color-surface-alt); }
.ppr-proj__img a { display: block; }
:is(.home, .ppr-ow-work) .ppr-proj__img { overflow: visible; background: transparent; border-radius: 0; }
:is(.home, .ppr-ow-work) .ppr-proj__img img { aspect-ratio: 958 / 604; height: auto; object-fit: contain; border-radius: 0; filter: drop-shadow(0 18px 26px rgba(17, 18, 22, .2)); }
.e-con.ppr-cardstack { display: block; }
.e-con.ppr-stack__card { position: sticky; top: var(--stick, 88px); display: grid; grid-template-columns: minmax(0, 1fr); margin-bottom: 14px; padding: 12px; overflow: hidden; background: radial-gradient(70% 70% at 100% 100%, rgba(255, 75, 0, .22), transparent 70%), var(--pp-color-ink); border: 1px solid transparent; border-radius: var(--pp-radius-lg); color: var(--pp-color-on-dark); }
.e-con.ppr-stack__card:nth-child(even) { background: var(--pp-color-surface-alt); border-color: var(--pp-color-border); color: var(--pp-color-ink); }
/* The card is itself a link in a light section, so .ppr a:hover would inherit the section's dark text. */
.ppr a.e-con.ppr-stack__card:is(:hover, :focus) { color: var(--pp-color-on-dark); }
.ppr a.e-con.ppr-stack__card:nth-child(even):is(:hover, :focus) { color: var(--pp-color-ink); }
.ppr-stack__card:focus-visible { outline: 2px solid var(--pp-color-brand); outline-offset: 2px; }
.ppr-stack__img { overflow: hidden; border-radius: var(--pp-radius-md); }
.ppr-stack__img img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.e-con.ppr-stack__body { display: flex; flex-direction: column; gap: 12px; padding: 16px 10px 4px; align-items: flex-start; }
.e-con.ppr-stack__top { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; }
.ppr-stack__title .elementor-heading-title.elementor-heading-title { font: 500 clamp(24px, 3vw, 43px)/1.08 var(--pp-font-display); letter-spacing: -.03em; color: inherit; }
.ppr .ppr-stack__card .ppr-muted { font: 500 16px/1.5 var(--pp-font-body); }
.ppr-stack__chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.ppr-stack__chips li { padding: 6px 10px; border: 1px solid var(--pp-color-border-on-dark); border-radius: 6px; font: 600 13px/1.2 var(--pp-font-body); }
.ppr-stack__card:nth-child(even) .ppr-stack__chips li { border-color: var(--pp-color-border); }
.ppr-stack__card .ppr-more { color: inherit; }
.ppr-more-link .elementor-heading-title.elementor-heading-title { display: inline-flex; font: inherit; }
.ppr-more-link .ppr-more { color: var(--pp-color-ink); }
.ppr-more-link a:focus-visible { outline: 2px solid var(--pp-color-brand); outline-offset: 2px; }
.ppr-stack__card:nth-child(even) .ppr-no .elementor-heading-title.elementor-heading-title { color: var(--pp-color-text-2); }
.ppr-stack__card:nth-child(odd) .ppr-meta .elementor-heading-title.elementor-heading-title { color: var(--pp-color-on-dark-2); }
.ppr .ppr-stack__card:nth-child(odd) .ppr-muted { color: var(--pp-color-on-dark-2); }
.ppr-work-nav { margin-top: 12px; }
.ppr-work-nav a { display: inline-flex; align-items: center; min-height: 40px; font-weight: 600; font-size: 16px; background: linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 calc(100% - 8px) / 0 2px no-repeat; transition: background-size var(--pp-dur-base) var(--pp-ease-out); }
.ppr-work-nav a:hover, .ppr-work-nav a:focus-visible { background-size: 100% 2px; }
.ppr-proj__img img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform 900ms var(--pp-ease-out); }
.ppr-proj:hover .ppr-proj__img img { transform: scale(1.035); }
.e-con.ppr-proj__meta { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.ppr-proj__link a, .ppr-proj__link a:hover, .ppr-proj__link a:focus { position: relative; display: inline-flex; align-items: center; min-height: 44px; padding-right: 46px; color: var(--pp-color-ink); font-weight: 700; font-size: 15px; }
.ppr-proj__link a::after, .ppr-proj__link i::before, .ppr-proj__link i::after, .ppr-more::after, .ppr-more i::before, .ppr-more i::after, .ppr .pp-home-blog-image-arrow::after, .ppr .pp-home-blog-image-arrow i::before, .ppr .pp-home-blog-image-arrow i::after { right: 0; }
.e-con.ppr-facts { display: grid; gap: 6px; width: 100%; padding: 12px 0; border-block: 1px solid var(--rule); }

/* Why */
.e-con.ppr-why__lead { display: grid; gap: 28px; margin-bottom: clamp(36px, 5vw, 72px); }
.e-con.ppr-trust { display: flex; flex-direction: row; align-items: center; gap: 12px; }
.e-con.ppr-trust__imgs { display: flex; flex-direction: row; gap: 4px; }
.ppr-trust__img img { display: block; width: 44px; height: 44px; object-fit: cover; border-radius: 10px; }
.ppr-trust__text p { font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .08em; text-transform: uppercase; }
.ppr .ppr-fill { font: 500 clamp(24px, 3.1vw, 44px)/1.22 var(--pp-font-display); letter-spacing: -.03em; }
.ppr-fill p { font: inherit; letter-spacing: inherit; }
.ppr-motion .ppr-w { opacity: .2; transition: opacity 260ms; }
.ppr-motion .ppr-w.on { opacity: 1; }

.e-con.ppr-bento { display: grid; gap: 14px; }
.e-con.ppr-tile { --t2: var(--pp-color-text-2); position: relative; display: flex; flex-direction: column; gap: 12px; padding: 26px; overflow: hidden; border-radius: var(--pp-radius-md); min-height: 260px; container-type: inline-size; }
.e-con.ppr-tile--light { background: var(--pp-color-surface); border: 1px solid var(--pp-color-border); }
.e-con.ppr-tile--ink { --t2: var(--pp-color-on-dark-2); background: radial-gradient(70% 70% at 100% 100%, rgba(255, 75, 0, .26), transparent 70%), var(--pp-color-ink); color: var(--pp-color-on-dark); }
.e-con.ppr-tile--or { --t2: var(--pp-color-ink); background: var(--pp-color-brand); color: var(--pp-color-ink); }
.e-con.ppr-tile--mark::before { content: ""; position: static; flex: none; width: 8px; height: 18px; margin: 0 0 8px; background: var(--pp-color-brand); animation: ppr-blink 1.05s steps(1) infinite; }
.e-con.ppr-tile--or::before { background: var(--pp-color-ink); }
.ppr .ppr-tile__text { color: var(--t2); }
.ppr-tile .ppr-h3 .elementor-heading-title.elementor-heading-title { font-size: 19px; line-height: 1.15; }
.ppr-tile__big .elementor-heading-title.elementor-heading-title { font: 500 clamp(28px, 3vw, 44px)/1.08 var(--pp-font-display); letter-spacing: -.03em; }
.e-con.ppr-tile--big { min-height: 440px; }
.e-con.ppr-tile__foot { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 28px; margin-top: auto; }
.ppr-benefits ul { display: grid; gap: 14px; }
.ppr-benefits li { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 17px; }
.ppr-benefits li::before { content: ""; flex: none; width: 20px; height: 20px; background: var(--pp-color-brand); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat; }
.ppr-benefits li:nth-child(2)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.5 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.5 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
.ppr-benefits li:nth-child(3)::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18M9 16l2 2 4-4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18M9 16l2 2 4-4'/%3E%3C/svg%3E"); }
.e-con.ppr-always { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; max-width: 260px; margin-left: auto; }
.ppr-always__num .elementor-heading-title.elementor-heading-title { font: 500 clamp(56px, 7vw, 104px)/.9 var(--pp-font-display); letter-spacing: -.04em; }
.ppr-tile .ppr-stack-wrap.elementor-widget { position: static; }
.ppr-stack { position: absolute; left: 26px; right: 26px; bottom: -.14em; font-family: var(--pp-font-display); font-weight: 700; font-size: clamp(48px, 4.6vw, 72px); font-size: 23cqw; line-height: .86; letter-spacing: -.05em; white-space: nowrap; }
.ppr-stack span { display: block; }
.ppr-stack span:first-child { position: relative; z-index: 1; color: var(--pp-color-ink); }
.ppr-stack span:last-child { margin-top: -.34em; color: var(--pp-color-on-dark); }
.e-con.ppr-tile--less { min-height: 380px; padding-bottom: 130px; }
.e-con.ppr-tile--center { align-items: center; justify-content: flex-end; text-align: center; min-height: 380px; }
.ppr-flow { display: grid; gap: 6px; width: min(240px, 100%); margin-bottom: 12px; }
.ppr-flow span { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 40px; padding: 0 12px; background: var(--pp-color-ink); color: var(--pp-color-on-dark); border-radius: 6px; font: 700 13px/1.2 var(--pp-font-body); text-align: left; }
.ppr-flow span::after { content: ""; flex: none; width: 14px; height: 14px; background: var(--pp-color-brand); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2.4'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2.4'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8'/%3E%3C/svg%3E") center / contain no-repeat; }
.ppr-flow span:last-child { background: var(--pp-color-brand); color: var(--pp-color-ink); }
.ppr-flow span:last-child::after { background: var(--pp-color-ink); }
.ppr-bars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; align-items: end; height: 150px; margin-top: auto; }
.ppr-bars span { display: flex; justify-content: flex-start; align-items: center; padding: 8px 0; writing-mode: vertical-rl; transform: rotate(180deg); background: var(--pp-color-ink); color: var(--pp-color-on-dark); border-radius: 6px; font: 700 var(--pp-text-xs)/1 var(--pp-font-body); }
.ppr-bars span:nth-child(1) { height: 42%; }
.ppr-bars span:nth-child(2) { height: 58%; }
.ppr-bars span:nth-child(3) { height: 78%; }
.ppr-bars span:nth-child(4) { height: 100%; background: var(--pp-color-brand); color: var(--pp-color-ink); }
.ppr-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.ppr-chips span { padding: 8px 10px; background: var(--pp-color-surface-alt); border: 1px solid var(--pp-color-border); border-radius: 8px; font: 600 var(--pp-text-xs)/1 var(--pp-font-body); color: var(--pp-color-text-2); }
.ppr-chips span:nth-child(5) { background: var(--pp-color-brand); border-color: var(--pp-color-brand); color: var(--pp-color-ink); }

/* Process: each bar fills further per step as it scrolls in, over lines that run slowly behind it. */
.e-con.ppr-step { display: block; padding-bottom: clamp(40px, 5vw, 72px); }
.e-con.ppr-stepbar { position: relative; display: flex; flex-direction: row; align-items: center; gap: 14px; height: 44px; padding: 0 18px; overflow: hidden; color: var(--pp-color-on-dark); --w: 100; }
.ppr-step:nth-child(1) .ppr-stepbar { --w: 25; }
.ppr-step:nth-child(2) .ppr-stepbar { --w: 50; }
.ppr-step:nth-child(3) .ppr-stepbar { --w: 75; }
.e-con.ppr-stepbar::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; width: max(236px, calc(var(--w) * var(--p, 1) * 1%)); height: auto; background: var(--pp-color-ink); transition: width 1100ms var(--pp-ease-out); }
.e-con.ppr-stepbar::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: -64px; z-index: 0; width: auto; height: auto; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='44'%3E%3Crect x='0' width='2' height='44' fill='%23111216' fill-opacity='0.2'/%3E%3Crect x='8' width='2' height='44' fill='%23111216' fill-opacity='0.46'/%3E%3Crect x='16' width='2' height='44' fill='%23111216' fill-opacity='0.14'/%3E%3Crect x='24' width='3' height='44' fill='%23111216' fill-opacity='0.72'/%3E%3Crect x='32' width='2' height='44' fill='%23111216' fill-opacity='0.26'/%3E%3Crect x='40' width='2' height='44' fill='%23111216' fill-opacity='0.54'/%3E%3Crect x='48' width='3' height='44' fill='%23111216' fill-opacity='0.86'/%3E%3Crect x='56' width='2' height='44' fill='%23111216' fill-opacity='0.32'/%3E%3C/svg%3E") 0 0 / 64px 44px repeat-x; animation: ppr-bar-run 20s linear infinite; }
.ppr-stepbar > .elementor-widget { position: relative; z-index: 2; }
.ppr-stepno .elementor-heading-title.elementor-heading-title { font: 700 13px/1 var(--pp-font-body); color: var(--pp-color-on-dark-2); font-variant-numeric: tabular-nums; }
.ppr-stepname .elementor-heading-title.elementor-heading-title { font: 500 17px/1 var(--pp-font-display); letter-spacing: -.02em; color: var(--pp-color-on-dark); }
.e-con.ppr-step__body { display: grid; gap: 14px; padding-top: 28px; }
.ppr .ppr-step__body .ppr-muted { font: 600 clamp(18px, 1.6vw, 23px)/1.35 var(--pp-font-body); letter-spacing: -.01em; }

/* Reviews */
.e-con.ppr-revs__bar { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 12px; border-bottom: 1px dashed var(--rule); }
.ppr-revs__note p { font: 700 var(--pp-text-sm)/1.4 var(--pp-font-body); color: var(--pp-color-text-2); }
.e-con.ppr-revs { display: block; container-type: inline-size; overflow-x: auto; padding-top: 32px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 40px, #000 calc(100% - 40px), transparent); mask-image: linear-gradient(90deg, transparent, #000 40px, #000 calc(100% - 40px), transparent); }
.ppr-js .e-con.ppr-revs:has(.is-running) { overflow-x: hidden; }
.e-con.ppr-revs__track { display: flex; flex-direction: row; width: max-content; }
.e-con.ppr-revs__track.is-running { animation: ppr-rev-run 90s linear infinite; }
.ppr-revs:active .ppr-revs__track { animation-play-state: paused; }
@media (hover: hover) { .ppr-revs:hover .ppr-revs__track { animation-play-state: paused; } }
@keyframes ppr-rev-run { to { transform: translateX(-50%); } }
.e-con.ppr-rev { flex: 0 0 86cqw; display: flex; flex-direction: column; gap: 22px; min-height: 290px; padding: 0 32px 0 2px; }
.e-con.ppr-rev::before { content: ""; position: static; flex: none; width: 32px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24' fill='%23FF4B00'%3E%3Cpath d='M0 0h13v12c0 6-4 10-10 11l-1-4c3-1 5-3 5-6H0zM18 0h13v12c0 6-4 10-10 11l-1-4c3-1 5-3 5-6H18z'/%3E%3C/svg%3E") center / contain no-repeat; animation: ppr-blink 1.05s steps(1) infinite; }
.ppr-rev__text p { font: 500 clamp(18px, 1.45vw, 21px)/1.32 var(--pp-font-body); letter-spacing: -.01em; color: var(--pp-color-text-2); }
.e-con.ppr-rev__who { display: flex; flex-direction: row; align-items: center; gap: 12px; margin-top: auto; }
.ppr-rev__ava .elementor-heading-title.elementor-heading-title { display: grid; place-items: center; width: 52px; height: 52px; background: var(--pp-color-ink); color: var(--pp-color-on-dark); border-radius: 10px; font: 500 15px/1 var(--pp-font-display); }
.ppr-rev__photo.elementor-widget { flex: 0 0 52px; width: 52px; }
.ppr-rev__photo img { display: block; width: 52px; height: 52px; object-fit: cover; border-radius: 10px; }
.e-con.ppr-rev__id { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ppr-rev__name .elementor-heading-title.elementor-heading-title { font: 700 16px/1.2 var(--pp-font-body); }
.ppr-rev__role .elementor-heading-title.elementor-heading-title { font: 600 13px/1.2 var(--pp-font-body); color: var(--pp-color-text-2); }

/* Insights: restyles the existing shortcode, scoped to this draft */
.ppr .pp-home-blogs { --pp-black: var(--pp-color-ink); background: transparent; padding: 0; margin: 0; color: inherit; }
.ppr .pp-home-blogs-bottom { display: none; }
.ppr .pp-home-blog-image { background: var(--pp-color-surface); }
.ppr .pp-home-blog-read { display: none; }
.ppr .pp-home-blog-image { position: relative; }
.ppr .pp-home-blog-image-arrow { position: absolute; right: 16px; bottom: 16px; display: flex; align-items: center; z-index: 1; width: auto; height: 44px; padding: 0 46px 0 0; background: transparent; color: var(--pp-color-on-dark); border: 0; border-radius: 0; font: 700 15px/1 var(--pp-font-body); opacity: 0; transform: translateY(8px); transition: opacity var(--pp-dur-fast), transform var(--pp-dur-base) var(--pp-ease-out); }
.ppr .pp-home-blog-image-arrow svg { display: none; }
/* The shortcode is off limits, so the label lives in CSS; the link's aria-label already names the article. */
.ppr .pp-home-blog-image-arrow::before { content: "Read Article"; white-space: nowrap; }
.ppr .pp-home-blog-image::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 45%; background: linear-gradient(transparent, rgba(17, 18, 22, .85)); opacity: 0; transition: opacity var(--pp-dur-base) var(--pp-ease-out); pointer-events: none; }
.ppr .pp-home-blog-card-link:hover .pp-home-blog-image::after, .ppr .pp-home-blog-card-link:focus-visible .pp-home-blog-image::after { opacity: 1; }
.ppr .pp-home-blog-card-link:hover .pp-home-blog-image-arrow, .ppr .pp-home-blog-card-link:focus-visible .pp-home-blog-image-arrow { opacity: 1; transform: none; }
.ppr .pp-home-blog-card-link:is(:hover, :focus-visible) .pp-home-blog-image-arrow::after, .ppr .pp-home-blog-card-link:is(:hover, :focus-visible) .pp-home-blog-image-arrow i::before, .ppr .pp-home-blog-card-link:is(:hover, :focus-visible) .pp-home-blog-image-arrow i::after { transition-delay: 220ms; }
@media (hover: none) { .ppr .pp-home-blog-image::after, .ppr .pp-home-blog-image-arrow { opacity: 1; transform: none; } }
.ppr .pp-home-blogs-inner { width: 100%; max-width: none; padding: 0; margin: 0; }
.ppr .pp-home-blogs-header { display: none; }
.ppr .pp-home-blogs-grid { display: grid; gap: 32px; }
.ppr .pp-home-blog-card { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.ppr .pp-home-blog-image { overflow: hidden; border-radius: var(--pp-radius-md); }
.ppr .pp-home-blog-image img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform 900ms var(--pp-ease-out); }
.ppr .pp-home-blog-card:hover .pp-home-blog-image img { transform: scale(1.04); }
.ppr .pp-home-blog-content { padding: 16px 0 0; }
.ppr .pp-home-blog-card h3 { font: 500 var(--pp-text-h3)/1.18 var(--pp-font-display); letter-spacing: -.025em; color: var(--pp-color-ink); margin: 10px 0; transition: color var(--pp-dur-fast); }
.ppr .pp-home-blog-meta { font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .06em; text-transform: uppercase; color: var(--pp-color-text-2); }

/* Contact: restyles the live contact form. Its inline CSS uses !important on fields, so these must too. */
.e-con.ppr--rules.ppr-contact > .ppr-contact__mark { position: absolute; top: 14px; left: 0; right: 0; z-index: 0; margin: 0; overflow: hidden; }
.ppr-contact .ppr-mark { color: rgba(17, 18, 22, .05); }
.ppr-contact__say p { font: 500 var(--pp-text-h3)/1.22 var(--pp-font-body); letter-spacing: -.02em; color: var(--pp-color-text-2); }
.ppr-contact__say strong { font-weight: inherit; color: var(--pp-color-ink); }
.e-con.ppr-contact__team { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; width: 100%; }
.ppr-contact .e-con.ppr-trust { justify-content: flex-start; }
.ppr-contact .ppr-trust__text { flex: 0 1 auto; width: auto; }
.e-con.ppr-contact__who { display: flex; flex-direction: column; gap: 4px; }
.ppr-contact__small .elementor-heading-title.elementor-heading-title { font: 700 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .04em; color: var(--pp-color-text-2); }
.ppr-contact__logo .elementor-heading-title.elementor-heading-title { font: 700 20px/1 var(--pp-font-display); letter-spacing: -.02em; }
.ppr .pp-contact-hero, .ppr .pp-contact-info, .ppr .pp-contact-form-intro, .ppr .pp-contact-field[hidden] { display: none; }
.ppr .pp-contact-page, .ppr .pp-contact-content, .ppr .pp-contact-content-inner, .ppr .pp-contact-form-column, .ppr .pp-contact-form { display: block; width: 100%; max-width: none; min-height: 0; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; color: inherit; }
.ppr-form__card { padding: clamp(18px, 2.4vw, 32px); background: var(--pp-color-surface-alt); border-radius: var(--pp-radius-lg); }
:is(.ppr, .pp-contact-page) .pp-contact-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 0; }
:is(.ppr, .pp-contact-page) .pp-contact-field, :is(.ppr, .pp-contact-page) .ppr-form__svcs { grid-column: 1 / -1; min-width: 0; margin: 0; padding: 0; border: 0; }
:is(.ppr, .pp-contact-page) .pp-contact-message-field { margin-top: 24px; }
:is(.ppr, .pp-contact-page) .pp-contact-field label, :is(.ppr, .pp-contact-page) .ppr-form__svcs legend { display: block; margin: 0 0 8px; padding: 0; color: var(--pp-color-ink) !important; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .08em; text-transform: uppercase; }
:is(.ppr, .pp-contact-page) .pp-contact-field label span { color: inherit !important; }
:is(.ppr, .pp-contact-page) .pp-contact-field input, :is(.ppr, .pp-contact-page) .pp-contact-field select, :is(.ppr, .pp-contact-page) .pp-contact-field textarea { display: block; width: 100%; height: auto; min-height: 52px; padding: 14px 16px; background: rgba(17, 18, 22, .05) !important; border: 0 !important; border-bottom: 1px dashed rgba(17, 18, 22, .5) !important; border-radius: var(--pp-radius-sm) !important; box-shadow: none !important; color: var(--pp-color-ink) !important; font: 500 16px/1.4 var(--pp-font-body) !important; }
:is(.ppr, .pp-contact-page) .pp-contact-field select { padding-right: 44px; }
:is(.ppr, .pp-contact-page) .pp-contact-field textarea { min-height: 190px; resize: vertical; }
:is(.ppr, .pp-contact-page) .pp-contact-field input::placeholder, :is(.ppr, .pp-contact-page) .pp-contact-field textarea::placeholder { color: var(--pp-color-text-2) !important; opacity: 1 !important; }
:is(.ppr, .pp-contact-page) .pp-contact-field input:hover, :is(.ppr, .pp-contact-page) .pp-contact-field select:hover, :is(.ppr, .pp-contact-page) .pp-contact-field textarea:hover { background: rgba(17, 18, 22, .08) !important; box-shadow: none !important; }
:is(.ppr, .pp-contact-page) .pp-contact-field input:focus, :is(.ppr, .pp-contact-page) .pp-contact-field select:focus, :is(.ppr, .pp-contact-page) .pp-contact-field textarea:focus { background: var(--pp-color-surface-alt) !important; border-bottom-color: transparent !important; box-shadow: 0 0 0 4px rgba(255, 75, 0, .12) !important; outline: 1.5px solid var(--pp-color-brand) !important; outline-offset: -1.5px; }
.ppr-form__opts { display: grid; gap: 2px 24px; }
:is(.ppr, .pp-contact-page) .ppr-form__opt { display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 0; color: var(--pp-color-text-2); font: 500 16px/1.3 var(--pp-font-body); letter-spacing: -.01em; cursor: pointer; }
:is(.ppr, .pp-contact-page) .ppr-form__opt input { -webkit-appearance: none; appearance: none; flex: none; width: 22px; height: 22px; margin: 0; background-color: rgba(17, 18, 22, .05); border: 1px solid rgba(17, 18, 22, .5); border-radius: 4px; cursor: pointer; }
:is(.ppr, .pp-contact-page) .ppr-form__opt input:checked { background: var(--pp-color-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23111216' stroke-width='2.4'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8'/%3E%3C/svg%3E") center / 16px no-repeat; border-color: var(--pp-color-brand); }
:is(.ppr, .pp-contact-page) .ppr-form__opt input:focus-visible { outline: 1.5px solid var(--pp-color-brand); outline-offset: 2px; }
:is(.ppr, .pp-contact-page) .ppr-form__opt:has(input:checked) { color: var(--pp-color-ink); }
:is(.ppr, .pp-contact-page) .pp-contact-status { margin: 16px 0 0; font: 700 15px/1.4 var(--pp-font-body); }
:is(.ppr, .pp-contact-page) .pp-contact-submit-row { display: flex; flex-direction: column; align-items: stretch; gap: 16px; margin: 24px 0 0; padding: 0; border: 0; }
/* Home: the form card is padded, so the button row takes the same inset and lines up with the fields, as on the Contact page. */
.ppr .pp-contact-submit-row { padding-inline: clamp(18px, 2.4vw, 32px); }
:is(.ppr, .pp-contact-page) .pp-contact-submit-row p { margin: 0; max-width: 40ch; color: var(--pp-color-text-2) !important; font: 500 var(--pp-text-sm)/1.45 var(--pp-font-body); }
:is(.ppr, .pp-contact-page) .pp-contact-submit-row a { display: inline-block; padding: 4px 0; color: var(--pp-color-ink); text-decoration: underline; }
:is(.ppr, .pp-contact-page) .pp-contact-submit, :is(.ppr, .pp-contact-page) .pp-contact-submit:hover, :is(.ppr, .pp-contact-page) .pp-contact-submit:focus, :is(.ppr, .pp-contact-page) .pp-contact-submit:active { position: relative; display: flex !important; align-items: center; justify-content: flex-start; width: 100%; min-height: 56px; padding: 0 66px 0 22px !important; background: var(--bg) !important; color: var(--fg) !important; border: 1px solid var(--bd) !important; border-radius: var(--pp-radius-sm) !important; box-shadow: none !important; outline: none !important; font: 800 15px/1.15 var(--pp-font-body) !important; letter-spacing: -.01em; cursor: pointer; transition: background-color var(--pp-dur-base) var(--pp-ease-out), color var(--pp-dur-base) var(--pp-ease-out); }
:is(.ppr, .pp-contact-page) .pp-contact-submit:is(:hover, :focus-visible) { background: var(--bg2) !important; color: var(--pp-color-brand) !important; }
:is(.ppr, .pp-contact-page) .pp-contact-submit:focus-visible { outline: 2px solid var(--pp-color-brand) !important; outline-offset: 2px; }
:is(.ppr, .pp-contact-page) .pp-contact-submit .pp-contact-submit-arrow, :is(.ppr, .pp-contact-page) .pp-contact-submit:hover .pp-contact-submit-arrow { position: static; flex: 0 0 0; width: 0; min-width: 0; height: 0; min-height: 0; background: transparent !important; border: 0 !important; color: inherit !important; transform: none !important; }
:is(.ppr, .pp-contact-page) .pp-contact-submit-arrow svg { display: none; }
:is(.ppr, .pp-contact-page) .pp-contact-submit-label { display: inline-block; color: inherit !important; text-transform: lowercase; }
:is(.ppr, .pp-contact-page) .pp-contact-submit-label::first-letter { text-transform: uppercase; }
:is(.ppr, .pp-contact-page) .pp-contact-submit:disabled { cursor: wait; opacity: .7; }

/* WhatsApp: restyles the site-wide button on this page only */
:root body .pp-wa-premium, :root body .pp-wa-premium__button { width: 56px; height: 56px; }
:root body .pp-wa-premium__button { background: var(--pp-color-ink-raised); color: var(--pp-color-on-dark); border: 1px solid var(--pp-color-border-on-dark); border-radius: var(--pp-radius-sm); box-shadow: 0 12px 32px rgba(17, 18, 22, .28); transition: transform var(--pp-dur-base) var(--pp-ease-out), background-color var(--pp-dur-base) var(--pp-ease-out), color var(--pp-dur-base) var(--pp-ease-out); }
:root body .pp-wa-premium__button::before { content: ""; position: absolute; inset: -1px; pointer-events: none; background: linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 0 / 6px 2px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 0 / 2px 6px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 100% 0 / 6px 2px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 100% 0 / 2px 6px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 100% / 6px 2px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 100% / 2px 6px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 100% 100% / 6px 2px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 100% 100% / 2px 6px no-repeat; }
:root body .pp-wa-premium__ring, :root body .pp-wa-premium__icon, :root body .pp-wa-premium__tooltip::after { display: none; }
:root body .pp-wa-premium__inner, :root body .pp-wa-premium__button:hover .pp-wa-premium__inner { width: 28px; height: 28px; background: transparent; color: inherit; border-radius: 0; transform: none; }
:root body .pp-wa-premium__inner::before { content: ""; width: 100%; height: 100%; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E") center / contain no-repeat; }
:root body .pp-wa-premium__button:hover { transform: translateY(-3px); background: var(--pp-color-ink-raised); color: var(--pp-color-brand); box-shadow: 0 16px 40px rgba(17, 18, 22, .34); }
:root body .pp-wa-premium__tooltip { width: auto; right: calc(100% + 12px); padding: 12px 14px; white-space: nowrap; background: var(--pp-color-ink); border: 1px solid var(--pp-color-border-on-dark); border-radius: var(--pp-radius-sm); box-shadow: 0 12px 32px rgba(17, 18, 22, .28); }
:root body .pp-wa-premium__tooltip strong { font: 500 14px/1.2 var(--pp-font-display); letter-spacing: -.02em; color: var(--pp-color-on-dark); }
:root body .pp-wa-premium__tooltip span { margin-top: 4px; font: 600 12px/1.3 var(--pp-font-body); letter-spacing: 0; text-transform: none; color: var(--pp-color-on-dark-2); }

@property --x { syntax: '<length>'; inherits: true; initial-value: 0px; }
@property --y { syntax: '<length>'; inherits: true; initial-value: 0px; }

/* About page hero */
.page-id-50 .pp-about-hero { display: none; }
.e-con.ppr-abouthero { overflow: hidden; padding: clamp(128px, 12vw, 176px) var(--pp-gutter) clamp(56px, 8vw, 128px); }
.e-con.ppr--rules.ppr-abouthero > .ppr-abouthero__mark { position: absolute; left: 0; right: 0; bottom: clamp(6px, 1.6vw, 24px); z-index: 0; margin: 0; overflow: hidden; }
.ppr-abouthero .ppr-mark { color: rgba(17, 18, 22, .05); }
.e-con.ppr-abouthero > :not(.ppr-abouthero__mark) { position: relative; z-index: 2; }
.e-con.ppr-abouthero__row { display: grid; gap: 24px; margin-top: clamp(20px, 2.4vw, 36px); }
.ppr-abouthero .ppr-h1 .elementor-heading-title.elementor-heading-title { font-size: clamp(34px, 4.2vw, 76px); }
.ppr-abouthero .ppr-h1 em { font-style: normal; color: var(--pp-color-brand); }
.e-con.ppr-abouthero__side { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.ppr-abouthero__intro p { max-width: 24em; font: 500 clamp(17px, 1.4vw, 21px)/1.32 var(--pp-font-body); letter-spacing: -.01em; color: var(--pp-color-text-2); }

/* Closing CTA */
/* One glow centred on the seam: both halves use the same radii, so there is no edge between the sections. */
.e-con.ppr-cta, .e-con.ppr-foot { --seam-w: max(72vw, 520px); --seam-h: clamp(300px, 34vw, 480px); }
.e-con.ppr-cta { overflow: hidden; background: radial-gradient(var(--seam-w) var(--seam-h) at 82% 100%, rgba(255, 75, 0, .3) 0%, rgba(255, 75, 0, .15) 36%, rgba(255, 75, 0, .05) 66%, transparent 100%), var(--pp-color-ink); }
.e-con.ppr-cta__row { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; }
.e-con.ppr-cta__btns { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px; }
.ppr-mark { font: 700 12.6vw/.8 var(--pp-font-display); letter-spacing: -.04em; white-space: nowrap; text-align: center; user-select: none; pointer-events: none; }
.ppr-cta .ppr-mark { margin-top: clamp(48px, 7vw, 96px); height: .5em; overflow: hidden; color: rgba(245, 243, 238, .09); }

/* Footer */
.e-con.ppr-foot { margin-top: -1px; padding-top: clamp(56px, 6vw, 88px); padding-bottom: 0; overflow: hidden; background: radial-gradient(var(--seam-w) var(--seam-h) at 82% 0%, rgba(255, 75, 0, .3) 0%, rgba(255, 75, 0, .15) 36%, rgba(255, 75, 0, .05) 66%, transparent 100%), var(--pp-color-ink); }
.e-con.ppr-foot__grid { display: grid; gap: 44px; }
.e-con.ppr-foot__brand { display: flex; flex-direction: column; gap: 32px; align-items: flex-start; }
.e-con.ppr-foot__col { display: flex; flex-direction: column; gap: 40px; }
.e-con.ppr-foot__block { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.e-con.ppr-foot__lead { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.ppr-foot__say p { font: 500 clamp(22px, 2.2vw, 32px)/1.2 var(--pp-font-display); letter-spacing: -.03em; color: var(--pp-color-on-dark-2); max-width: 26em; }
.ppr-foot__say strong { font-weight: inherit; color: var(--pp-color-on-dark); }
.ppr-foot__tag p { font: 600 var(--pp-text-sm)/1.45 var(--pp-font-body); color: var(--pp-color-on-dark-2); }
.ppr-foot__email a { display: inline-flex; align-items: center; min-height: 44px; font: 500 clamp(24px, 3vw, 44px)/1.15 var(--pp-font-display); letter-spacing: -.03em; overflow-wrap: anywhere; transition: color var(--pp-dur-fast); }
.ppr-foot__label .elementor-heading-title.elementor-heading-title { margin: 0; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .08em; text-transform: uppercase; color: var(--pp-color-on-dark-2); }
.ppr-foot__pages a { display: flex; align-items: center; min-height: 44px; font: 500 clamp(24px, 2.2vw, 32px)/1.1 var(--pp-font-display); letter-spacing: -.03em; transition: color var(--pp-dur-fast), transform var(--pp-dur-base) var(--pp-ease-out); }
.ppr-foot__links a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; font-size: 16px; background: linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 calc(100% - 9px) / 0 2px no-repeat; transition: background-size var(--pp-dur-base) var(--pp-ease-out); }
.ppr-foot__links a:hover, .ppr-foot__links a:focus-visible { background-size: 100% 2px; }
.ppr-foot__email a:hover, .ppr-foot__email a:focus-visible, .ppr-foot__pages a:hover, .ppr-foot__pages a:focus-visible, .ppr-foot__top a:hover, .ppr-foot__top a:focus-visible { color: var(--pp-color-brand); }
.ppr-foot__pages a:hover, .ppr-foot__pages a:focus-visible { transform: translateX(8px); }
.e-con.ppr-foot__base { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 24px; margin-top: clamp(40px, 5vw, 72px); font-size: 14px; color: var(--pp-color-on-dark-2); }
.ppr-foot__top a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--pp-color-on-dark); }
.ppr-foot .ppr-mark { position: relative; margin-top: clamp(12px, 2vw, 28px); height: .58em; overflow: hidden; color: rgba(245, 243, 238, .07); pointer-events: auto; transition: --x 200ms ease-out, --y 200ms ease-out; }
.ppr-foot .ppr-mark::after { content: "PULSEPIXEL"; position: absolute; inset: 0; color: transparent; background: radial-gradient(circle 90px at var(--x) var(--y), rgba(255, 235, 220, .5), transparent 100%), linear-gradient(135deg, rgba(255, 75, 0, .62), rgba(255, 150, 100, .34) 48%, rgba(255, 75, 0, .56)); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 1px rgba(255, 170, 130, .6); -webkit-mask: radial-gradient(circle clamp(130px, 17vw, 280px) at var(--x) var(--y), #000 25%, transparent 100%); mask: radial-gradient(circle clamp(130px, 17vw, 280px) at var(--x) var(--y), #000 25%, transparent 100%); opacity: 0; transition: opacity var(--pp-dur-base) var(--pp-ease-out); }
.ppr-foot .ppr-mark:hover::after { opacity: 1; }

/* Full-screen menu */
.e-con.ppr-menu { display: flex; flex-direction: column; background: var(--pp-color-surface-alt); color: var(--pp-color-ink); font: 500 var(--pp-text-base)/1.5 var(--pp-font-body); padding: 104px var(--pp-gutter) 24px; --rule: var(--pp-color-border); }
.ppr-js .e-con.ppr-menu { position: fixed; inset: 0; z-index: 9998; overflow-y: auto; overscroll-behavior: contain; visibility: hidden; clip-path: inset(0 0 100% 0); transition: clip-path 620ms var(--pp-ease-out), visibility 0s 620ms; }
.ppr-js .e-con.ppr-menu.is-open { visibility: visible; clip-path: inset(0); transition: clip-path 620ms var(--pp-ease-out), visibility 0s; }
.e-con.ppr-menu__grid { position: relative; z-index: 1; display: grid; gap: 28px; flex: 1 0 auto; }
.e-con.ppr-menu__col { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.ppr-menu__tag, .ppr-menu__phone, .ppr-menu__cta { display: none; }
.ppr-menu__tagline { margin-top: clamp(12px, 2.4vh, 40px); }
.ppr-menu__tagline p { font: 600 var(--pp-text-sm)/1.45 var(--pp-font-body); color: var(--pp-color-text-2); }
.ppr-menu__mail a { display: inline-flex; align-items: center; min-height: 44px; font: 500 clamp(20px, 1.7vw, 36px)/1.15 var(--pp-font-display); letter-spacing: -.03em; overflow-wrap: anywhere; }
.ppr-menu__wa a { display: inline-flex; flex-direction: column; gap: 4px; justify-content: center; min-height: 44px; font: 500 clamp(16px, 1.2vw, 24px)/1.2 var(--pp-font-display); letter-spacing: -.02em; color: var(--pp-color-text-2); }
.ppr-menu__wa small { font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .08em; text-transform: uppercase; }
.ppr-menu__mail a:hover, .ppr-menu__wa a:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; text-decoration-color: var(--pp-color-brand); }
.ppr-menu__intro p { font: 500 clamp(19px, 1.7vw, 25px)/1.24 var(--pp-font-display); letter-spacing: -.025em; }
.ppr-menu__head .elementor-heading-title.elementor-heading-title { margin: 0; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .08em; text-transform: uppercase; color: var(--pp-color-text-2); }
.ppr-menu__main a { display: flex; align-items: center; min-height: 48px; font: 500 clamp(26px, 2.7vw, 40px)/1.1 var(--pp-font-display); letter-spacing: -.03em; transition: color var(--pp-dur-fast), transform var(--pp-dur-base) var(--pp-ease-out); }
.ppr-menu__main a:hover, .ppr-menu__main a:focus-visible { color: var(--pp-color-brand); transform: translateX(8px); }
.ppr-menu__list a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; font-size: 17px; background: linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 calc(100% - 9px) / 0 2px no-repeat; transition: background-size var(--pp-dur-base) var(--pp-ease-out); }
.ppr-menu__list a:hover, .ppr-menu__list a:focus-visible { background-size: 100% 2px; }
.e-con.ppr-menu__foot { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 6px; margin-top: 36px; padding-top: 12px; border-top: 1px solid var(--rule); font-size: 14px; color: var(--pp-color-text-2); }
.ppr-menu__legal ul { display: flex; flex-wrap: wrap; gap: 0 20px; }
.ppr-menu__legal a { display: inline-flex; align-items: center; min-height: 44px; }
.ppr-menu .ppr-mark { display: none; }
.ppr-motion .ppr-menu__col > *, .ppr-motion .ppr-menu__foot > * { opacity: 0; transform: translateY(16px); transition: opacity 200ms, transform 200ms; }
.ppr-motion .ppr-menu.is-open .ppr-menu__col > *, .ppr-motion .ppr-menu.is-open .ppr-menu__foot > * { opacity: 1; transform: none; transition: opacity 560ms var(--pp-ease-out) 180ms, transform 560ms var(--pp-ease-out) 180ms; }
.ppr-motion .ppr-menu li { opacity: 0; transform: translateY(14px); transition: opacity 180ms, transform 180ms; }
.ppr-motion .ppr-menu.is-open li { opacity: 1; transform: none; transition: opacity 520ms var(--pp-ease-out), transform 520ms var(--pp-ease-out); transition-delay: 220ms; }
.ppr-motion .ppr-menu.is-open li:nth-child(2) { transition-delay: 260ms; } .ppr-motion .ppr-menu.is-open li:nth-child(3) { transition-delay: 300ms; } .ppr-motion .ppr-menu.is-open li:nth-child(4) { transition-delay: 340ms; } .ppr-motion .ppr-menu.is-open li:nth-child(5) { transition-delay: 380ms; } .ppr-motion .ppr-menu.is-open li:nth-child(n+6) { transition-delay: 420ms; }

/* Phones only: Services list opens under Solutions. Desktop and tablet keep the column layout. */
.ppr-foot .ppr-foot__toggle, .ppr-foot .ppr-foot__toggle:is(:hover, :focus, :active, :disabled) { all: unset; font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; }
@media (max-width: 767px) {
  .e-con.ppr-foot__col--acc { gap: 0; }
  .e-con.ppr-foot__acc { gap: 0; align-items: stretch; width: 100%; border-top: 1px dashed var(--pp-color-border-on-dark); }
  .e-con.ppr-foot__acc:last-child { border-bottom: 1px dashed var(--pp-color-border-on-dark); }
  .ppr-foot__acc .ppr-foot__label .elementor-heading-title.elementor-heading-title { font: 500 20px/1.2 var(--pp-font-display); letter-spacing: -.025em; text-transform: none; color: var(--pp-color-on-dark); }
  .ppr-foot .ppr-foot__toggle, .ppr-foot .ppr-foot__toggle:is(:hover, :focus, :active) { position: relative; display: flex; align-items: center; box-sizing: border-box; width: 100%; min-height: 60px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .ppr-foot .ppr-foot__toggle:focus-visible { outline: 2px solid var(--pp-color-brand); outline-offset: 2px; }
  .ppr-foot__toggle::before, .ppr-foot__toggle::after { content: ""; position: absolute; top: 50%; right: 2px; background-image: radial-gradient(circle at center, currentColor 1.15px, transparent 1.6px); background-size: 4px 4px; transition: transform 680ms cubic-bezier(.4, 0, .2, 1), color 320ms; }
  .ppr-foot__toggle::before { width: 20px; height: 4px; margin-top: -2px; background-repeat: repeat-x; }
  .ppr-foot__toggle::after { width: 4px; height: 20px; margin: -10px 8px 0 0; background-repeat: repeat-y; }
  .ppr-foot .ppr-foot__toggle[aria-expanded="true"] { color: var(--pp-color-brand); }
  .ppr-foot__toggle[aria-expanded="true"]::after { transform: rotate(90deg); }
  .ppr-js .ppr-foot__acc .ppr-foot__links { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows 680ms cubic-bezier(.4, 0, .2, 1), visibility 0s 680ms; }
  .ppr-js .ppr-foot__acc.is-open .ppr-foot__links { grid-template-rows: 1fr; visibility: visible; transition: grid-template-rows 680ms cubic-bezier(.4, 0, .2, 1), visibility 0s; }
  .ppr-foot__acc .ppr-foot__links ul { min-height: 0; overflow: hidden; }
  .ppr-foot__acc .ppr-foot__links li:last-child { margin-bottom: 14px; }
}
@media (max-width: 767px) {
  .e-con.ppr-menu { background: var(--pp-color-ink); color: var(--pp-color-on-dark); --rule: transparent; }
  .ppr-menu ::selection { color: var(--pp-color-ink); }
  .ppr-menu .ppr-menu__head, .ppr-menu .ppr-menu__col:first-child { display: none; }
  .e-con.ppr-menu__grid { gap: 0; flex: 0 0 auto; }
  .e-con.ppr-menu__col { gap: 0; }
  .e-con.ppr-menu__foot { display: none; }
  .e-con.ppr-menu__col:nth-child(4) { margin-top: 32px; padding-top: 28px; border-top: 1px dashed var(--pp-color-border-on-dark); }
  .ppr-menu__contact li:not(:first-child) { display: none; }
  .ppr-menu__social ul { display: flex; flex-wrap: wrap; gap: 0 20px; }
  .ppr-menu__tag { display: block; }
  .e-con .ppr-menu__tag.elementor-widget { margin-block-end: 8px; }
  .ppr-menu__tag p { font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body); letter-spacing: .08em; text-transform: uppercase; color: var(--pp-color-on-dark-2); }
  .ppr-menu__tag p::after { content: ""; display: inline-block; width: 6px; height: 1.05em; margin-left: 6px; vertical-align: -.14em; background: var(--pp-color-brand); animation: ppr-blink 1.05s steps(1) infinite; }
  .ppr-menu__phone { display: block; margin-top: 2px; }
  .ppr-menu__phone a { display: inline-flex; align-items: center; min-height: 44px; font: 500 clamp(18px, 5.6vw, 32px)/1.15 var(--pp-font-display); letter-spacing: -.03em; color: var(--pp-color-on-dark-2); }
  .ppr-menu__social { margin-top: 20px; }
  .e-con.ppr-menu { padding-bottom: calc(40px + env(safe-area-inset-bottom)); }
  .ppr-menu__contact a { font: 500 clamp(22px, 7vw, 44px)/1.15 var(--pp-font-display); letter-spacing: -.03em; }
  .ppr-menu__social a { font-size: 16px; }
  .ppr-menu__cta { display: block; margin-top: 8px; }
  .ppr-menu__cta ul { display: flex; gap: 0 20px; white-space: nowrap; }
  .ppr-menu__cta a { font-size: 16px; }
  .ppr-bars { grid-template-columns: repeat(4, 56px); justify-content: center; }
  .ppr-step:nth-child(n) .ppr-stepbar { --w: 100; }
  .e-con.ppr-stepbar::before { width: max(176px, calc(var(--w) * var(--p, 1) * 1%)); transition-duration: 500ms; }
  .e-con.ppr-bar { gap: 6px; padding: 8px 8px 8px 12px; }
  .ppr-bar .ppr-logo .elementor-heading-title.elementor-heading-title { font-size: 13px; }
  .ppr-bar .ppr-typer-bar { display: block; overflow: hidden; }
  html.ppr-menu-open .ppr-bar .ppr-typer-bar { visibility: hidden; }
  .ppr-typer--bar { gap: 6px; font-size: 12px; letter-spacing: 0; }
  .ppr-typer--bar svg { flex: none; width: 12px; height: 12px; }
  .ppr-typer--bar .ppr-typer__sizer { display: none; }
  .ppr-bar .ppr-menu-btn { width: 44px; height: 44px; }
  .ppr-js .e-con.ppr-menu__col--services { display: none; }
  .ppr-menu .ppr-menu__main { width: 100%; }
  .ppr-menu__main .ppr-sol { justify-content: space-between; width: 100%; }
  .ppr-menu__main .ppr-sol:hover, .ppr-menu__main .ppr-sol:focus-visible { transform: none; }
  .ppr-sol::after { content: ""; flex: none; width: 22px; height: 22px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform var(--pp-dur-base) var(--pp-ease-out); }
  .ppr-sol[aria-expanded="true"]::after { transform: rotate(180deg); }
  .ppr-js .ppr-menu__main .ppr-menu__list { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows var(--pp-dur-base) var(--pp-ease-out), visibility 0s var(--pp-dur-base); }
  .ppr-js .ppr-menu__main .ppr-sol[aria-expanded="true"] + .ppr-menu__list { grid-template-rows: 1fr; visibility: visible; transition: grid-template-rows var(--pp-dur-base) var(--pp-ease-out), visibility 0s; }
  .ppr-menu__main .ppr-menu__list ul { min-height: 0; overflow: hidden; }
  .ppr-menu__main .ppr-menu__list a { min-height: 44px; font: 600 17px/1.5 var(--pp-font-body); letter-spacing: 0; }
  .ppr-menu__main .ppr-menu__list a:hover, .ppr-menu__main .ppr-menu__list a:focus-visible { transform: none; }
  .elementor-editor-active .e-con.ppr-menu__col--services { display: flex; }
}

/* Editing in Elementor: show the menu and header as ordinary sections */
.elementor-editor-active .e-con.ppr-menu { position: relative; visibility: visible; clip-path: none; }
.elementor-editor-active .e-con.ppr-bar { position: relative; top: 0; left: 0; transform: none; }

/* Reveals */
.ppr-motion .ppr-reveal { opacity: 0; transform: translateY(22px); transition: opacity var(--pp-dur-slow) var(--pp-ease-out) var(--d, 0ms), transform var(--pp-dur-slow) var(--pp-ease-out) var(--d, 0ms); }
.ppr-motion .ppr-reveal.is-in { opacity: 1; transform: none; }
.ppr-motion .ppr-photo.ppr-reveal { opacity: 1; transform: none; clip-path: inset(0 0 100% 0 round 14px); transition: clip-path 1s var(--pp-ease-out); }
.ppr-motion .ppr-photo.ppr-reveal.is-in { clip-path: inset(0 round 14px); }

@media (min-width: 768px) {
  .ppr-bar .ppr-typer-bar { display: block; }
  .e-con.ppr-bar { width: min(480px, calc(100vw - 32px)); gap: 14px; }
  .ppr-typer--bar { font-size: 12px; letter-spacing: .1em; }
  .ppr-bar .ppr-logo .elementor-heading-title.elementor-heading-title { font-size: 17px; }
  .e-con.ppr-head { grid-template-columns: 1fr 2fr 1fr; gap: 24px; align-items: start; }
  .e-con.ppr-who { grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }
  .e-con.ppr-svc { grid-template-columns: 48px 130px 1.1fr 1.4fr; gap: 24px; align-items: start; }
  .e-con.ppr-svc > * { grid-column: auto; }
  .e-con.ppr-proj { grid-template-columns: 2fr 1fr; gap: 24px; }
  .e-con.ppr-bento { grid-template-columns: 1fr 1fr; }
  .e-con.ppr-rev { flex-basis: 50cqw; }
  :is(.ppr, .pp-contact-page) .pp-contact-field.ppr-form__half { grid-column: span 1; }
  .ppr-form__opts { grid-template-columns: 1fr 1fr; }
  :is(.ppr, .pp-contact-page) .pp-contact-submit-row { flex-direction: row; justify-content: space-between; align-items: center; gap: 24px; }
  :is(.ppr, .pp-contact-page) .pp-contact-submit, :is(.ppr, .pp-contact-page) .pp-contact-submit:hover, :is(.ppr, .pp-contact-page) .pp-contact-submit:focus, :is(.ppr, .pp-contact-page) .pp-contact-submit:active { flex: 0 0 calc((100% - 48px) / 3); min-width: 240px; }
  .e-con.ppr-tile--big { grid-column: 1 / -1; }
  .e-con.ppr-step__body { grid-template-columns: 1fr 2fr 1fr; gap: 24px; align-items: start; padding-top: 36px; }
  .e-con.ppr-step__body::before { content: ""; position: static; width: 7px; height: 16px; margin-top: .3em; background: var(--pp-color-brand); animation: ppr-blink 1.05s steps(1) infinite; }
  .ppr .pp-home-blogs-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .ppr .pp-home-blog-card:nth-child(2) { margin-top: 56px; }
  .e-con.ppr-menu__grid { grid-template-columns: 1fr 1fr; gap: 40px 24px; }
  .ppr-menu__contact li:first-child { display: none; }
  .e-con.ppr-menu__foot { flex-direction: row; justify-content: space-between; align-items: center; }
  .e-con.ppr-foot__grid { grid-template-columns: 1fr 1fr; gap: 56px 24px; }
  .e-con.ppr-foot__brand { grid-column: 1 / -1; }
}
@media (min-width: 1025px) {
  .e-con.ppr-bar { width: min(520px, calc(100vw - 32px)); gap: 18px; }
  .ppr-typer--bar { font-size: 13px; letter-spacing: .14em; }
  .ppr-bar .ppr-logo .elementor-heading-title.elementor-heading-title { font-size: 19px; }
  .e-con.ppr-hero { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; padding-top: 104px; }
  .e-con.ppr-hero__intro { grid-row: 1; justify-self: end; width: min(440px, 30vw); margin: 0; }
  .e-con.ppr-hero__main { grid-row: 2; align-self: end; max-width: min(1120px, 76vw); }
  .e-con.ppr-rail { display: grid; grid-template-columns: 1fr 3fr; gap: 24px; }
  .e-con.ppr-why__lead { grid-template-columns: 1fr 3fr; gap: 24px; align-items: start; }
  .ppr-why__lead .ppr-fill { padding-top: 36px; border-top: 1px dashed var(--rule); }
  .e-con.ppr-trust { padding-top: 36px; }
  .ppr-rail__side { position: sticky; top: 112px; align-self: start; margin: 0; }
}
@media (min-width: 1200px) {
  .e-con.ppr-menu__grid::before { content: ""; position: absolute; left: 0; right: 0; top: -24px; bottom: -24px; width: auto; height: auto; background: linear-gradient(90deg, var(--rule) 1px, transparent 1px) 0 0 / 25% 100%; pointer-events: none; }
  .e-con.ppr-who { grid-template-columns: 1fr 1fr 2fr; }
  .e-con.ppr-who__copy { grid-column: 2; grid-row: 1; padding-left: 24px; }
  .ppr-who__lead { grid-column: 1; grid-row: 1; }
  .e-con.ppr-bento { grid-template-columns: 2fr 1fr 1fr; }
  .e-con.ppr-abouthero__row { grid-template-columns: 1fr 1fr; gap: 0; align-items: end; }
  .ppr-abouthero .ppr-h1 { padding-right: clamp(24px, 3vw, 56px); }
  .e-con.ppr-rev { flex-basis: 25cqw; min-height: 340px; }
  .e-con.ppr-tile--big { grid-column: auto; grid-row: span 2; }
  .e-con.ppr-step__body { gap: 0; }
  .ppr-step__body > .ppr-muted { padding-right: 48px; }
  .ppr-step__body > .ppr-meta { padding-left: 2px; }
  .e-con.ppr-menu__grid { grid-template-columns: repeat(4, 1fr); gap: 0; }
  .e-con.ppr-stack__card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: min(620px, calc(100vh - 170px)); }
  .ppr-stack__img { position: relative; height: 100%; }
  .ppr-stack__img img { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; }
  .e-con.ppr-stack__body { justify-content: center; gap: 14px; padding: clamp(20px, 3vw, 44px); }
  .e-con.ppr-foot__grid { grid-template-columns: repeat(4, 1fr); gap: 0; }
  .e-con.ppr-foot__brand { grid-column: span 2; justify-content: space-between; padding-right: 48px; }
  .e-con.ppr-foot__col { justify-content: space-between; padding: 0 24px; }
  .e-con.ppr-menu__col { padding: 0 24px; }
  .e-con.ppr-menu__col:first-child { padding-left: 16px; }
  .ppr-menu .ppr-mark { display: block; position: absolute; left: 0; right: 0; bottom: -.14em; color: rgba(17, 18, 22, .05); }
}
@media (prefers-reduced-motion: reduce) {
  .ppr *, .ppr-menu, .ppr-menu * , .ppr-bar * { transition: none !important; animation: none !important; }
}
/* Inner pages: homepage design system over the existing shortcodes. Their inline CSS uses !important, so these must too. The homepage is excluded by body:not(.home). */
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) { --pp-black: #111216; --pp-cream: #F5F3EE; --pp-light: #F7F5F0; --pp-text: rgba(17, 18, 22, .78); --pp-muted: rgba(17, 18, 22, .78); --pp-border: rgba(17, 18, 22, .14); --pp-ow-black: #111216; --pp-ow-cream: #F5F3EE; --pp-ow-light: #F7F5F0; --pp-ow-body: rgba(17, 18, 22, .78); --pp-ow-muted: rgba(17, 18, 22, .78); --pp-ow-border: rgba(17, 18, 22, .14); --pp-ink: #111216; --pp-line: rgba(17, 18, 22, .14); --pp-dark: #111216; --pp-card: #1E1F23; --pp-card-line: rgba(245, 243, 238, .16); --dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='64'%3E%3Crect y='0' width='1' height='2' fill='%23111216' fill-opacity='0.14'/%3E%3Crect y='8' width='1' height='2' fill='%23111216' fill-opacity='0.3'/%3E%3Crect y='16' width='1' height='2' fill='%23111216' fill-opacity='0.1'/%3E%3Crect y='24' width='2' height='3' fill='%23111216' fill-opacity='0.46'/%3E%3Crect y='32' width='1' height='2' fill='%23111216' fill-opacity='0.18'/%3E%3Crect y='40' width='1' height='2' fill='%23111216' fill-opacity='0.1'/%3E%3Crect y='48' width='1' height='2' fill='%23111216' fill-opacity='0.36'/%3E%3Crect y='56' width='2' height='2' fill='%23111216' fill-opacity='0.24'/%3E%3C/svg%3E"); }
body:not(.home) :is(.pp-lt-why, .pp-ow-capabilities, .pp-solutions-process, .pp-solutions-final-cta, .pp-faq-bottom-cta, .pp-web-final, .pp-about-capabilities, .pp-about-final, .pp-blog-bottom-cta) { --dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='64'%3E%3Crect y='0' width='1' height='2' fill='%23F5F3EE' fill-opacity='0.14'/%3E%3Crect y='8' width='1' height='2' fill='%23F5F3EE' fill-opacity='0.3'/%3E%3Crect y='16' width='1' height='2' fill='%23F5F3EE' fill-opacity='0.1'/%3E%3Crect y='24' width='2' height='3' fill='%23F5F3EE' fill-opacity='0.46'/%3E%3Crect y='32' width='1' height='2' fill='%23F5F3EE' fill-opacity='0.18'/%3E%3Crect y='40' width='1' height='2' fill='%23F5F3EE' fill-opacity='0.1'/%3E%3Crect y='48' width='1' height='2' fill='%23F5F3EE' fill-opacity='0.36'/%3E%3Crect y='56' width='2' height='2' fill='%23F5F3EE' fill-opacity='0.24'/%3E%3C/svg%3E"); background-color: var(--pp-color-ink) !important; }

/* Hero, matching the About page */
body:not(.home) :is(.pp-lt-hero, .pp-ow-hero, .pp-contact-hero, .pp-solutions-hero, .pp-privacy-hero, .pp-refund-hero, .pp-cookie-hero, .pp-disclaimer-hero, .pp-terms-hero, .pp-faq-hero, .pp-web-hero, .pp-blogs-hero, .pp-audit-hero, .pp-single-blog-hero) { position: relative; overflow: hidden; margin: 0 !important; padding: clamp(128px, 12vw, 176px) var(--pp-gutter) clamp(56px, 8vw, 128px) !important; background: var(--pp-color-surface) !important; border: 0 !important; }
body:not(.home) :is(.pp-lt-hero, .pp-ow-hero, .pp-contact-hero, .pp-solutions-hero, .pp-privacy-hero, .pp-refund-hero, .pp-cookie-hero, .pp-disclaimer-hero, .pp-terms-hero, .pp-faq-hero, .pp-web-hero, .pp-blogs-hero, .pp-audit-hero, .pp-single-blog-hero)::before { content: "PULSEPIXEL"; position: absolute; left: 0; right: 0; bottom: clamp(6px, 1.6vw, 24px); z-index: 0; font: 700 12.6vw/.8 var(--pp-font-display); letter-spacing: -.04em; white-space: nowrap; text-align: center; color: rgba(17, 18, 22, .05); pointer-events: none; }
body:not(.home) :is(.pp-lt-hero-inner, .pp-ow-hero-inner, .pp-contact-hero-inner, .pp-solutions-hero-inner, .pp-privacy-hero-inner, .pp-refund-hero-inner, .pp-cookie-hero-inner, .pp-disclaimer-hero-inner, .pp-terms-hero-inner, .pp-faq-hero-inner, .pp-web-hero-inner, .pp-blogs-hero, .pp-single-blog-hero-inner) { position: relative; z-index: 2; display: grid !important; gap: 24px; width: 100% !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
body:not(.home) :is(.pp-lt-hero-heading, .pp-ow-hero-heading, .pp-contact-hero-heading, .pp-solutions-hero-heading, .pp-privacy-hero-heading, .pp-refund-hero-heading, .pp-cookie-hero-heading, .pp-disclaimer-hero-heading, .pp-terms-hero-heading, .pp-faq-hero-heading, .pp-web-hero h1, .pp-blogs-hero h1, .pp-audit-hero h1, .pp-single-blog-hero h1) { margin: 0 !important; font-size: clamp(34px, 4.2vw, 76px) !important; letter-spacing: -.035em !important; line-height: 1.04 !important; max-width: none !important; }
body:not(.home) :is(.pp-lt-hero-text, .pp-ow-hero-text, .pp-contact-hero-text, .pp-solutions-hero-text, .pp-privacy-hero-text, .pp-refund-hero-text, .pp-cookie-hero-text, .pp-disclaimer-hero-text, .pp-terms-hero-text, .pp-faq-hero-text, .pp-web-hero-description, .pp-blogs-hero p, .pp-audit-hero-text, .pp-review-hero-subtitle) { margin: 0 !important; max-width: 24em !important; font: 500 clamp(17px, 1.4vw, 21px)/1.32 var(--pp-font-body) !important; letter-spacing: -.01em !important; color: var(--pp-color-text-2) !important; }
body:not(.home) :is(.pp-lt-hero-cta, .pp-ow-hero-cta, .pp-contact-hero-cta, .pp-solutions-hero-cta, .pp-privacy-hero-cta, .pp-refund-hero-cta, .pp-cookie-hero-cta, .pp-disclaimer-hero-cta, .pp-terms-hero-cta, .pp-faq-hero-cta, .pp-web-hero .pp-web-cta) { display: none !important; }
body:not(.home) .pp-audit-hero .pp-audit-container { position: relative; z-index: 2; width: 100% !important; max-width: none !important; padding: 0 !important; }
body:not(.home) .pp-blogs-page, body:not(.home) .pp-blogs-page-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
body:not(.home) .pp-blogs-page { background: var(--pp-color-surface) !important; }
body:not(.home) .pp-blogs-hero { padding: clamp(128px, 12vw, 176px) var(--pp-gutter) clamp(56px, 8vw, 128px) !important; }
body:not(.home) .pp-blog-card.pp-blog-card h2, body:not(.home) .pp-blog-card.pp-blog-card h3 { font-size: var(--pp-text-h3) !important; }
body:not(.home) .pp-audit-hero-text { margin: 18px 0 22px !important; }
body:not(.home) .pp-contact-page .pp-contact-form-column { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body:not(.home) .pp-blogs-grid { padding: clamp(40px, 5vw, 72px) var(--pp-gutter) var(--pp-section-gap) !important; }

/* Blog posts */
body:not(.home) .pp-single-blog-hero { background-image: none !important; }
body:not(.home) .pp-single-blog-hero::before { top: auto !important; width: auto !important; height: auto !important; background: none !important; opacity: 1 !important; transform: none !important; border: 0 !important; filter: none !important; }
body:not(.home) .pp-single-blog-hero::after { display: none !important; }
body:not(.home) .pp-single-blog-hero h1 { font-size: clamp(30px, 3.6vw, 64px) !important; }
body:not(.home) .pp-single-blog-meta { margin: 0 !important; padding: 0 !important; border: 0 !important; max-width: none !important; flex-wrap: wrap; }
body:not(.home) .pp-single-blog-eyebrow > span, body:not(.home) .pp-blog-bottom-cta::before { display: none !important; }
body:not(.home) .pp-sidebar-card { background: var(--pp-color-ink) !important; }
body:not(.home) .pp-blog-bottom-cta h2 { font-size: var(--pp-text-h2) !important; }

/* Closing CTA banners are removed; the footer button replaces them */
body:not(.home) :is(.pp-solutions-final-cta, .pp-ow-final-cta, .pp-about-final, .pp-faq-bottom-cta, .pp-web-final, .pp-blog-bottom-cta) { display: none !important; }

/* Contact page: open form, no panel */
body:not(.home) .pp-contact-page .pp-contact-form { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body:not(.home) .pp-contact-page .ppr-form__card { padding: 0; background: transparent; }
body:not(.home) .pp-contact-page .pp-contact-content { padding-left: var(--pp-gutter) !important; padding-right: var(--pp-gutter) !important; }
body:not(.home) .pp-contact-page .pp-contact-content-inner { width: 100% !important; max-width: none !important; }

/* Images: same corner radius as the homepage */
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) img { border-radius: var(--pp-radius-md) !important; }
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) :is(div, a, figure):has(> img:only-child) { border-radius: var(--pp-radius-md) !important; background-color: transparent !important; }

/* The shortcodes set overflow: hidden on the page wrapper, which silently disables every sticky element inside. */
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) { overflow: clip !important; }

/* Page width: same outer edges as the homepage */
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) > section { padding-left: var(--pp-gutter) !important; padding-right: var(--pp-gutter) !important; }
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) > section > :not(style, script) { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
body:not(.home) .pp-single-blog-featured, body:not(.home) .pp-single-blog-layout { width: calc(100% - 2 * var(--pp-gutter)) !important; max-width: none !important; margin-left: var(--pp-gutter) !important; margin-right: var(--pp-gutter) !important; padding-left: 0 !important; padding-right: 0 !important; }
body:not(.home) .pp-single-blog-content :is(p, li) { max-width: 52em; }

/* Book a Call and Free Website Audit forms: same look as the Contact form */
body:not(.home) :is(.pp-lt-booking-form-card, .pp-audit-form-box, .pp-lt-form, .pp-free-audit-form) { padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; width: 100% !important; max-width: none !important; }
body:not(.home) :is(.pp-lt-field, .pp-form-field) label:not(.pp-no-website-option) { display: block; margin: 0 0 8px !important; padding: 0; color: var(--pp-color-ink) !important; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body) !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
body:not(.home) :is(.pp-lt-field, .pp-form-field) label:not(.pp-no-website-option) :is(span, i) { color: inherit !important; font-style: normal; }
body:not(.home) :is(.pp-lt-field, .pp-form-field) :is(input:not([type="checkbox"]), select, textarea), body:not(.home) :is(.pp-lt-field, .pp-form-field) :is(input:not([type="checkbox"]), select, textarea):hover { display: block; width: 100% !important; height: auto !important; min-height: 52px !important; padding: 14px 16px !important; background-color: rgba(17, 18, 22, .05) !important; border: 0 !important; border-bottom: 1px dashed rgba(17, 18, 22, .5) !important; border-radius: var(--pp-radius-sm) !important; box-shadow: none !important; outline: none !important; color: var(--pp-color-ink) !important; font: 500 16px/1.4 var(--pp-font-body) !important; }
body:not(.home) :is(.pp-lt-field, .pp-form-field) select, body:not(.home) :is(.pp-lt-field, .pp-form-field) select:hover { -webkit-appearance: none !important; appearance: none !important; padding-right: 44px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111216' stroke-width='2.4'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 16px center !important; background-size: 12px !important; }
body:not(.home) :is(.pp-lt-field, .pp-form-field) textarea { min-height: 190px !important; resize: vertical; }
body:not(.home) :is(.pp-lt-field, .pp-form-field) :is(input, textarea)::placeholder { color: var(--pp-color-text-2) !important; opacity: 1 !important; }
body:not(.home) :is(.pp-lt-field, .pp-form-field) :is(input:not([type="checkbox"]), select, textarea):focus { background-color: var(--pp-color-surface-alt) !important; border-bottom-color: transparent !important; box-shadow: 0 0 0 4px rgba(255, 75, 0, .12) !important; outline: 1.5px solid var(--pp-color-brand) !important; outline-offset: -1.5px; }
body:not(.home) .pp-form-field.error :is(input, select, textarea) { border-bottom: 1px solid #C93629 !important; }
body:not(.home) .pp-no-website-option { display: flex !important; align-items: center; gap: 12px; min-height: 44px; margin: 6px 0 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.3 var(--pp-font-body) !important; letter-spacing: -.01em !important; text-transform: none !important; cursor: pointer; }
body:not(.home) .pp-no-website-option input { -webkit-appearance: none !important; appearance: none !important; flex: none; width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; background-color: rgba(17, 18, 22, .05) !important; border: 1px solid rgba(17, 18, 22, .5) !important; border-radius: 4px !important; cursor: pointer; }
body:not(.home) .pp-no-website-option input:checked { background: var(--pp-color-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23111216' stroke-width='2.4'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8'/%3E%3C/svg%3E") center / 16px no-repeat !important; border-color: var(--pp-color-brand) !important; }
body:not(.home) .pp-no-website-option input:focus-visible { outline: 1.5px solid var(--pp-color-brand) !important; outline-offset: 2px; }
body:not(.home) .pp-lt-form-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 24px !important; margin: 0 !important; }
body:not(.home) .pp-lt-form-grid > .pp-lt-field { grid-column: 1 / -1; min-width: 0; }
body:not(.home) .pp-form-row { display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; margin: 0 0 24px !important; }
body:not(.home) .pp-form-field { min-width: 0; margin: 0 !important; }
body:not(.home) .pp-form-field.full { margin: 0 0 24px !important; }
body:not(.home) .pp-lt-message-field { margin-top: 24px !important; }
body:not(.home) .pp-lt-form-submit { display: flex !important; flex-direction: column; align-items: stretch; gap: 16px !important; margin: 24px 0 0 !important; padding: 0 !important; border: 0 !important; }
body:not(.home) .pp-lt-form-submit p, body:not(.home) .pp-form-disclaimer { margin: 0 !important; max-width: 40ch; color: var(--pp-color-text-2) !important; font: 500 var(--pp-text-sm)/1.45 var(--pp-font-body) !important; }

/* FAQ page: topic beside numbered rows, dotted plus and minus */
body:not(.home) .pp-faq-layout { display: block !important; }
body:not(.home) .pp-faq-article { width: 100% !important; max-width: none !important; }
body:not(.home) .pp-faq-page .pp-faq-meta { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body:not(.home) .pp-faq-page .pp-faq-intro { display: grid; gap: 14px; margin: 0 !important; padding: clamp(32px, 4vw, 56px) 0 !important; border: 0 !important; border-top: 1px dashed var(--pp-color-border) !important; }
body:not(.home) .pp-faq-page .pp-faq-intro p { max-width: 40em; margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 clamp(17px, 1.4vw, 21px)/1.45 var(--pp-font-body) !important; letter-spacing: -.01em !important; }
body:not(.home) .pp-faq-sidebar { position: static !important; display: grid; gap: 14px; margin: 0 !important; padding: 0 0 clamp(32px, 4vw, 56px) !important; }
body:not(.home) .pp-faq-sidebar-label { margin: 0 !important; color: var(--pp-color-text-2) !important; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body) !important; letter-spacing: .08em !important; }
body:not(.home) .pp-faq-nav { display: flex !important; flex-flow: row wrap; gap: 6px 24px; border: 0 !important; }
body:not(.home) .pp-faq-nav a, body:not(.home) .pp-faq-nav a:hover { display: inline-flex !important; align-items: center; min-height: 28px; padding: 0 !important; border: 0 !important; font: 600 15px/1.3 var(--pp-font-body) !important; letter-spacing: -.01em !important; text-transform: none !important; }
body:not(.home) .pp-faq-nav a { color: var(--pp-color-ink) !important; transition: color var(--pp-dur-fast) var(--pp-ease-out); }
body:not(.home) .pp-faq-nav a:is(:hover, :focus-visible) { color: var(--pp-color-brand) !important; }
body:not(.home) .pp-faq-category { display: block !important; margin: 0 !important; padding: clamp(32px, 4vw, 56px) 0 !important; border: 0 !important; border-top: 1px dashed var(--pp-color-border) !important; scroll-margin-top: 80px; }
body:not(.home) .pp-faq-category-number { display: none !important; }
body:not(.home) :is(.pp-faq-category-content, .pp-web-faq-list, .pp-audit-faq-list, .pp-lt-faq-list) { counter-reset: ppr-faq; }
body:not(.home) :is(.pp-web-faq-list, .pp-audit-faq-list, .pp-lt-faq-list) { padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body:not(.home) :is(.pp-faq-answer, .pp-web-faq-answer, .pp-audit-faq-answer), body:not(.home) :is(.pp-faq-answer, .pp-web-faq-answer, .pp-audit-faq-answer) > * { background: transparent !important; box-shadow: none !important; }
body:not(.home) :is(.pp-faq-question, .pp-web-faq-button, .pp-audit-faq-question, .pp-lt-faq summary) > span { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; }
body:not(.home) :is(.pp-web-faq, .pp-audit-faq, .pp-lt-faq) { background: var(--pp-color-surface) !important; }
body:not(.home) .pp-faq-page .pp-faq-category-content > h2 { margin: 0 0 12px !important; color: var(--pp-color-text-2) !important; font: 500 var(--pp-text-h3)/1.18 var(--pp-font-display) !important; letter-spacing: -.025em !important; }
body:not(.home) :is(.pp-faq-item, .pp-web-faq-item, .pp-audit-faq-item, .pp-lt-faq details) { counter-increment: ppr-faq; --ppr-acc-dur: 460ms; --ppr-acc-ease: var(--pp-ease-out); margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body:not(.home) :is(.pp-faq-item, .pp-web-faq-item, .pp-audit-faq-item, .pp-lt-faq details) + :is(.pp-faq-item, .pp-web-faq-item, .pp-audit-faq-item, .pp-lt-faq details) { border-top: 1px dashed var(--pp-color-border) !important; }
body:not(.home) :is(.pp-faq-question, .pp-web-faq-button, .pp-audit-faq-question, .pp-lt-faq summary), body:not(.home) :is(.pp-faq-question, .pp-web-faq-button, .pp-audit-faq-question, .pp-lt-faq summary):is(:hover, :focus) { display: grid !important; grid-template-columns: 36px minmax(0, 1fr) 24px !important; gap: 0 12px; align-items: start !important; width: 100%; margin: 0 !important; padding: 20px 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: var(--pp-color-ink) !important; font: 700 clamp(17px, 1.3vw, 20px)/1.3 var(--pp-font-body) !important; letter-spacing: -.015em !important; text-align: left; text-transform: none !important; white-space: normal; cursor: pointer; }
body:not(.home) :is(.pp-faq-question, .pp-web-faq-button, .pp-audit-faq-question, .pp-lt-faq summary):focus-visible { outline: 2px solid var(--pp-color-brand) !important; outline-offset: 2px; }
body:not(.home) :is(.pp-faq-question, .pp-web-faq-button, .pp-audit-faq-question, .pp-lt-faq summary)::before { content: counter(ppr-faq, decimal-leading-zero); color: var(--pp-color-text-2); font: 500 14px/1.3 var(--pp-font-body); padding-top: .2em; }
body:not(.home) :is(.pp-faq-question, .pp-web-faq-button, .pp-audit-faq-question, .pp-lt-faq summary) :is(.pp-faq-plus, .pp-web-faq-plus, .pp-audit-faq-question > i, .pp-lt-faq summary > b), body:not(.home) :is(.pp-faq-question[aria-expanded="true"] .pp-faq-plus, .pp-web-faq-item.is-open .pp-web-faq-plus, .pp-audit-faq-item.open .pp-audit-faq-question > i, .pp-lt-faq details[open]:not(.ppr-closing) summary > b) { position: relative; display: block !important; flex: none !important; width: 24px !important; height: 24px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; font-size: 0 !important; line-height: 0 !important; transform: none !important; transition: color var(--pp-dur-base) var(--pp-ease-out) !important; }
body:not(.home) :is(.pp-faq-question, .pp-web-faq-button, .pp-audit-faq-question, .pp-lt-faq summary) :is(.pp-faq-plus, .pp-web-faq-plus, .pp-audit-faq-question > i, .pp-lt-faq summary > b) { color: var(--pp-color-ink) !important; }
body:not(.home) :is(.pp-faq-question, .pp-web-faq-button, .pp-audit-faq-question, .pp-lt-faq summary):hover :is(.pp-faq-plus, .pp-web-faq-plus, .pp-audit-faq-question > i, .pp-lt-faq summary > b), body:not(.home) :is(.pp-faq-question[aria-expanded="true"] .pp-faq-plus, .pp-web-faq-item.is-open .pp-web-faq-plus, .pp-audit-faq-item.open .pp-audit-faq-question > i, .pp-lt-faq details[open]:not(.ppr-closing) summary > b) { color: var(--pp-color-brand) !important; }
body:not(.home) :is(.pp-faq-plus, .pp-web-faq-plus, .pp-audit-faq-question > i, .pp-lt-faq summary > b)::before, body:not(.home) :is(.pp-faq-plus, .pp-web-faq-plus, .pp-audit-faq-question > i, .pp-lt-faq summary > b)::after { content: ""; position: absolute; inset: 0; margin: auto; background-image: radial-gradient(circle at center, currentColor 1.15px, transparent 1.6px); background-size: 4px 4px; transition: transform var(--ppr-acc-dur) var(--ppr-acc-ease); }
body:not(.home) :is(.pp-faq-plus, .pp-web-faq-plus, .pp-audit-faq-question > i, .pp-lt-faq summary > b)::before { width: 20px; height: 4px; background-repeat: repeat-x; }
body:not(.home) :is(.pp-faq-plus, .pp-web-faq-plus, .pp-audit-faq-question > i, .pp-lt-faq summary > b)::after { width: 4px; height: 20px; background-repeat: repeat-y; }
body:not(.home) :is(.pp-faq-question[aria-expanded="true"] .pp-faq-plus, .pp-web-faq-item.is-open .pp-web-faq-plus, .pp-audit-faq-item.open .pp-audit-faq-question > i, .pp-lt-faq details[open]:not(.ppr-closing) summary > b)::after { transform: rotate(90deg); }
body:not(.home) :is(.pp-faq-answer, .pp-web-faq-answer, .pp-audit-faq-answer) p { max-width: 44em; margin: 0 0 12px !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.6 var(--pp-font-body) !important; letter-spacing: -.005em !important; }
body:not(.home) :is(.pp-faq-answer, .pp-web-faq-answer, .pp-audit-faq-answer) p:last-child { margin-bottom: 0 !important; }
/* Browsers without :has keep the shortcode's own max-height opening. */
@supports selector(:has(*)) {
  body:not(.home) :is(.pp-faq-item, .pp-web-faq-item, .pp-audit-faq-item) { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 0fr; transition: grid-template-rows var(--ppr-acc-dur) var(--ppr-acc-ease); }
  body:not(.home) :is(.pp-faq-item:has(> [aria-expanded="true"]), .pp-web-faq-item.is-open, .pp-audit-faq-item.open) { grid-template-rows: auto 1fr; }
  body:not(.home) :is(.pp-faq-item, .pp-web-faq-item, .pp-audit-faq-item, .pp-lt-faq details) :is(.pp-faq-answer, .pp-web-faq-answer, .pp-audit-faq-answer) { display: block !important; min-height: 0; max-height: none !important; padding: 0 0 0 48px !important; overflow: hidden !important; opacity: 0; visibility: hidden; transition: opacity calc(var(--ppr-acc-dur) * .5) var(--ppr-acc-ease), visibility 0s linear var(--ppr-acc-dur) !important; }
  body:not(.home) :is(.pp-faq-question[aria-expanded="true"] + .pp-faq-answer, .pp-web-faq-item.is-open > .pp-web-faq-answer, .pp-audit-faq-item.open > .pp-audit-faq-answer) { padding: 0 0 0 48px !important; opacity: 1; visibility: visible; transition: opacity calc(var(--ppr-acc-dur) * .8) var(--ppr-acc-ease) calc(var(--ppr-acc-dur) * .2), visibility 0s !important; }
  body:not(.home) :is(.pp-faq-answer, .pp-web-faq-answer, .pp-audit-faq-answer)::after { content: ""; display: block; height: 24px; }
  :is(.pp-faq-answer, .pp-web-faq-answer, .pp-audit-faq-answer) > * { padding: 0 !important; overflow: visible !important; }
}
@media (prefers-reduced-motion: reduce) {
  body:not(.home) :is(.pp-faq-item, .pp-web-faq-item, .pp-audit-faq-item, .pp-lt-faq details), body:not(.home) :is(.pp-faq-plus, .pp-web-faq-plus, .pp-audit-faq-question > i, .pp-lt-faq summary > b)::before, body:not(.home) :is(.pp-faq-plus, .pp-web-faq-plus, .pp-audit-faq-question > i, .pp-lt-faq summary > b)::after, body:not(.home) :is(.pp-faq-item, .pp-web-faq-item, .pp-audit-faq-item, .pp-lt-faq details) :is(.pp-faq-answer, .pp-web-faq-answer, .pp-audit-faq-answer), body:not(.home) :is(.pp-faq-question[aria-expanded="true"] + .pp-faq-answer, .pp-web-faq-item.is-open > .pp-web-faq-answer, .pp-audit-faq-item.open > .pp-audit-faq-answer) { transition: none !important; }
}

:is(.pp-faq-question, .pp-web-faq-button, .pp-audit-faq-question, .pp-lt-faq summary) svg { display: none !important; }
/* Tall answers on narrow screens need a longer, even curve or they read as a snap. */
@media (max-width: 1024px) {
  body:not(.home) :is(.pp-faq-item, .pp-web-faq-item, .pp-audit-faq-item, .pp-lt-faq details) { --ppr-acc-dur: 680ms; --ppr-acc-ease: cubic-bezier(.4, 0, .2, 1); }
  body:not(.home) :is(.pp-web-faq-grid, .pp-audit-faq-grid, .pp-lt-faq-inner) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }
}
@media (max-width: 767px) {
  body:not(.home) .pp-faq-sidebar { padding-bottom: 0 !important; }
  body:not(.home) .pp-faq-nav { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 24px; }
  body:not(.home) .pp-faq-nav a, body:not(.home) .pp-faq-nav a:hover { display: flex !important; min-height: 48px; border-bottom: 1px dashed var(--pp-color-border) !important; }
  body:not(.home) .pp-faq-page .pp-faq-intro { border-top: 0 !important; }
}

/* Dotted arrow, drawn from the same dots as the FAQ plus */
body:not(.home):not(#ppr) :is(.pp-about-capability-arrow, .pp-web-capability-arrow, .pp-lt-topic-arrow, .pp-faq-answer-link-arrow, .pp-solution-learn-arrow, .pp-ow-project-link-arrow, .pp-blog-read-arrow, .pp-ow-image-arrow, .pp-aff-btn-arrow, .pp-cta-icon, .pp-disclosure-icon), body:not(.home):not(#ppr) :is(a, article):is(:hover, :focus-visible) :is(.pp-about-capability-arrow, .pp-web-capability-arrow, .pp-lt-topic-arrow, .pp-faq-answer-link-arrow, .pp-solution-learn-arrow, .pp-ow-project-link-arrow, .pp-blog-read-arrow, .pp-ow-image-arrow, .pp-aff-btn-arrow, .pp-cta-icon, .pp-disclosure-icon) { position: relative; display: block !important; flex: none !important; width: 20px !important; height: 20px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; font-size: 0 !important; color: var(--pp-color-ink) !important; transition: color var(--pp-dur-base) var(--pp-ease-out) !important; }
body:not(.home):not(#ppr) :is(.pp-about-capability-arrow, .pp-web-capability-arrow, .pp-lt-topic-arrow, .pp-ow-image-arrow, .pp-aff-btn-arrow, .pp-cta-icon) { color: var(--pp-color-on-dark) !important; }
body:not(.home):not(#ppr) :is(a, article):is(:hover, :focus-visible) :is(.pp-about-capability-arrow, .pp-web-capability-arrow, .pp-lt-topic-arrow, .pp-faq-answer-link-arrow, .pp-solution-learn-arrow, .pp-ow-project-link-arrow, .pp-blog-read-arrow, .pp-ow-image-arrow, .pp-aff-btn-arrow, .pp-cta-icon, .pp-disclosure-icon) { color: var(--pp-color-brand) !important; }
body:not(.home):not(#ppr) :is(.pp-about-capability-arrow, .pp-web-capability-arrow, .pp-lt-topic-arrow, .pp-faq-answer-link-arrow, .pp-solution-learn-arrow, .pp-ow-project-link-arrow, .pp-blog-read-arrow, .pp-ow-image-arrow, .pp-aff-btn-arrow, .pp-cta-icon, .pp-disclosure-icon) svg { display: none !important; }
body:not(.home):not(#ppr) :is(.pp-about-capability-arrow, .pp-web-capability-arrow, .pp-lt-topic-arrow, .pp-faq-answer-link-arrow, .pp-solution-learn-arrow, .pp-ow-project-link-arrow, .pp-blog-read-arrow, .pp-ow-image-arrow, .pp-aff-btn-arrow, .pp-cta-icon, .pp-disclosure-icon)::before { content: "" !important; display: block !important; position: absolute; inset: 0; background: radial-gradient(circle at 2px 18px, currentColor 1.15px, transparent 1.6px), radial-gradient(circle at 6px 14px, currentColor 1.15px, transparent 1.6px), radial-gradient(circle at 10px 10px, currentColor 1.15px, transparent 1.6px), radial-gradient(circle at 14px 6px, currentColor 1.15px, transparent 1.6px), radial-gradient(circle at 18px 2px, currentColor 1.15px, transparent 1.6px), radial-gradient(circle at 10px 2px, currentColor 1.15px, transparent 1.6px), radial-gradient(circle at 14px 2px, currentColor 1.15px, transparent 1.6px), radial-gradient(circle at 18px 6px, currentColor 1.15px, transparent 1.6px), radial-gradient(circle at 18px 10px, currentColor 1.15px, transparent 1.6px) no-repeat; }

/* Images whose wrapper clips them next to a caption or overlay */
body:not(.home) :is(.pp-about-image-wrap, .pp-solution-card-image) { border-radius: var(--pp-radius-md) !important; }

/* About page: Approach, Capabilities, Who We Work With, Difference */
body:not(.home) .pp-about-page .pp-about-image-wrap::after { background: linear-gradient(rgba(17, 18, 22, 0) 38%, rgba(17, 18, 22, .78) 100%) !important; }
body:not(.home) .pp-about-page .pp-about-section-intro { gap: 16px !important; margin: 0 0 clamp(32px, 4.4vw, 64px) !important; }
body:not(.home) .pp-about-page :is(.pp-about-section-intro, .pp-about-audience-grid) h2 { margin: 0 !important; }
body:not(.home) .pp-about-page .pp-about-section-intro > p { max-width: 32em; margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }
body:not(.home) .pp-about-page .pp-about-principles { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; padding: 0 !important; border: 0 !important; }
body:not(.home) .pp-about-page .pp-about-principle { display: flex !important; flex-direction: column; gap: 12px; min-height: 240px; padding: 26px !important; background: var(--pp-color-surface-alt) !important; border: 1px solid var(--pp-color-border) !important; border-radius: var(--pp-radius-md) !important; color: var(--pp-color-ink) !important; }
body:not(.home) .pp-about-page .pp-about-principle .pp-about-number { margin: 0 0 auto !important; color: var(--pp-color-text-2) !important; font: 700 13px/1 var(--pp-font-body) !important; font-variant-numeric: tabular-nums; }
body:not(.home) .pp-about-page .pp-about-principle h3 { margin: 0 !important; color: inherit !important; }
body:not(.home) .pp-about-page .pp-about-principle p { margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }
body:not(.home) .pp-about-page .pp-about-principle:nth-child(3) { background: radial-gradient(70% 70% at 100% 100%, rgba(255, 75, 0, .26), transparent 70%), var(--pp-color-ink) !important; border-color: transparent !important; color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-about-page .pp-about-principle:nth-child(3) :is(p, .pp-about-number) { color: var(--pp-color-on-dark-2) !important; }
body:not(.home) .pp-about-page .pp-about-principle:nth-child(4) { background: var(--pp-color-brand) !important; border-color: transparent !important; }
body:not(.home) .pp-about-page .pp-about-principle:nth-child(4) :is(p, .pp-about-number) { color: var(--pp-color-ink) !important; }

body:not(.home) .pp-about-page :is(.pp-about-capabilities-heading, .pp-about-difference-heading) { margin: 12px 0 clamp(32px, 4.4vw, 64px) !important; }
body:not(.home) .pp-about-page .pp-about-capability-list { border: 0 !important; border-top: 1px dashed var(--pp-color-border-on-dark) !important; }
body:not(.home) .pp-about-page .pp-about-capability, body:not(.home) .pp-about-page .pp-about-capability:hover { position: relative; isolation: isolate; display: grid !important; grid-template-columns: 36px minmax(0, 1fr) 20px !important; gap: 8px 12px !important; align-items: start !important; margin: 0 !important; padding: 26px 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px dashed var(--pp-color-border-on-dark) !important; transform: none !important; }
body:not(.home) .pp-about-page .pp-about-capability::before { content: "" !important; display: block !important; position: absolute; z-index: -1; inset: 0 calc(-1 * var(--pp-gutter)); background: var(--pp-color-ink-raised); transform: scaleX(0); transform-origin: 0 50%; transition: transform 560ms var(--pp-ease-out); }
body:not(.home) .pp-about-page .pp-about-capability-number { grid-column: 1; grid-row: 1; padding-top: .35em; color: var(--pp-color-brand) !important; font: 700 13px/1.2 var(--pp-font-body) !important; font-variant-numeric: tabular-nums; }
body:not(.home) .pp-about-page .pp-about-capability h3 { grid-column: 2; grid-row: 1; margin: 0 !important; color: var(--pp-color-on-dark) !important; transition: color var(--pp-dur-base) var(--pp-ease-out); }
body:not(.home) .pp-about-page .pp-about-capability p { grid-column: 2; grid-row: 2; max-width: 34em; margin: 0 !important; color: var(--pp-color-on-dark-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }
body:not(.home) .pp-about-page .pp-about-capability-arrow { grid-column: 3; grid-row: 1; margin-top: .25em; }
body:not(.home) .pp-about-page .pp-about-capability:focus-visible { outline: 2px solid var(--pp-color-brand); outline-offset: -2px; }
body:not(.home) .pp-about-page .pp-about-capability:is(:hover, :focus-visible) h3 { color: var(--pp-color-brand) !important; }
@media (hover: hover) { body:not(.home) .pp-about-page .pp-about-capability:is(:hover, :focus-visible)::before { transform: scaleX(1); } }

body:not(.home) .pp-about-page .pp-about-audience { background: var(--pp-color-surface-alt) !important; border-top: 1px dashed var(--pp-color-border) !important; }
body:not(.home) .pp-about-page .pp-about-audience-grid { gap: 32px !important; }
body:not(.home) .pp-about-page .pp-about-audience-content > p { max-width: 32em; margin: 0 0 clamp(24px, 3vw, 48px) !important; color: var(--pp-color-text-2) !important; font: 500 clamp(17px, 1.4vw, 21px)/1.4 var(--pp-font-body) !important; letter-spacing: -.01em !important; }
body:not(.home) .pp-about-page .pp-about-audience-list, body:not(.home) .pp-about-page .pp-about-audience-content { width: 100% !important; max-width: none !important; }
body:not(.home) .pp-about-page .pp-about-audience-list { border: 0 !important; }
body:not(.home) .pp-about-page .pp-about-audience-row { display: block !important; padding: clamp(14px, 1.4vw, 22px) 0 !important; border: 0 !important; border-top: 1px dashed var(--pp-color-border) !important; --t: 1; }
body:not(.home) .pp-about-page .pp-about-audience-row:first-child { border-top: 0 !important; padding-top: 0 !important; }
body:not(.home) .pp-about-page .pp-about-audience-row:nth-child(1) { --t: .7; }
body:not(.home) .pp-about-page .pp-about-audience-row:nth-child(2) { --t: .77; }
body:not(.home) .pp-about-page .pp-about-audience-row:nth-child(3) { --t: .85; }
body:not(.home) .pp-about-page .pp-about-audience-row:nth-child(4) { --t: .92; }
body:not(.home) .pp-about-page .pp-about-audience-row span:first-child { color: var(--pp-color-ink) !important; font: 500 calc(var(--t) * clamp(22px, 2.8vw, 42px))/1.12 var(--pp-font-display) !important; letter-spacing: -.03em !important; }
body:not(.home) .pp-about-page .pp-about-audience-row span:last-child { display: none !important; }
body:not(.home) .pp-about-page .pp-about-audience-row:last-child span:first-child::after { content: ""; display: inline-block; width: .16em; height: .8em; margin-left: .14em; vertical-align: -.04em; background: var(--pp-color-brand); animation: ppr-blink 1.05s steps(1) infinite; }

body:not(.home) .pp-about-page .pp-about-difference { background: var(--pp-color-surface) !important; border-top: 1px dashed var(--pp-color-border) !important; }
body:not(.home) .pp-about-page .pp-about-difference-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; padding: 0 !important; border: 0 !important; }
body:not(.home) .pp-about-page .pp-about-difference-card { position: relative; display: flex !important; flex-direction: column; justify-content: flex-end; gap: 12px; min-height: 340px; margin: 0 !important; padding: 26px !important; overflow: hidden; background: var(--pp-color-surface-alt) !important; border: 1px solid var(--pp-color-border) !important; border-radius: var(--pp-radius-md) !important; color: var(--pp-color-ink) !important; }
body:not(.home) .pp-about-page .pp-about-difference-card::before { content: "" !important; display: block !important; position: absolute; top: 26px; right: 26px; width: 132px; height: 132px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20108%20108'%3E%3Ccircle%20cx%3D'6'%20cy%3D'6'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'6'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'6'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'6'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'18'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'18'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'18'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'30'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'30'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'42'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'42'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'54'%20r%3D'6'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'66'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'66'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'78'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'78'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'90'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'90'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'90'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'90'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'102'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'102'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'102'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'102'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
body:not(.home) .pp-about-page .pp-about-difference-card h3 { margin: 0 !important; color: inherit !important; }
body:not(.home) .pp-about-page .pp-about-difference-card p { margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }
body:not(.home) .pp-about-page .pp-about-difference-card:nth-child(1) { background: radial-gradient(70% 70% at 100% 100%, rgba(255, 75, 0, .26), transparent 70%), var(--pp-color-ink) !important; border-color: transparent !important; color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-about-page .pp-about-difference-card:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20108%20108'%3E%3Ccircle%20cx%3D'6'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'18'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'18'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'30'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'30'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'30'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'30'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'30'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'30'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'30'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'30'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'30'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'42'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'42'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'42'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'42'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'42'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'42'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'42'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'42'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'42'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'54'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'54'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'54'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'54'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'54'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'54'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'54'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'54'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'54'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'66'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'66'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'66'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'66'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'66'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'66'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'66'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'66'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'66'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'78'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'78'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'78'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'78'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'78'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'78'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'78'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'78'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'78'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'90'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'90'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3C%2Fsvg%3E"); }
body:not(.home) .pp-about-page .pp-about-difference-card:nth-child(1) h3 { font-size: clamp(26px, 3vw, 43px) !important; line-height: 1.08 !important; letter-spacing: -.03em !important; }
body:not(.home) .pp-about-page .pp-about-difference-card:nth-child(1) p { max-width: 34em; color: var(--pp-color-on-dark-2) !important; }
body:not(.home) .pp-about-page .pp-about-difference-card:nth-child(3) { background: var(--pp-color-brand) !important; border-color: transparent !important; }
body:not(.home) .pp-about-page .pp-about-difference-card:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20108%20108'%3E%3Ccircle%20cx%3D'42'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'18'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'18'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'30'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'30'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'42'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'42'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'54'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'54'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'66'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'66'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'78'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'90'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'102'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3C%2Fsvg%3E"); }
body:not(.home) .pp-about-page .pp-about-difference-card:nth-child(3) p { color: var(--pp-color-ink) !important; }
@media (prefers-reduced-motion: reduce) {
  body:not(.home) .pp-about-page .pp-about-capability::before, body:not(.home) .pp-about-page .pp-about-capability h3 { transition: none; }
  body:not(.home) .pp-about-page .pp-about-audience-row:last-child span:first-child::after { animation: none; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body:not(.home) .pp-about-page .pp-about-principles { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body:not(.home) .pp-about-page .pp-about-difference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body:not(.home) .pp-about-page .pp-about-difference-card:nth-child(1) { grid-column: 1 / -1; }
}
@media (min-width: 1025px) {
  body:not(.home) .pp-about-page .pp-about-section-intro, body:not(.home) .pp-about-page :is(.pp-about-capabilities, .pp-about-difference) > .pp-about-container { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) !important; gap: 0 24px !important; align-items: start !important; }
  body:not(.home) .pp-about-page .pp-about-section-intro > div { display: contents; }
  body:not(.home) .pp-about-page :is(.pp-about-capabilities-heading, .pp-about-difference-heading) { margin-top: 0 !important; grid-column: 2; }
  body:not(.home) .pp-about-page .pp-about-difference-heading { grid-column: 2 / -1; }
  body:not(.home) .pp-about-page :is(.pp-about-capability-list, .pp-about-difference-grid) { grid-column: 1 / -1; }
  body:not(.home) .pp-about-page .pp-about-principles { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; align-items: end !important; }
  body:not(.home) .pp-about-page .pp-about-principle:nth-child(1) { min-height: 340px; }
  body:not(.home) .pp-about-page .pp-about-principle:nth-child(2) { min-height: 400px; }
  body:not(.home) .pp-about-page .pp-about-principle:nth-child(3) { min-height: 460px; }
  body:not(.home) .pp-about-page .pp-about-principle:nth-child(4) { min-height: 520px; }
  body:not(.home) .pp-about-page .pp-about-capability, body:not(.home) .pp-about-page .pp-about-capability:hover { grid-template-columns: minmax(0, 1fr) calc((100% - 48px) / 4 - 12px) calc((100% - 48px) / 4 - 12px) minmax(0, 1fr) !important; gap: 0 24px !important; padding: 34px 0 !important; }
  body:not(.home) .pp-about-page .pp-about-capability p { grid-column: 3; grid-row: 1; padding-top: .15em; }
  body:not(.home) .pp-about-page .pp-about-capability-arrow { grid-column: 4; justify-self: end; }
  body:not(.home) .pp-about-page .pp-about-audience-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 0 !important; align-items: start !important; }
  body:not(.home) .pp-about-page .pp-about-audience-grid > :first-child { position: sticky; top: 96px; padding-right: 24px; }
  body:not(.home) .pp-about-page .pp-about-audience-content { padding-left: 24px; }
  body:not(.home) .pp-about-page .pp-about-difference-grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) !important; }
  body:not(.home) .pp-about-page .pp-about-difference-card { min-height: 440px; }
}

/* Book a Call page: section designs */
body:not(.home) .pp-lets-talk-page :is(.pp-lt-topics-heading, .pp-lt-faq-heading) .pp-lt-eyebrow { margin: 0 0 12px !important; }
body:not(.home) .pp-lets-talk-page :is(.pp-lt-process, .pp-lt-topics, .pp-lt-booking, .pp-lt-reassurance, .pp-lt-audience, .pp-lt-faq) { padding-top: var(--pp-section-gap) !important; padding-bottom: var(--pp-section-gap) !important; }
body:not(.home) .pp-lets-talk-page :is(.pp-lt-section-intro, .pp-lt-audience-heading) { display: grid !important; gap: 12px !important; margin: 0 0 clamp(32px, 4.4vw, 64px) !important; }
body:not(.home) .pp-lets-talk-page :is(.pp-lt-section-intro, .pp-lt-audience-heading, .pp-lt-topics-heading, .pp-lt-faq-heading) h2 { margin: 0 !important; }

body:not(.home) .pp-lets-talk-page .pp-lt-process { background: var(--pp-color-surface) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-process-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; border: 0 !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-process-item { position: relative; display: grid !important; grid-template-columns: 72px minmax(0, 1fr); gap: 8px 12px; margin: 0 !important; padding: 28px 0 32px !important; background: transparent !important; border: 0 !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-process-item::before { content: "" !important; display: block !important; position: absolute; inset: 0 0 auto; height: 4px; background: radial-gradient(circle at center, rgba(17, 18, 22, .45) 1.15px, transparent 1.6px) 0 0 / 8px 4px repeat-x; }
body:not(.home) .pp-lets-talk-page .pp-lt-process-item::after { content: "" !important; display: block !important; position: absolute; top: -6px; left: 0; width: 7px; height: 16px; background: var(--pp-color-brand); }
body:not(.home) .pp-lets-talk-page .pp-lt-process-number { grid-column: 1; grid-row: 1 / span 2; color: var(--pp-color-ink) !important; font: 500 clamp(32px, 6vw, 88px)/.9 var(--pp-font-display) !important; letter-spacing: -.04em !important; font-variant-numeric: tabular-nums; }
body:not(.home) .pp-lets-talk-page .pp-lt-process-item:last-child .pp-lt-process-number { color: var(--pp-color-brand) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-process-item h3 { grid-column: 2; margin: 0 !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-process-item p { grid-column: 2; max-width: 30em; margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }

body:not(.home) .pp-lets-talk-page .pp-lt-topics-inner { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-topic-list { width: 100% !important; max-width: none !important; border: 0 !important; border-top: 1px dashed var(--pp-color-border-on-dark) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-topic, body:not(.home) .pp-lets-talk-page .pp-lt-topic:hover { position: relative; isolation: isolate; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 !important; padding: clamp(18px, 2vw, 30px) 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px dashed var(--pp-color-border-on-dark) !important; transform: none !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-topic::before { content: "" !important; display: block !important; position: absolute; z-index: -1; inset: 0 calc(-1 * var(--pp-gutter)) 0 -24px; background: var(--pp-color-ink-raised); transform: scaleX(0); transform-origin: 0 50%; transition: transform 560ms var(--pp-ease-out); }
body:not(.home) .pp-lets-talk-page .pp-lt-topic > span:first-child { color: var(--pp-color-on-dark) !important; font: 500 clamp(20px, 2.4vw, 34px)/1.12 var(--pp-font-display) !important; letter-spacing: -.03em !important; transition: color var(--pp-dur-base) var(--pp-ease-out); }
body:not(.home) .pp-lets-talk-page .pp-lt-topic:is(:hover, :focus-visible) > span:first-child { color: var(--pp-color-brand) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-topic:focus-visible { outline: 2px solid var(--pp-color-brand); outline-offset: -2px; }
@media (hover: hover) { body:not(.home) .pp-lets-talk-page .pp-lt-topic:is(:hover, :focus-visible)::before { transform: scaleX(1); } }

body:not(.home) .pp-lets-talk-page .pp-lt-booking-copy { display: flex !important; flex-direction: column; gap: 16px; padding: clamp(26px, 3vw, 44px) !important; background: radial-gradient(80% 60% at 100% 100%, rgba(255, 75, 0, .26), transparent 70%), var(--pp-color-ink) !important; border: 0 !important; border-radius: var(--pp-radius-md) !important; color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-booking-copy .pp-lt-eyebrow { margin: 0 !important; color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-booking-copy .pp-lt-eyebrow span { color: inherit !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-booking-copy h2 { margin: 0 !important; color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-booking-copy p { margin: 0 !important; color: var(--pp-color-on-dark-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-booking-note { display: block !important; margin: auto 0 0 !important; padding: 20px 0 0 !important; background: transparent !important; border: 0 !important; border-top: 1px dashed var(--pp-color-border-on-dark) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-booking-note-number { display: none !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-booking-note strong { display: block; margin: 0 0 6px; color: var(--pp-color-on-dark) !important; font: 500 var(--pp-text-h3)/1.18 var(--pp-font-display) !important; letter-spacing: -.025em !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-form-heading > span { color: var(--pp-color-text-2) !important; }

body:not(.home) .pp-lets-talk-page .pp-lt-reassurance { background: var(--pp-color-surface) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-inner { display: block !important; padding: clamp(26px, 4vw, 56px) !important; background: var(--pp-color-brand) !important; border: 0 !important; border-radius: var(--pp-radius-md) !important; color: var(--pp-color-ink) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-number { display: none !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-content { display: grid !important; gap: 14px !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-reassurance .pp-lt-eyebrow { margin: 0 !important; color: var(--pp-color-ink) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-reassurance .pp-lt-eyebrow::after { background: var(--pp-color-ink) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-reassurance h2, body:not(.home) .pp-lets-talk-page .pp-lt-reassurance h2 span { margin: 0 !important; color: var(--pp-color-ink) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-lead { margin: 0 !important; color: var(--pp-color-ink) !important; font: 600 clamp(17px, 1.4vw, 21px)/1.35 var(--pp-font-body) !important; letter-spacing: -.01em !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-grid { display: block !important; margin: 12px 0 0 !important; padding: 0 !important; border: 0 !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-grid > div { display: flex !important; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; margin: 0 !important; padding: clamp(14px, 1.6vw, 22px) 0 !important; background: transparent !important; border: 0 !important; border-top: 1px dashed rgba(17, 18, 22, .4) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-grid strong { color: var(--pp-color-ink) !important; font: 500 clamp(19px, 2vw, 28px)/1.15 var(--pp-font-display) !important; letter-spacing: -.03em !important; text-decoration: line-through 2px currentColor; transition: text-decoration-color 480ms var(--pp-ease-out) 240ms; }
.ppr-motion body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-grid > .ppr-reveal:not(.is-in) strong { text-decoration-color: transparent; }
body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-grid span { color: var(--pp-color-ink) !important; font: 700 var(--pp-text-sm)/1.3 var(--pp-font-body) !important; }

body:not(.home) .pp-lets-talk-page .pp-lt-audience { border-top: 1px dashed var(--pp-color-border) !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-audience-grid { display: block !important; padding: 0 !important; border: 0 !important; }
body:not(.home) .pp-lets-talk-page .pp-lt-audience-grid article { position: relative; display: grid !important; grid-template-columns: minmax(0, 1fr); margin: 0 !important; padding: 0 0 clamp(28px, 3vw, 44px) !important; background: transparent !important; border: 0 !important; --w: 100%; }
body:not(.home) .pp-lets-talk-page .pp-lt-audience-grid article::before { content: "" !important; display: block !important; position: absolute; top: 0; left: 0; height: 52px; width: var(--w); background: var(--pp-color-ink); border-radius: var(--pp-radius-sm); }
body:not(.home) .pp-lets-talk-page .pp-lt-audience-number { position: absolute; top: 0; left: 18px; line-height: 52px !important; color: var(--pp-color-on-dark-2) !important; font: 700 13px/52px var(--pp-font-body) !important; font-variant-numeric: tabular-nums; }
body:not(.home) .pp-lets-talk-page .pp-lt-audience-grid article h3 { position: relative; height: 52px; margin: 0 0 16px !important; padding-left: 52px; color: var(--pp-color-on-dark) !important; font-size: clamp(16px, 1.5vw, 20px) !important; line-height: 52px !important; letter-spacing: -.02em !important; white-space: nowrap; }
body:not(.home) .pp-lets-talk-page .pp-lt-audience-grid article p { max-width: 34em; margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }

body:not(.home) :is(.pp-lets-talk-page .pp-lt-faq-list, .pp-web-service .pp-web-faq-list, .pp-audit-page .pp-audit-faq-list) { padding: 4px 22px !important; background: var(--pp-color-surface-alt) !important; border: 1px solid var(--pp-color-border) !important; border-radius: var(--pp-radius-md) !important; }
@media (prefers-reduced-motion: reduce) {
  body:not(.home) .pp-lets-talk-page :is(.pp-lt-topic::before, .pp-lt-topic > span:first-child) { transition: none; }
  body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-grid strong { transition: none; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body:not(.home) .pp-lets-talk-page .pp-lt-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 24px !important; }
}
@media (min-width: 1025px) {
  body:not(.home) .pp-lets-talk-page :is(.pp-lt-section-intro, .pp-lt-audience-heading) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) !important; gap: 0 24px !important; align-items: start !important; }
  body:not(.home) .pp-lets-talk-page .pp-lt-process-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0 24px !important; }
  body:not(.home) .pp-lets-talk-page .pp-lt-process-item { display: flex !important; flex-direction: column; gap: 12px; }
  body:not(.home) .pp-lets-talk-page .pp-lt-process-item:not(:last-child)::before { right: -24px; }
  body:not(.home) .pp-lets-talk-page .pp-lt-process-number { margin-bottom: clamp(24px, 3vw, 48px); }
  body:not(.home) .pp-lets-talk-page .pp-lt-topics-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 0 !important; align-items: start !important; }
  body:not(.home) .pp-lets-talk-page .pp-lt-topics-heading { position: sticky; top: 96px; padding-right: 24px; }
  body:not(.home) .pp-lets-talk-page .pp-lt-topic-list { margin-left: 24px; width: calc(100% - 24px) !important; }
  body:not(.home) .pp-lets-talk-page .pp-lt-booking-inner { gap: 14px 48px !important; align-items: stretch !important; }
  body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-content { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 14px 48px !important; align-items: start; }
  body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-content > :not(.pp-lt-reassurance-grid) { grid-column: 1; }
  body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-grid { grid-column: 2; grid-row: 1 / span 3; margin: 0 !important; }
  body:not(.home) .pp-lets-talk-page .pp-lt-reassurance-grid > div:first-child { border-top: 0 !important; padding-top: 0 !important; }
  body:not(.home) .pp-lets-talk-page .pp-lt-audience-grid article { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; }
  body:not(.home) .pp-lets-talk-page .pp-lt-audience-grid article:nth-child(1) { --w: 25%; }
  body:not(.home) .pp-lets-talk-page .pp-lt-audience-grid article:nth-child(2) { --w: 50%; }
  body:not(.home) .pp-lets-talk-page .pp-lt-audience-grid article:nth-child(3) { --w: 75%; }
  body:not(.home) .pp-lets-talk-page .pp-lt-audience-grid article h3 { grid-column: 1 / -1; }
  body:not(.home) .pp-lets-talk-page .pp-lt-audience-grid article p { grid-column: 2 / span 2; }
  body:not(.home) :is(.pp-lets-talk-page .pp-lt-faq-heading, .pp-web-service .pp-web-faq-grid > :first-child, .pp-audit-page .pp-audit-faq-grid > :first-child)::after { content: ""; display: block; width: clamp(110px, 11vw, 168px); aspect-ratio: 1; margin-top: clamp(28px, 4vw, 56px); background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20108%20108'%3E%3Ccircle%20cx%3D'30'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'18'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'18'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'18'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'30'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'30'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'42'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'42'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'54'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'54'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'66'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'66'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'90'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'90'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'102'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'102'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3C%2Fsvg%3E") left top / contain no-repeat; }
  body:not(.home) :is(.pp-lets-talk-page .pp-lt-faq-list, .pp-web-service .pp-web-faq-list, .pp-audit-page .pp-audit-faq-list) { padding: 4px 26px !important; margin-left: 24px; }
}

/* Solutions page: intro, capability stack, connected system */
body:not(.home) .pp-solutions-page :is(.pp-solutions-intro, .pp-solutions-list, .pp-solutions-connected) { padding-top: var(--pp-section-gap) !important; padding-bottom: var(--pp-section-gap) !important; background: var(--pp-color-surface) !important; }
body:not(.home) .pp-solutions-page :is(.pp-solutions-list, .pp-solutions-connected) { border-top: 1px dashed var(--pp-color-border) !important; }
body:not(.home) .pp-solutions-page :is(.pp-solutions-intro, .pp-solutions-list-header, .pp-solutions-connected-heading) h2 { margin: 0 !important; }
body:not(.home) .pp-solutions-page .pp-solutions-intro-inner { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; }
body:not(.home) .pp-solutions-page .pp-solutions-intro-label, body:not(.home) .pp-solutions-page .pp-solutions-intro-label span { margin: 0 !important; color: var(--pp-color-ink) !important; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body) !important; letter-spacing: .08em !important; }
body:not(.home) .pp-solutions-page .pp-solutions-intro-content { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 20px !important; max-width: none !important; }
body:not(.home) .pp-solutions-page .pp-solutions-intro-content p { max-width: 30em; margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 clamp(17px, 1.4vw, 21px)/1.4 var(--pp-font-body) !important; letter-spacing: -.01em !important; }

body:not(.home) .pp-solutions-page .pp-solutions-list-header { display: grid !important; gap: 12px !important; width: 100% !important; max-width: none !important; margin: 0 0 clamp(32px, 4.4vw, 64px) !important; padding: 0 !important; }
body:not(.home) .pp-solutions-page .pp-solutions-list-header > p { max-width: 32em; margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }
body:not(.home) .pp-solutions-page .pp-solution-stack { display: block !important; width: 100% !important; max-width: none !important; padding: 0 !important; }
body:not(.home) .pp-solutions-page .pp-solution-stack .pp-solution-card, body:not(.home) .pp-solutions-page .pp-solution-stack .pp-solution-card:hover { position: sticky; top: var(--stick, 88px); display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; margin: 0 0 14px !important; padding: 12px !important; min-height: 0; overflow: hidden; background: var(--pp-color-surface-alt) !important; border: 1px solid var(--pp-color-border) !important; border-radius: var(--pp-radius-lg) !important; box-shadow: none !important; color: var(--pp-color-ink) !important; transform: none !important; }
body:not(.home) .pp-solutions-page .pp-solution-stack .pp-solution-card:nth-child(odd) { background: radial-gradient(70% 70% at 100% 100%, rgba(255, 75, 0, .22), transparent 70%), var(--pp-color-ink) !important; border-color: transparent !important; color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-solutions-page .pp-solution-card-image { position: relative; aspect-ratio: 16 / 9; min-height: 0 !important; height: auto !important; margin: 0 !important; overflow: hidden; }
body:not(.home) .pp-solutions-page .pp-solution-card-image img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; transform: none !important; }
body:not(.home) .pp-solutions-page .pp-solution-image-overlay { display: none !important; }
body:not(.home) .pp-solutions-page .pp-solution-card-content { display: flex !important; flex-direction: column; gap: 14px; padding: 20px 12px 10px !important; background: transparent !important; border: 0 !important; }
body:not(.home) .pp-solutions-page .pp-solution-card-top { display: flex !important; justify-content: space-between; align-items: center; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body:not(.home) .pp-solutions-page .pp-solution-card-index { color: var(--pp-color-text-2) !important; font: 700 13px/1 var(--pp-font-body) !important; font-variant-numeric: tabular-nums; }
body:not(.home) .pp-solutions-page .pp-solution-card-category { color: var(--pp-color-text-2) !important; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body) !important; letter-spacing: .08em !important; }
body:not(.home) .pp-solutions-page .pp-solution-stack .pp-solution-card .pp-solution-card-content h3 { margin: 0 !important; color: inherit !important; font-size: clamp(26px, 3vw, 43px) !important; line-height: 1.08 !important; letter-spacing: -.03em !important; }
body:not(.home) .pp-solutions-page .pp-solution-card-description { max-width: 34em; margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }
body:not(.home) .pp-solutions-page .pp-solution-capabilities { display: flex !important; flex-wrap: wrap; gap: 6px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body:not(.home) .pp-solutions-page .pp-solution-capabilities span { padding: 6px 10px !important; background: transparent !important; border: 1px solid var(--pp-color-border) !important; border-radius: 6px !important; color: inherit !important; font: 600 13px/1.2 var(--pp-font-body) !important; letter-spacing: 0 !important; text-transform: none !important; }
body:not(.home) .pp-solutions-page .pp-solution-stack .pp-solution-learn-more { display: inline-flex !important; align-items: center; gap: 12px !important; align-self: flex-start; min-height: 44px; margin: auto 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: inherit !important; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body) !important; letter-spacing: .08em !important; }
body:not(.home) .pp-solutions-page .pp-solution-learn-more > span:first-child { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; }
body:not(.home) .pp-solutions-page .pp-solution-card:nth-child(odd) :is(.pp-solution-card-description, .pp-solution-card-category) { color: var(--pp-color-on-dark-2) !important; }
body:not(.home) .pp-solutions-page .pp-solution-card:nth-child(odd) .pp-solution-card-index { color: var(--pp-color-brand) !important; }
body:not(.home) .pp-solutions-page .pp-solution-card:nth-child(odd) .pp-solution-capabilities span { border-color: var(--pp-color-border-on-dark) !important; }
body:not(.home):not(#ppr) .pp-solution-card:nth-child(odd) .pp-solution-learn-arrow { color: var(--pp-color-on-dark) !important; }
body:not(.home):not(#ppr) .pp-solution-card:nth-child(odd):is(:hover, :focus-within) .pp-solution-learn-arrow { color: var(--pp-color-brand) !important; }

body:not(.home) .pp-solutions-page .pp-solutions-connected-inner { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; width: 100% !important; max-width: none !important; }
body:not(.home) .pp-solutions-page .pp-solutions-connected-heading { display: grid !important; gap: 12px !important; margin: 0 !important; max-width: none !important; }
body:not(.home) .pp-solutions-page .pp-solutions-connected-heading > p { max-width: 32em; margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }
body:not(.home) .pp-solutions-page .pp-connected-line { display: none !important; }
body:not(.home) .pp-solutions-page .pp-connected-system { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
body:not(.home) .pp-solutions-page .pp-connected-item { position: relative; display: flex !important; flex-direction: column; align-items: flex-start !important; gap: 6px; min-height: 148px; margin: 0 !important; padding: 22px !important; background: var(--pp-color-surface-alt) !important; border: 1px solid var(--pp-color-border) !important; border-radius: var(--pp-radius-md) !important; text-align: left !important; }
body:not(.home) .pp-solutions-page .pp-connected-item:last-child { background: var(--pp-color-brand) !important; border-color: transparent !important; }
body:not(.home) .pp-solutions-page .pp-connected-number { width: auto !important; height: auto !important; margin: 0 0 auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: var(--pp-color-text-2) !important; font: 700 13px/1 var(--pp-font-body) !important; font-variant-numeric: tabular-nums; }
body:not(.home) .pp-solutions-page .pp-connected-item strong { display: block; color: var(--pp-color-ink) !important; font: 500 clamp(20px, 2.1vw, 30px)/1.1 var(--pp-font-display) !important; letter-spacing: -.03em !important; text-transform: lowercase !important; }
body:not(.home) .pp-solutions-page .pp-connected-item strong::first-letter { text-transform: uppercase; }
body:not(.home) .pp-solutions-page .pp-connected-item:nth-child(7) strong { text-transform: uppercase !important; }
body:not(.home) .pp-solutions-page .pp-connected-item small { color: var(--pp-color-text-2) !important; font: 500 16px/1.3 var(--pp-font-body) !important; letter-spacing: 0 !important; text-transform: none !important; }
body:not(.home) .pp-solutions-page .pp-connected-item:last-child :is(small, .pp-connected-number) { color: var(--pp-color-ink) !important; }
body:not(.home) .pp-solutions-page .pp-connected-item:not(:last-child)::after { content: "" !important; display: block !important; position: absolute; background: radial-gradient(circle at center, #FF4B00 1.15px, transparent 1.6px) 0 0 / 4px 4px repeat !important; }
@media (max-width: 767px) {
  body:not(.home) .pp-solutions-page .pp-connected-item:not(:last-child)::after { top: 100%; left: 26px; width: 4px; height: 28px; }
}
@media (min-width: 768px) {
  body:not(.home) .pp-solutions-page .pp-connected-system { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  body:not(.home) .pp-solutions-page .pp-connected-item:nth-child(5) { grid-area: 2 / 3; }
  body:not(.home) .pp-solutions-page .pp-connected-item:nth-child(6) { grid-area: 2 / 2; }
  body:not(.home) .pp-solutions-page .pp-connected-item:nth-child(7) { grid-area: 2 / 1; }
  body:not(.home) .pp-solutions-page .pp-connected-item:is(:nth-child(2), :nth-child(3))::after { top: calc(50% - 2px); left: 100%; width: 28px; height: 4px; }
  body:not(.home) .pp-solutions-page .pp-connected-item:nth-child(4)::after { top: 100%; left: calc(50% - 2px); width: 4px; height: 28px; }
  body:not(.home) .pp-solutions-page .pp-connected-item:is(:nth-child(5), :nth-child(6))::after { top: calc(50% - 2px); right: 100%; width: 28px; height: 4px; }
  body:not(.home) .pp-solutions-page .pp-connected-item { min-height: 190px; }
}
@media (min-width: 1025px) {
  body:not(.home) .pp-solutions-page .pp-solutions-intro-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) !important; gap: 0 24px !important; align-items: start !important; }
  body:not(.home) .pp-solutions-page .pp-solutions-intro-content { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px 24px !important; }
  body:not(.home) .pp-solutions-page .pp-solutions-intro-content h2 { grid-column: 1 / -1; }
  body:not(.home) .pp-solutions-page .pp-solutions-intro-inner::after { content: ""; grid-column: 1; grid-row: 2; display: block; width: clamp(110px, 11vw, 168px); aspect-ratio: 1; margin-top: clamp(24px, 3vw, 44px); background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20108%20108'%3E%3Ccircle%20cx%3D'54'%20cy%3D'6'%20r%3D'4.8'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'18'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'30'%20r%3D'4.8'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'30'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'30'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'30'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'30'%20r%3D'4.8'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'54'%20r%3D'6.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'78'%20r%3D'4.8'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'78'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'78'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'78'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'78'%20r%3D'4.8'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'90'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'102'%20r%3D'4.8'%20fill%3D'%23111216'%2F%3E%3C%2Fsvg%3E") left top / contain no-repeat; }
  body:not(.home) .pp-solutions-page .pp-solutions-list-header { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) !important; gap: 0 24px !important; align-items: start !important; }
  body:not(.home) .pp-solutions-page .pp-solution-stack .pp-solution-card, body:not(.home) .pp-solutions-page .pp-solution-stack .pp-solution-card:hover { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; min-height: min(620px, calc(100vh - 170px)); }
  body:not(.home) .pp-solutions-page .pp-solution-card-image { aspect-ratio: auto; height: 100% !important; }
  body:not(.home) .pp-solutions-page .pp-solution-card-image img { position: absolute; inset: 0; }
  body:not(.home) .pp-solutions-page .pp-solution-card-content { justify-content: center; padding: clamp(20px, 3vw, 44px) !important; }
  body:not(.home) .pp-solutions-page .pp-solution-stack .pp-solution-learn-more { margin-top: 8px !important; }
  body:not(.home) .pp-solutions-page .pp-solutions-connected-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) !important; gap: 0 48px !important; align-items: start !important; }
  body:not(.home) .pp-solutions-page .pp-solutions-connected-heading { position: sticky; top: 96px; }
}

/* Our Work page */
body:not(.home) .ppr-ow-work.e-con.ppr-rail { display: block !important; }
body:not(.home) .ppr-ow-work .ppr-rail__side { position: static !important; display: grid; gap: 14px; width: 100%; margin: 0 0 clamp(32px, 4.4vw, 64px) !important; }
body:not(.home) .ppr-ow-work .ppr-work-nav { width: 100%; margin: 8px 0 0; padding-top: 14px; border-top: 1px dashed var(--pp-color-border); }
body:not(.home) .ppr-ow-work .ppr-work-nav ul { display: flex; flex-wrap: wrap; gap: 0 28px; }
body:not(.home) .ppr-ow-work .e-con.ppr-proj-list { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: clamp(40px, 5vw, 72px) 24px; }
body:not(.home) .ppr-ow-work .e-con.ppr-proj { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 20px; padding: 0; }
body:not(.home) .ppr-ow-work .ppr-proj__meta .ppr-h3 .elementor-heading-title.elementor-heading-title { font-size: clamp(26px, 3vw, 43px); line-height: 1.08; letter-spacing: -.03em; }
body:not(.home) .ppr-ow-work .e-con.ppr-facts { display: flex; flex-flow: row wrap; gap: 4px 24px; border-block: 0; border-top: 1px dashed var(--pp-color-border); padding: 12px 0 0; }
body:not(.home) .pp-ow-capabilities { padding-top: 0 !important; padding-bottom: var(--pp-section-gap) !important; background: var(--pp-color-surface) !important; border-top: 0 !important; }
body:not(.home) .pp-ow-capabilities-inner { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; padding: clamp(26px, 4vw, 56px) !important; background: var(--pp-color-brand) !important; border-radius: var(--pp-radius-md) !important; color: var(--pp-color-ink) !important; }
body:not(.home) .pp-ow-capabilities-eyebrow, body:not(.home) .pp-ow-capabilities-eyebrow span { margin: 0 !important; color: var(--pp-color-ink) !important; }
body:not(.home) .pp-ow-capabilities-eyebrow::after { background: var(--pp-color-ink) !important; }
body:not(.home) .pp-ow-capabilities-inner h2, body:not(.home) .pp-ow-capabilities-inner h2 span { margin: 0 !important; color: var(--pp-color-ink) !important; }
body:not(.home) .pp-ow-capabilities-inner p { max-width: 32em; margin: 0 !important; color: var(--pp-color-ink) !important; font: 600 clamp(17px, 1.4vw, 21px)/1.35 var(--pp-font-body) !important; letter-spacing: -.01em !important; }

/* Blogs page: one featured post, then two, then three */
body:not(.home) .pp-blogs-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(36px, 4vw, 56px) 24px !important; }
body:not(.home) .pp-blogs-grid .pp-blog-card, body:not(.home) .pp-blogs-grid .pp-blog-card:hover { display: flex !important; flex-direction: column; gap: 16px; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; }
body:not(.home) .pp-blogs-grid .pp-blog-card-image { display: block !important; aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--pp-radius-md) !important; }
body:not(.home) .pp-blogs-grid .pp-blog-card-image img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; transition: transform 900ms var(--pp-ease-out) !important; }
body:not(.home) .pp-blogs-grid .pp-blog-card:is(:hover, :focus-within) .pp-blog-card-image img { transform: scale(1.035) !important; }
body:not(.home) .pp-blogs-grid .pp-blog-card-content { display: flex !important; flex-direction: column; align-items: flex-start; gap: 10px; padding: 0 !important; background: transparent !important; border: 0 !important; }
body:not(.home) .pp-blogs-grid .pp-blog-meta { display: flex !important; flex-wrap: wrap; gap: 4px 14px; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body:not(.home) .pp-blogs-grid :is(.pp-blog-category, .pp-blog-date) { color: var(--pp-color-text-2) !important; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body) !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
body:not(.home) .pp-blogs-grid .pp-blog-card .pp-blog-card-content h2 { display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; margin: 0 !important; color: inherit !important; font-size: var(--pp-text-h3) !important; line-height: 1.18 !important; letter-spacing: -.025em !important; }
body:not(.home) .pp-blogs-grid .pp-blog-card-content h2 a { display: inline !important; -webkit-line-clamp: unset !important; overflow: visible !important; color: inherit !important; transition: color var(--pp-dur-base) var(--pp-ease-out); }
body:not(.home) .pp-blogs-grid .pp-blog-card:is(:hover, :focus-within) h2 a { color: var(--pp-color-brand) !important; }
body:not(.home) .pp-blogs-grid .pp-blog-card-content > p { display: none !important; }
body:not(.home) .pp-blogs-grid .pp-blog-read, body:not(.home) .pp-blogs-grid .pp-blog-read:hover { display: inline-flex !important; align-items: center; gap: 12px !important; min-height: 44px; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: inherit !important; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body) !important; letter-spacing: .08em !important; }
body:not(.home) .pp-blogs-grid .pp-blog-read > span:first-child { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; }
body:not(.home) .pp-blogs-grid .pp-blog-card:first-child { padding: 12px !important; background: radial-gradient(70% 70% at 100% 100%, rgba(255, 75, 0, .22), transparent 70%), var(--pp-color-ink) !important; border-radius: var(--pp-radius-lg) !important; color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-blogs-grid .pp-blog-card:first-child .pp-blog-card-content { padding: 4px 10px 6px !important; }
body:not(.home) .pp-blogs-grid .pp-blog-card:first-child :is(.pp-blog-category, .pp-blog-date) { color: var(--pp-color-on-dark-2) !important; }
body:not(.home) .pp-blogs-grid .pp-blog-card:first-child .pp-blog-card-content h2 { font-size: clamp(26px, 3vw, 43px) !important; line-height: 1.08 !important; letter-spacing: -.03em !important; }
body:not(.home):not(#ppr) .pp-blogs-grid .pp-blog-card:first-child .pp-blog-read-arrow { color: var(--pp-color-on-dark) !important; }
body:not(.home):not(#ppr) .pp-blogs-grid .pp-blog-card:first-child:is(:hover, :focus-within) .pp-blog-read-arrow { color: var(--pp-color-brand) !important; }
@media (min-width: 768px) {
  body:not(.home) .ppr-ow-work .e-con.ppr-proj-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body:not(.home) .ppr-ow-work .e-con.ppr-proj:nth-child(even) { margin-top: clamp(48px, 9vw, 128px); }
  body:not(.home) .pp-blogs-grid { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
  body:not(.home) .pp-blogs-grid .pp-blog-card { grid-column: span 6; }
  body:not(.home) .pp-blogs-grid .pp-blog-card:first-child { grid-column: 1 / -1; display: grid !important; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: 12px 24px; }
  body:not(.home) .pp-blogs-grid .pp-blog-card:last-child:nth-child(even) { grid-column: 1 / -1; }
}
@media (min-width: 1025px) {
  body:not(.home) .ppr-ow-work .ppr-rail__side { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); gap: 14px 24px; align-items: start; }
  body:not(.home) .ppr-ow-work .ppr-work-nav { grid-column: 1 / -1; }
  body:not(.home) .pp-ow-capabilities-inner { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important; gap: 16px 48px !important; align-items: end; }
  body:not(.home) .pp-ow-capabilities-eyebrow { grid-column: 1; grid-row: 1; }
  body:not(.home) .pp-ow-capabilities-inner h2 { grid-column: 1; grid-row: 2; }
  body:not(.home) .pp-ow-capabilities-inner p { grid-column: 2; grid-row: 2; }
  body:not(.home) .ppr-ow-go { grid-column: 2; grid-row: 1; justify-self: end; margin: 18px 18px 0 0; }
  body:not(.home) .pp-blogs-grid .pp-blog-card:nth-child(n + 4) { grid-column: span 4; }
  body:not(.home) .pp-blogs-grid .pp-blog-card:last-child:nth-child(even) { grid-column: span 4; }
  body:not(.home) .pp-blogs-grid .pp-blog-card:first-child .pp-blog-card-content { padding: clamp(20px, 3vw, 44px) !important; }
}

/* Our Work: real link on the panel, with a moving dotted ring */
body:not(.home) .ppr-ow-work .ppr-proj__img img { border-radius: 0 !important; }
body:not(.home) .pp-ow-capabilities-inner { position: relative; transition: background-color var(--pp-dur-base) var(--pp-ease-out); }
body:not(.home) .ppr-ow-go { display: block; justify-self: start; margin: 22px 0 6px 18px; color: var(--pp-color-ink); }
body:not(.home) .ppr-ow-go::after { content: ""; position: absolute; inset: 0; border-radius: var(--pp-radius-md); }
body:not(.home) .ppr-ow-go__mark { position: relative; display: block; width: 84px; aspect-ratio: 1; }
body:not(.home) .ppr-ow-go__mark::before { content: ""; position: absolute; inset: 18px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20108%20108'%3E%3Ccircle%20cx%3D'42'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'6'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'18'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'18'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'30'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'30'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'42'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'42'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'54'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'54'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'66'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'66'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'78'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'90'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'102'%20r%3D'4.4'%20fill%3D'%23111216'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; transition: transform 460ms var(--pp-ease-out); }
body:not(.home) .ppr-ow-go__mark i { position: absolute; inset: -14px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20140%20140'%3E%3Ccircle%20cx%3D'134.0'%20cy%3D'70.0'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'132.6'%20cy%3D'83.3'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'128.5'%20cy%3D'96.0'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'121.8'%20cy%3D'107.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'112.8'%20cy%3D'117.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102.0'%20cy%3D'125.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'89.8'%20cy%3D'130.9'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'76.7'%20cy%3D'133.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'63.3'%20cy%3D'133.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'50.2'%20cy%3D'130.9'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'38.0'%20cy%3D'125.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'27.2'%20cy%3D'117.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18.2'%20cy%3D'107.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'11.5'%20cy%3D'96.0'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'7.4'%20cy%3D'83.3'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6.0'%20cy%3D'70.0'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'7.4'%20cy%3D'56.7'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'11.5'%20cy%3D'44.0'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18.2'%20cy%3D'32.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'27.2'%20cy%3D'22.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'38.0'%20cy%3D'14.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'50.2'%20cy%3D'9.1'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'63.3'%20cy%3D'6.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'76.7'%20cy%3D'6.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'89.8'%20cy%3D'9.1'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102.0'%20cy%3D'14.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'112.8'%20cy%3D'22.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'121.8'%20cy%3D'32.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'128.5'%20cy%3D'44.0'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'132.6'%20cy%3D'56.7'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; animation: ppr-go-spin 16s linear infinite; }
body:not(.home) .ppr-ow-go__mark b { position: absolute; inset: -14px; border: 1.5px solid var(--pp-color-ink); border-radius: 50%; animation: ppr-go-ping 2.4s var(--pp-ease-out) infinite; }
body:not(.home) .pp-ow-capabilities-inner:is(:hover, :focus-within) .ppr-ow-go__mark::before { transform: translate(5px, -5px); }
body:not(.home) .pp-ow-capabilities-inner:is(:hover, :focus-within) .ppr-ow-go__mark i { animation-duration: 5s; }
body:not(.home) .ppr-ow-go:focus-visible { outline: none; }
body:not(.home) .ppr-ow-go:focus-visible::after { outline: 2px solid var(--pp-color-ink); outline-offset: -4px; }
@keyframes ppr-go-spin { to { transform: rotate(360deg); } }
@keyframes ppr-go-ping { 0% { transform: scale(.74); opacity: .6; } 100% { transform: scale(1.14); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { body:not(.home) :is(.ppr-ow-go__mark i, .ppr-ow-go__mark b) { animation: none; } body:not(.home) .ppr-ow-go__mark b { display: none; } }

/* Solution pages */
body:not(.home) .pp-web-service .pp-web-faq .pp-web-eyebrow { margin: 0 0 12px !important; }
body:not(.home) .pp-web-service .pp-web-faq h2 { margin: 0 !important; }
body:not(.home) .pp-web-service :is(.pp-web-intro, .pp-web-build, .pp-web-purpose, .pp-web-process, .pp-web-why, .pp-web-faq) { padding-top: var(--pp-section-gap) !important; padding-bottom: var(--pp-section-gap) !important; }
body:not(.home) .pp-web-service :is(.pp-web-intro, .pp-web-build, .pp-web-purpose, .pp-web-why, .pp-web-feature-image) { background: var(--pp-color-surface) !important; }
body:not(.home) .pp-web-service .pp-web-process { background: var(--pp-color-surface-alt) !important; }
body:not(.home) .pp-web-service :is(.pp-web-intro, .pp-web-build, .pp-web-purpose, .pp-web-process, .pp-web-why) h2 { margin: 0 !important; }
body:not(.home) .pp-web-service :is(.pp-web-intro-grid, .pp-web-process-grid) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; }
body:not(.home) .pp-web-service :is(.pp-web-intro-grid, .pp-web-process-grid, .pp-web-purpose-intro) > div:first-child { display: grid; gap: 12px; }
body:not(.home) .pp-web-service .pp-web-intro-content { display: grid !important; gap: 16px !important; max-width: none !important; }
body:not(.home) .pp-web-service .pp-web-intro-content .pp-web-copy { max-width: 36em; margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.55 var(--pp-font-body) !important; }
body:not(.home) .pp-web-service .pp-web-intro-content .pp-web-copy-large { color: var(--pp-color-ink) !important; font: 500 clamp(19px, 1.7vw, 25px)/1.35 var(--pp-font-body) !important; letter-spacing: -.012em !important; }

body:not(.home) .pp-web-service .pp-web-feature-image { padding-top: 0 !important; padding-bottom: var(--pp-section-gap) !important; border-top: 0 !important; }
body:not(.home) .pp-web-service .pp-web-image { aspect-ratio: 16 / 10; height: auto !important; min-height: 0 !important; margin: 0 !important; overflow: hidden; border-radius: var(--pp-radius-md) !important; }
body:not(.home) .pp-web-service .pp-web-image img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; }

body:not(.home) .pp-web-service .pp-web-build-heading { margin: 12px 0 clamp(32px, 4.4vw, 64px) !important; }
body:not(.home) .pp-web-service .pp-web-build .pp-web-eyebrow { margin: 0 0 12px !important; color: var(--pp-color-ink) !important; }
body:not(.home) .pp-web-service .pp-web-build-heading { color: var(--pp-color-ink) !important; }
body:not(.home) :is(.pp-web-service .pp-web-build-list, .pp-audit-page .pp-audit-check-grid) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; margin: clamp(32px, 4.4vw, 64px) 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card), body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):hover { --ppr-tile: var(--pp-color-surface-alt); --ppr-line: var(--pp-color-border); --ppr-t: var(--pp-color-ink); --ppr-t2: var(--pp-color-text-2); --ppr-p: clamp(22px, 2vw, 32px); --ppr-art-size: 64px; position: relative; display: flex !important; flex-direction: column; justify-content: flex-end; gap: 10px; min-height: 0 !important; margin: 0 !important; padding: calc(var(--ppr-p) + var(--ppr-art-size) + 40px) var(--ppr-p) var(--ppr-p) !important; overflow: hidden; background: var(--ppr-tile) !important; border: 1px solid var(--ppr-line) !important; border-radius: var(--pp-radius-lg) !important; box-shadow: none !important; transform: none !important; }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card)::before { content: none !important; }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card)::after { content: ""; position: absolute; top: var(--ppr-p); left: var(--ppr-p); width: var(--ppr-art-size); height: var(--ppr-art-size); background: var(--ppr-art) left top / contain no-repeat; pointer-events: none; }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n + 1), body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n) { --ppr-tile: radial-gradient(70% 90% at 100% 100%, rgba(255, 75, 0, .22), transparent 70%), var(--pp-color-ink); --ppr-line: transparent; --ppr-t: var(--pp-color-on-dark); --ppr-t2: var(--pp-color-on-dark-2); }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n + 4) { --ppr-tile: var(--pp-color-brand); --ppr-line: transparent; --ppr-t: var(--pp-color-ink); --ppr-t2: rgba(17, 18, 22, .84); }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n + 1) { --ppr-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20108%20108'%3E%3Ccircle%20cx%3D'6'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'18'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'18'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'18'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'30'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'30'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'30'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'30'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'30'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'30'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'30'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'30'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'30'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'42'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'42'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'42'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'42'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'42'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'42'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'42'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'42'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'42'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'54'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'54'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'54'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'54'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'54'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'54'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'54'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'54'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'54'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'66'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'66'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'66'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'66'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'66'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'66'%20r%3D'4.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'66'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'66'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'66'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'78'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'78'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'78'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'78'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'78'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'78'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'78'%20r%3D'3'%20fill%3D'rgba(245%2C243%2C238%2C.9)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'78'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'78'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'90'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'90'%20r%3D'2.2'%20fill%3D'rgba(245%2C243%2C238%2C.6)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'90'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'rgba(245%2C243%2C238%2C.35)'%2F%3E%3C%2Fsvg%3E"); }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n + 2) { --ppr-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20108%20108'%3E%3Ccircle%20cx%3D'6'%20cy%3D'6'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'6'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'6'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'6'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'18'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'18'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'18'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'30'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'30'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'42'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'42'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'54'%20r%3D'6'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'66'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'66'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'78'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'78'%20r%3D'2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'90'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'90'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'90'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'90'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'102'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'102'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'102'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'102'%20r%3D'4.2'%20fill%3D'%23111216'%2F%3E%3C%2Fsvg%3E"); }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n + 3) { --ppr-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20140%20140'%3E%3Ccircle%20cx%3D'134.0'%20cy%3D'70.0'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'132.6'%20cy%3D'83.3'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'128.5'%20cy%3D'96.0'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'121.8'%20cy%3D'107.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'112.8'%20cy%3D'117.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102.0'%20cy%3D'125.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'89.8'%20cy%3D'130.9'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'76.7'%20cy%3D'133.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'63.3'%20cy%3D'133.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'50.2'%20cy%3D'130.9'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'38.0'%20cy%3D'125.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'27.2'%20cy%3D'117.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18.2'%20cy%3D'107.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'11.5'%20cy%3D'96.0'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'7.4'%20cy%3D'83.3'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6.0'%20cy%3D'70.0'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'7.4'%20cy%3D'56.7'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'11.5'%20cy%3D'44.0'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18.2'%20cy%3D'32.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'27.2'%20cy%3D'22.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'38.0'%20cy%3D'14.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'50.2'%20cy%3D'9.1'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'63.3'%20cy%3D'6.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'76.7'%20cy%3D'6.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'89.8'%20cy%3D'9.1'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102.0'%20cy%3D'14.6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'112.8'%20cy%3D'22.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'121.8'%20cy%3D'32.4'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'128.5'%20cy%3D'44.0'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'132.6'%20cy%3D'56.7'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3C%2Fsvg%3E"); }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n + 4) { --ppr-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20108%20108'%3E%3Ccircle%20cx%3D'6'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'6'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'6'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'6'%20r%3D'1.5'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'18'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'18'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'18'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'30'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'30'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'30'%20r%3D'4.6'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'30'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'30'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'42'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'42'%20r%3D'4.6'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'42'%20r%3D'4.6'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'42'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'54'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'54'%20r%3D'4.6'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'54'%20r%3D'6'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'54'%20r%3D'4.6'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'54'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'66'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'66'%20r%3D'4.6'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'66'%20r%3D'4.6'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'66'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'78'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'78'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'78'%20r%3D'4.6'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'78'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'78'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'90'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'90'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'90'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'90'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'102'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'102'%20r%3D'3.4'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'102'%20r%3D'2.3'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'102'%20r%3D'1.5'%20fill%3D'%23111216'%2F%3E%3C%2Fsvg%3E"); }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n + 5) { --ppr-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20108%20108'%3E%3Ccircle%20cx%3D'54'%20cy%3D'6'%20r%3D'4.8'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'18'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'30'%20r%3D'4.8'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'30'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'30'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'30'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'30'%20r%3D'4.8'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'54'%20r%3D'6.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'78'%20r%3D'4.8'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'78'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'78'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'78'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'78'%20r%3D'4.8'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'90'%20r%3D'1.9'%20fill%3D'%23111216'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'102'%20r%3D'4.8'%20fill%3D'%23111216'%2F%3E%3C%2Fsvg%3E"); }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n) { --ppr-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20108%20108'%3E%3Ccircle%20cx%3D'54'%20cy%3D'6'%20r%3D'4.8'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'18'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'30'%20r%3D'4.8'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'30'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'30'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'30'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'30'%20r%3D'4.8'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'42'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'54'%20r%3D'6.4'%20fill%3D'%23FF4B00'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'78'%20cy%3D'66'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'78'%20r%3D'4.8'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'78'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'78'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'78'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'102'%20cy%3D'78'%20r%3D'4.8'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'90'%20r%3D'1.9'%20fill%3D'%23F5F3EE'%2F%3E%3Ccircle%20cx%3D'54'%20cy%3D'102'%20r%3D'4.8'%20fill%3D'%23F5F3EE'%2F%3E%3C%2Fsvg%3E"); }
/* These items are neither a sequence nor links, so the numbers and arrows go. */
body:not(.home):not(#ppr) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card) :is(.pp-web-number, .pp-web-capability-arrow) { display: none !important; }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card) h3 { margin: 0 !important; color: var(--ppr-t) !important; font-size: var(--pp-text-h3) !important; }
body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card) p { max-width: 34em; margin: 0 !important; color: var(--ppr-t2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }
@media (min-width: 768px) {
  body:not(.home) :is(.pp-web-service .pp-web-build-list, .pp-audit-page .pp-audit-check-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n + 1), body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n) { --ppr-art-size: clamp(148px, 15vw, 232px); grid-column: span 2; justify-content: flex-end; padding: var(--ppr-p) calc(var(--ppr-p) * 2 + var(--ppr-art-size)) var(--ppr-p) var(--ppr-p) !important; min-height: clamp(240px, 24vw, 380px) !important; }
  body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n + 1)::after, body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n)::after { top: 50%; left: auto; right: var(--ppr-p); transform: translateY(-50%); }
  body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n + 1) h3, body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):nth-child(6n) h3 { font-size: clamp(24px, 2.4vw, 36px) !important; }
}
@media (min-width: 1200px) {
  body:not(.home) :is(.pp-web-service .pp-web-build-list, .pp-audit-page .pp-audit-check-grid) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):not(:nth-child(6n + 1)):not(:nth-child(6n)), body:not(.home) :is(.pp-web-service .pp-web-build-item, .pp-audit-page .pp-audit-check-card):not(:nth-child(6n + 1)):not(:nth-child(6n)):hover { min-height: clamp(300px, 25vw, 380px) !important; }
}

body:not(.home) .pp-web-service .pp-web-purpose-intro { display: grid !important; gap: 14px !important; margin: 0 0 clamp(32px, 4.4vw, 64px) !important; }
body:not(.home) .pp-web-service .pp-web-purpose-intro > .pp-web-copy { max-width: 32em; margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }
body:not(.home) .pp-web-service .pp-web-purpose-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; padding: 0 !important; border: 0 !important; }
body:not(.home) .pp-web-service .pp-web-purpose-card, body:not(.home) .pp-web-service .pp-web-purpose-card:hover { display: flex !important; flex-direction: column; gap: 10px; min-height: 220px; margin: 0 !important; padding: 26px !important; background: var(--pp-color-surface-alt) !important; border: 1px solid var(--pp-color-border) !important; border-radius: var(--pp-radius-md) !important; box-shadow: none !important; color: var(--pp-color-ink) !important; transform: none !important; }
body:not(.home) .pp-web-service .pp-web-purpose-number { margin: 0 0 auto !important; color: var(--pp-color-text-2) !important; font: 700 13px/1 var(--pp-font-body) !important; font-variant-numeric: tabular-nums; }
body:not(.home) .pp-web-service .pp-web-purpose-card h3 { margin: 0 !important; color: inherit !important; }
body:not(.home) .pp-web-service .pp-web-purpose-card p { margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }
body:not(.home) .pp-web-service .pp-web-purpose-card:nth-child(1) { background: radial-gradient(70% 70% at 100% 100%, rgba(255, 75, 0, .26), transparent 70%), var(--pp-color-ink) !important; border-color: transparent !important; color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-web-service .pp-web-purpose-card:nth-child(1) :is(p, .pp-web-purpose-number) { color: var(--pp-color-on-dark-2) !important; }
body:not(.home) .pp-web-service .pp-web-purpose-card:nth-child(6) { background: var(--pp-color-brand) !important; border-color: transparent !important; }
body:not(.home) .pp-web-service .pp-web-purpose-card:nth-child(6) :is(p, .pp-web-purpose-number) { color: var(--pp-color-ink) !important; }

body:not(.home) .pp-web-service .pp-web-process-list { border: 0 !important; padding: 0 !important; }
body:not(.home) .pp-web-service .pp-web-process-item, body:not(.home) .pp-web-service .pp-web-process-item:hover { position: relative; display: grid !important; grid-template-columns: clamp(72px, 7.4vw, 108px) minmax(0, 1fr) !important; gap: 12px !important; margin: 0 !important; padding: 0 0 clamp(28px, 3vw, 44px) !important; background: transparent !important; border: 0 !important; transform: none !important; }
body:not(.home) .pp-web-service .pp-web-process-item .pp-web-number { color: var(--pp-color-ink) !important; font: 500 clamp(32px, 3.6vw, 52px)/.95 var(--pp-font-display) !important; letter-spacing: -.04em !important; font-variant-numeric: tabular-nums; }
body:not(.home) .pp-web-service .pp-web-process-item:last-child .pp-web-number { color: var(--pp-color-brand) !important; }
body:not(.home) .pp-web-service .pp-web-process-item:not(:last-child)::before { content: "" !important; display: block !important; position: absolute; top: clamp(44px, 4.6vw, 64px); bottom: 10px; left: 16px; width: 4px; background: radial-gradient(circle at center, var(--pp-color-brand) 1.15px, transparent 1.6px) 0 0 / 4px 8px repeat-y; }
body:not(.home) .pp-web-service .pp-web-process-item h3 { margin: 0 0 8px !important; }
body:not(.home) .pp-web-service .pp-web-process-item p { max-width: 34em; margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }

body:not(.home) .pp-web-service .pp-web-why > .pp-web-container { display: grid !important; gap: 14px; padding: clamp(26px, 4vw, 56px) !important; background: radial-gradient(60% 80% at 100% 100%, rgba(255, 75, 0, .26), transparent 70%), var(--pp-color-ink) !important; border-radius: var(--pp-radius-lg) !important; color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-web-service .pp-web-why .pp-web-eyebrow { color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-web-service .pp-web-why-heading { color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-web-service .pp-web-why-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; margin: clamp(16px, 2.4vw, 36px) 0 0 !important; padding: 0 !important; border: 0 !important; }
body:not(.home) .pp-web-service .pp-web-why-card, body:not(.home) .pp-web-service .pp-web-why-card:hover { display: flex !important; flex-direction: column; gap: 10px; margin: 0 !important; padding: 22px 0 !important; background: transparent !important; border: 0 !important; border-top: 1px dashed var(--pp-color-border-on-dark) !important; box-shadow: none !important; transform: none !important; }
body:not(.home) .pp-web-service .pp-web-why-card .pp-web-number { color: var(--pp-color-brand) !important; font: 700 13px/1 var(--pp-font-body) !important; font-variant-numeric: tabular-nums; }
body:not(.home) .pp-web-service .pp-web-why-card h3 { margin: 0 !important; color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-web-service .pp-web-why-card p { margin: 0 !important; color: var(--pp-color-on-dark-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }

/* Legal pages: no side panel */
body:not(.home) :is(.pp-privacy-sidebar, .pp-terms-sidebar, .pp-refund-sidebar, .pp-cookie-sidebar, .pp-disclaimer-sidebar) { display: none !important; }
/* Template warnings only: these sit directly in the article. The Disclaimer's own notices inside its sections stay. */
body:not(.home) :is(.pp-privacy-article, .pp-terms-article, .pp-refund-article, .pp-cookie-article, .pp-disclaimer-article) > :is(.pp-privacy-disclaimer, .pp-terms-notice, .pp-refund-notice, .pp-cookie-notice, .pp-disclaimer-notice) { display: none !important; }
body:not(.home) :is(.pp-privacy-content, .pp-terms-content, .pp-refund-content, .pp-cookie-content, .pp-disclaimer-content) { padding-top: clamp(32px, 4vw, 56px) !important; padding-bottom: var(--pp-section-gap) !important; background: var(--pp-color-surface) !important; }
body:not(.home) :is(.pp-privacy-layout, .pp-terms-layout, .pp-refund-layout, .pp-cookie-layout, .pp-disclaimer-layout) { display: block !important; width: 100% !important; max-width: none !important; }
body:not(.home) :is(.pp-privacy-article, .pp-terms-article, .pp-refund-article, .pp-cookie-article, .pp-disclaimer-article) { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 16px 24px; width: 100% !important; max-width: none !important; }
body:not(.home) :is(.pp-privacy-meta, .pp-terms-meta, .pp-refund-meta, .pp-cookie-meta, .pp-disclaimer-meta) { display: flex !important; flex-wrap: wrap; align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; gap: 4px 14px; align-self: start; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body:not(.home) :is(.pp-privacy-meta, .pp-terms-meta, .pp-refund-meta, .pp-cookie-meta, .pp-disclaimer-meta) :is(span, strong) { color: var(--pp-color-text-2) !important; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body) !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
body:not(.home) :is(.pp-privacy-lead, .pp-terms-lead, .pp-refund-lead, .pp-cookie-lead, .pp-disclaimer-lead) { max-width: 36em; margin: 0 0 clamp(24px, 3vw, 44px) !important; color: var(--pp-color-ink) !important; font: 500 clamp(19px, 1.7vw, 25px)/1.38 var(--pp-font-body) !important; letter-spacing: -.012em !important; }
body:not(.home) :is(.pp-privacy-block, .pp-terms-block, .pp-refund-block, .pp-cookie-block, .pp-disclaimer-block) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px 24px !important; margin: 0 !important; padding: clamp(32px, 4vw, 56px) 0 !important; border: 0 !important; border-top: 1px dashed var(--pp-color-border) !important; }
body:not(.home) :is(.pp-privacy-number, .pp-terms-number, .pp-refund-number, .pp-cookie-number, .pp-disclaimer-number) { color: var(--pp-color-text-2) !important; font: 500 clamp(30px, 3.6vw, 52px)/1 var(--pp-font-display) !important; letter-spacing: -.04em !important; font-variant-numeric: tabular-nums; }
body:not(.home) :is(.pp-privacy-block, .pp-terms-block, .pp-refund-block, .pp-cookie-block, .pp-disclaimer-block) h2 { margin: 0 0 18px !important; }
body:not(.home) :is(.pp-privacy-block, .pp-terms-block, .pp-refund-block, .pp-cookie-block, .pp-disclaimer-block) :is(p, li) { max-width: 44em; color: var(--pp-color-text-2) !important; font: 500 clamp(16px, 1.15vw, 18px)/1.65 var(--pp-font-body) !important; }
body:not(.home) :is(.pp-privacy-block, .pp-terms-block, .pp-refund-block, .pp-cookie-block, .pp-disclaimer-block) p { margin: 0 0 14px !important; }
body:not(.home) :is(.pp-privacy-block, .pp-terms-block, .pp-refund-block, .pp-cookie-block, .pp-disclaimer-block) p:last-child { margin-bottom: 0 !important; }
body:not(.home) :is(.pp-privacy-block, .pp-terms-block, .pp-refund-block, .pp-cookie-block, .pp-disclaimer-block) a { color: var(--pp-color-ink) !important; text-decoration: underline !important; text-decoration-color: var(--pp-color-brand) !important; text-underline-offset: 3px; }

/* Articles: no side panel, wide visuals, numbers beside the text */
body:not(.home) .pp-single-blog-sidebar { display: none !important; }
body:not(.home) .pp-single-blog-layout { display: block !important; padding-bottom: var(--pp-section-gap) !important; }
body:not(.home) .pp-single-blog-content { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 0 24px; width: 100% !important; max-width: none !important; }
body:not(.home) .pp-single-blog-lead, body:not(.home) .pp-single-blog-lead p { max-width: 36em; color: var(--pp-color-ink) !important; font: 500 clamp(19px, 1.7vw, 25px)/1.38 var(--pp-font-body) !important; letter-spacing: -.012em !important; }
body:not(.home) .pp-single-blog-lead { margin: 0 0 clamp(28px, 3vw, 44px) !important; }
body:not(.home) :is(.pp-blog-section, .pp-blog-final) { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 0 24px; margin: 0 !important; padding: clamp(36px, 4.4vw, 64px) 0 !important; background: transparent !important; border: 0 !important; border-top: 1px dashed var(--pp-color-border) !important; }
body:not(.home) :is(.pp-blog-section-number, .pp-blog-final-number) { margin: 0 0 14px !important; color: var(--pp-color-text-2) !important; font: 500 clamp(30px, 3.6vw, 52px)/1 var(--pp-font-display) !important; letter-spacing: -.04em !important; font-variant-numeric: tabular-nums; }
body:not(.home) :is(.pp-blog-section-number, .pp-blog-final-number)::before, body:not(.home) :is(.pp-blog-section-number, .pp-blog-final-number)::after { content: none !important; display: none !important; }
body:not(.home) :is(.pp-blog-section, .pp-blog-final) > h2 { margin: 0 0 20px !important; }
body:not(.home) :is(.pp-blog-section, .pp-blog-final) > h3 { margin: 26px 0 12px !important; }
body:not(.home) :is(.pp-blog-section, .pp-blog-final) > p { margin: 0 0 16px !important; color: var(--pp-color-text-2) !important; font: 500 clamp(16px, 1.2vw, 19px)/1.65 var(--pp-font-body) !important; }
body:not(.home) :is(.pp-blog-section, .pp-blog-final) > :is(ul, ol) { margin: 0 0 18px !important; }
body:not(.home) :is(.pp-blog-section, .pp-blog-final) > :is(ul, ol) li { color: var(--pp-color-text-2) !important; font: 500 clamp(16px, 1.2vw, 19px)/1.6 var(--pp-font-body) !important; }
body:not(.home) .pp-blog-visual { margin: 14px 0 18px !important; border-radius: var(--pp-radius-md) !important; }
@media (min-width: 768px) {
  body:not(.home) .pp-web-service .pp-web-purpose-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body:not(.home) .pp-web-service .pp-web-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 24px !important; }
}
@media (min-width: 1025px) {
  body:not(.home) .pp-web-service .pp-web-intro-grid, body:not(.home) .pp-web-service .pp-web-process-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 0 !important; align-items: start !important; }
  body:not(.home) .pp-web-service :is(.pp-web-intro-grid, .pp-web-process-grid) > div:first-child { position: sticky; top: 96px; padding-right: 24px; }
  body:not(.home) .pp-web-service :is(.pp-web-intro-content, .pp-web-process-list) { padding-left: 24px !important; }
  body:not(.home) .pp-web-service .pp-web-image { aspect-ratio: 21 / 9; }
  body:not(.home) .pp-web-service .pp-web-feature-image:not(.pp-web-feature-image--experience) .pp-web-image { aspect-ratio: 2 / 1; width: 75%; }
  body:not(.home) .pp-web-service .pp-web-feature-image:not(.pp-web-feature-image--experience):not(.pp-web-feature-image--process) .pp-web-image { margin-left: 25% !important; }
  body:not(.home) .pp-web-service .pp-web-build > .pp-web-container { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); gap: 0 24px; align-items: start; }
  body:not(.home) .pp-web-service .pp-web-build-heading { grid-column: 2; margin-top: 0 !important; }
  body:not(.home) :is(.pp-web-service .pp-web-build-list, .pp-audit-page .pp-audit-check-grid) { grid-column: 1 / -1; }
  body:not(.home) .pp-web-service .pp-web-purpose-intro { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) !important; gap: 0 24px !important; align-items: end !important; }
  body:not(.home) .pp-web-service .pp-web-purpose-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  body:not(.home) .pp-web-service .pp-web-purpose-card { min-height: 260px; }
  body:not(.home) .pp-web-service .pp-web-purpose-card:is(:nth-child(1), :nth-child(6), :nth-child(7), :nth-child(8)) { grid-column: span 2; }
  body:not(.home) .pp-web-service .pp-web-why-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  body:not(.home) :is(.pp-privacy-article, .pp-terms-article, .pp-refund-article, .pp-cookie-article, .pp-disclaimer-article) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); }
  body:not(.home) :is(.pp-privacy-meta, .pp-terms-meta, .pp-refund-meta, .pp-cookie-meta, .pp-disclaimer-meta) { grid-column: 1; flex-direction: column; }
  body:not(.home) :is(.pp-privacy-lead, .pp-terms-lead, .pp-refund-lead, .pp-cookie-lead, .pp-disclaimer-lead) { grid-column: 2 / span 2; }
  body:not(.home) :is(.pp-privacy-block, .pp-terms-block, .pp-refund-block, .pp-cookie-block, .pp-disclaimer-block) { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) !important; }
  body:not(.home) :is(.pp-privacy-number, .pp-terms-number, .pp-refund-number, .pp-cookie-number, .pp-disclaimer-number) { position: sticky; top: 96px; align-self: start; }
  body:not(.home) .pp-single-blog-content { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); }
  body:not(.home) .pp-single-blog-content > * { grid-column: 2 / span 2; }
  body:not(.home) .pp-single-blog-lead { grid-column: 2 / span 2 !important; }
  body:not(.home) :is(.pp-blog-section, .pp-blog-final) { grid-column: 1 / -1 !important; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); }
  body:not(.home) :is(.pp-blog-section, .pp-blog-final) > * { grid-column: 2; }
  body:not(.home) :is(.pp-blog-section-number, .pp-blog-final-number) { grid-column: 1 !important; grid-row: 1 / span 60; align-self: start; position: sticky; top: 96px; margin: 0 !important; }
  body:not(.home) :is(.pp-blog-section, .pp-blog-final) > .pp-blog-visual { grid-column: 2 / -1; }
}

/* Book a Call uses <details>; ppr-ui.js animates its height */
body:not(.home) .pp-lt-faq details { overflow: hidden !important; }
body:not(.home) .pp-lt-faq summary { list-style: none; }
body:not(.home) .pp-lt-faq summary::-webkit-details-marker { display: none; }
body:not(.home) .pp-lt-faq summary:focus-visible { outline-offset: -2px; }
body:not(.home) .pp-lt-faq details > p { max-width: 44em; margin: 0 0 24px !important; padding: 0 0 0 48px !important; background: transparent !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.6 var(--pp-font-body) !important; letter-spacing: -.005em !important; }

/* Audit form: privacy note beside the button, as on the homepage form */
body:not(.home) .pp-free-audit-form { display: flex !important; flex-flow: row wrap; align-items: center; justify-content: space-between !important; column-gap: 24px; }
body:not(.home) .pp-free-audit-form > * { flex: 0 0 100%; min-width: 0; }
body:not(.home) .pp-free-audit-form > .pp-form-disclaimer { order: 1; display: block !important; margin: 0 0 16px !important; text-align: left !important; }
body:not(.home) .pp-form-disclaimer > span:first-child { display: none !important; }
body:not(.home) .pp-free-audit-form > .pp-audit-submit { order: 2; width: 100% !important; }
body:not(.home) .pp-free-audit-form > .pp-form-status { order: 3; }

/* Eyebrows: no rule, typing cursor after */
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) [class*="-eyebrow-line"], body:not(.home) .pp-blogs-eyebrow > span, body:not(.home) .pp-audit-eyebrow > span, body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) [class$="-info-line"], body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) [class*="eyebrow"] > span:empty { display: none !important; }
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) :is([class$="-eyebrow"], [class*="-eyebrow "]):not([class*="-eyebrow-line"]) { display: flex !important; align-items: center; gap: 8px; font: 800 var(--pp-text-xs)/1.3 var(--pp-font-body) !important; letter-spacing: .08em !important; text-transform: uppercase; }
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) :is([class$="-eyebrow"], [class*="-eyebrow "]):not([class*="-eyebrow-line"])::after { content: ""; flex: none; width: 6px; height: 1.05em; margin-left: -3px; background: var(--pp-color-brand); animation: ppr-blink 1.05s steps(1) infinite; }
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) :is([class$="-eyebrow"], [class*="-eyebrow "]):not([class*="-eyebrow-line"])::before { content: none !important; display: none !important; }
body:not(.home) :is(.pp-lt-hero .pp-lt-eyebrow, .pp-ow-hero .pp-ow-eyebrow, .pp-contact-hero .pp-contact-eyebrow, .pp-solutions-hero .pp-solutions-eyebrow, .pp-privacy-hero .pp-privacy-eyebrow, .pp-refund-hero .pp-refund-eyebrow, .pp-cookie-hero .pp-cookie-eyebrow, .pp-disclaimer-hero .pp-disclaimer-eyebrow, .pp-terms-hero .pp-terms-eyebrow, .pp-faq-hero .pp-faq-eyebrow, .pp-web-hero .pp-web-eyebrow, .pp-blogs-hero .pp-blogs-eyebrow, .pp-single-blog-hero .pp-single-blog-eyebrow) { grid-column: 1 / -1; margin: 0 !important; color: var(--pp-color-ink) !important; }

/* Headings on the homepage scale */
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) h2:not(.ppr *) { font-family: var(--pp-font-display) !important; font-size: var(--pp-text-h2) !important; font-weight: 500 !important; letter-spacing: -.03em !important; line-height: 1.08 !important; }
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) h3:not(.ppr *) { font-family: var(--pp-font-display) !important; font-size: var(--pp-text-h3) !important; font-weight: 500 !important; letter-spacing: -.025em !important; line-height: 1.18 !important; }

/* Buttons: corner ticks and dots that become an arrow */
body:not(.home) :is(.pp-about-cta, .pp-web-cta, .pp-ow-final-link, .pp-solutions-final-link, .pp-faq-bottom-cta-link, .pp-lt-submit, .pp-audit-submit, .pp-audit-primary-cta, .pp-blog-cta-link), body:not(.home) :is(.pp-about-cta, .pp-web-cta, .pp-ow-final-link, .pp-solutions-final-link, .pp-faq-bottom-cta-link, .pp-lt-submit, .pp-audit-submit, .pp-audit-primary-cta, .pp-blog-cta-link):hover, body:not(.home) :is(.pp-about-cta, .pp-web-cta, .pp-ow-final-link, .pp-solutions-final-link, .pp-faq-bottom-cta-link, .pp-lt-submit, .pp-audit-submit, .pp-audit-primary-cta, .pp-blog-cta-link):focus, body:not(.home) :is(.pp-about-cta, .pp-web-cta, .pp-ow-final-link, .pp-solutions-final-link, .pp-faq-bottom-cta-link, .pp-lt-submit, .pp-audit-submit, .pp-audit-primary-cta, .pp-blog-cta-link):active { position: relative !important; display: inline-flex !important; align-items: center; justify-content: flex-start !important; gap: 0 !important; width: auto; min-width: 240px; max-width: 100%; min-height: 56px; margin-top: 0; padding: 0 66px 0 22px !important; background: var(--pp-color-ink-raised) !important; color: var(--pp-color-on-dark) !important; border: 1px solid var(--pp-color-border-on-dark) !important; border-radius: var(--pp-radius-sm) !important; box-shadow: none !important; font: 800 15px/1.15 var(--pp-font-body) !important; letter-spacing: -.01em !important; text-transform: none !important; text-decoration: none !important; transform: none !important; cursor: pointer; transition: background-color var(--pp-dur-base) var(--pp-ease-out), color var(--pp-dur-base) var(--pp-ease-out) !important; }
body:not(.home) :is(.pp-lt-why, .pp-ow-capabilities, .pp-solutions-process, .pp-solutions-final-cta, .pp-faq-bottom-cta, .pp-web-final, .pp-about-capabilities, .pp-about-final, .pp-blog-bottom-cta) :is(.pp-about-cta, .pp-web-cta, .pp-ow-final-link, .pp-solutions-final-link, .pp-faq-bottom-cta-link, .pp-lt-submit, .pp-audit-submit, .pp-audit-primary-cta, .pp-blog-cta-link) { background: var(--pp-color-surface) !important; color: var(--pp-color-ink) !important; border-color: transparent !important; }
body:not(.home) :is(.pp-about-cta:is(:hover, :focus-visible), .pp-web-cta:is(:hover, :focus-visible), .pp-ow-final-link:is(:hover, :focus-visible), .pp-solutions-final-link:is(:hover, :focus-visible), .pp-faq-bottom-cta-link:is(:hover, :focus-visible), .pp-lt-submit:is(:hover, :focus-visible), .pp-audit-submit:is(:hover, :focus-visible), .pp-audit-primary-cta:is(:hover, :focus-visible), .pp-blog-cta-link:is(:hover, :focus-visible)), body:not(.home) :is(.pp-lt-why, .pp-ow-capabilities, .pp-solutions-process, .pp-solutions-final-cta, .pp-faq-bottom-cta, .pp-web-final, .pp-about-capabilities, .pp-about-final, .pp-blog-bottom-cta) :is(.pp-about-cta, .pp-web-cta, .pp-ow-final-link, .pp-solutions-final-link, .pp-faq-bottom-cta-link, .pp-lt-submit, .pp-audit-submit, .pp-audit-primary-cta, .pp-blog-cta-link):is(:hover, :focus-visible) { background: var(--pp-color-ink-raised) !important; color: var(--pp-color-brand) !important; border-color: var(--pp-color-border-on-dark) !important; }
body:not(.home) :is(.pp-about-cta, .pp-web-cta, .pp-ow-final-link, .pp-solutions-final-link, .pp-faq-bottom-cta-link, .pp-lt-submit, .pp-audit-submit, .pp-audit-primary-cta, .pp-blog-cta-link):focus-visible { outline: 2px solid var(--pp-color-brand) !important; outline-offset: 2px; }
body:not(.home) :is(.pp-about-cta, .pp-web-cta, .pp-ow-final-link, .pp-solutions-final-link, .pp-faq-bottom-cta-link, .pp-lt-submit, .pp-audit-submit, .pp-audit-primary-cta, .pp-blog-cta-link)::before { content: "" !important; display: block !important; position: absolute; inset: -1px; width: auto !important; height: auto !important; margin: 0 !important; pointer-events: none; background: linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 0 / 6px 2px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 0 / 2px 6px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 100% 0 / 6px 2px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 100% 0 / 2px 6px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 100% / 6px 2px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 0 100% / 2px 6px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 100% 100% / 6px 2px no-repeat, linear-gradient(var(--pp-color-brand), var(--pp-color-brand)) 100% 100% / 2px 6px no-repeat !important; }
body:not(.home) :is(.pp-about-cta > span:not(:last-child), .pp-web-cta > span:not(:last-child), .pp-ow-final-link > span:not(:last-child), .pp-solutions-final-link > span:not(:last-child), .pp-faq-bottom-cta-link > span:not(:last-child), .pp-lt-submit > span:not(:last-child), .pp-audit-submit > span:not(:last-child), .pp-audit-primary-cta > span:not(:last-child), .pp-blog-cta-link > span:not(:last-child)) { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; display: inline-block; text-transform: lowercase !important; }
body:not(.home) :is(.pp-about-cta > span:not(:last-child), .pp-web-cta > span:not(:last-child), .pp-ow-final-link > span:not(:last-child), .pp-solutions-final-link > span:not(:last-child), .pp-faq-bottom-cta-link > span:not(:last-child), .pp-lt-submit > span:not(:last-child), .pp-audit-submit > span:not(:last-child), .pp-audit-primary-cta > span:not(:last-child), .pp-blog-cta-link > span:not(:last-child))::first-letter { text-transform: uppercase; }
body:not(.home) :is(.pp-about-cta > span:last-child, .pp-web-cta > span:last-child, .pp-ow-final-link > span:last-child, .pp-solutions-final-link > span:last-child, .pp-faq-bottom-cta-link > span:last-child, .pp-lt-submit > span:last-child, .pp-audit-submit > span:last-child, .pp-audit-primary-cta > span:last-child, .pp-blog-cta-link > span:last-child), body:not(.home) :is(.pp-about-cta:hover > span:last-child, .pp-web-cta:hover > span:last-child, .pp-ow-final-link:hover > span:last-child, .pp-solutions-final-link:hover > span:last-child, .pp-faq-bottom-cta-link:hover > span:last-child, .pp-lt-submit:hover > span:last-child, .pp-audit-submit:hover > span:last-child, .pp-audit-primary-cta:hover > span:last-child, .pp-blog-cta-link:hover > span:last-child) { position: static !important; flex: 0 0 0 !important; width: 0 !important; min-width: 0 !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: inherit !important; transform: none !important; }
body:not(.home) :is(.pp-about-cta > span:last-child svg, .pp-web-cta > span:last-child svg, .pp-ow-final-link > span:last-child svg, .pp-solutions-final-link > span:last-child svg, .pp-faq-bottom-cta-link > span:last-child svg, .pp-lt-submit > span:last-child svg, .pp-audit-submit > span:last-child svg, .pp-audit-primary-cta > span:last-child svg, .pp-blog-cta-link > span:last-child svg) { display: none !important; }
body:not(.home) :is(.pp-about-cta, .pp-web-cta, .pp-ow-final-link, .pp-solutions-final-link, .pp-faq-bottom-cta-link, .pp-lt-submit, .pp-audit-submit, .pp-audit-primary-cta, .pp-blog-cta-link)::after, body:not(.home) :is(.pp-about-cta > span:last-child, .pp-web-cta > span:last-child, .pp-ow-final-link > span:last-child, .pp-solutions-final-link > span:last-child, .pp-faq-bottom-cta-link > span:last-child, .pp-lt-submit > span:last-child, .pp-audit-submit > span:last-child, .pp-audit-primary-cta > span:last-child, .pp-blog-cta-link > span:last-child)::before, body:not(.home) :is(.pp-about-cta > span:last-child, .pp-web-cta > span:last-child, .pp-ow-final-link > span:last-child, .pp-solutions-final-link > span:last-child, .pp-faq-bottom-cta-link > span:last-child, .pp-lt-submit > span:last-child, .pp-audit-submit > span:last-child, .pp-audit-primary-cta > span:last-child, .pp-blog-cta-link > span:last-child)::after { content: "" !important; display: block !important; position: absolute !important; top: calc(50% - 1.5px); right: 24px; width: 3px; height: 3px; background-color: currentColor !important; transform-origin: 100% 50%; transition: transform 460ms var(--pp-ease-out) !important; }
body:not(.home) :is(.pp-about-cta > span:last-child, .pp-web-cta > span:last-child, .pp-ow-final-link > span:last-child, .pp-solutions-final-link > span:last-child, .pp-faq-bottom-cta-link > span:last-child, .pp-lt-submit > span:last-child, .pp-audit-submit > span:last-child, .pp-audit-primary-cta > span:last-child, .pp-blog-cta-link > span:last-child)::before { transform: translateY(-8px) rotate(0deg) scale(1, 1); }
body:not(.home) :is(.pp-about-cta > span:last-child, .pp-web-cta > span:last-child, .pp-ow-final-link > span:last-child, .pp-solutions-final-link > span:last-child, .pp-faq-bottom-cta-link > span:last-child, .pp-lt-submit > span:last-child, .pp-audit-submit > span:last-child, .pp-audit-primary-cta > span:last-child, .pp-blog-cta-link > span:last-child)::after { transform: translateY(8px) rotate(0deg) scale(1, 1); }
body:not(.home) :is(.pp-about-cta:is(:hover, :focus-visible), .pp-web-cta:is(:hover, :focus-visible), .pp-ow-final-link:is(:hover, :focus-visible), .pp-solutions-final-link:is(:hover, :focus-visible), .pp-faq-bottom-cta-link:is(:hover, :focus-visible), .pp-lt-submit:is(:hover, :focus-visible), .pp-audit-submit:is(:hover, :focus-visible), .pp-audit-primary-cta:is(:hover, :focus-visible), .pp-blog-cta-link:is(:hover, :focus-visible))::after { transform: scale(10, .67); }
body:not(.home) :is(.pp-about-cta:is(:hover, :focus-visible) > span:last-child, .pp-web-cta:is(:hover, :focus-visible) > span:last-child, .pp-ow-final-link:is(:hover, :focus-visible) > span:last-child, .pp-solutions-final-link:is(:hover, :focus-visible) > span:last-child, .pp-faq-bottom-cta-link:is(:hover, :focus-visible) > span:last-child, .pp-lt-submit:is(:hover, :focus-visible) > span:last-child, .pp-audit-submit:is(:hover, :focus-visible) > span:last-child, .pp-audit-primary-cta:is(:hover, :focus-visible) > span:last-child, .pp-blog-cta-link:is(:hover, :focus-visible) > span:last-child)::before { transform: translateY(0) rotate(45deg) scale(4, .67); }
body:not(.home) :is(.pp-about-cta:is(:hover, :focus-visible) > span:last-child, .pp-web-cta:is(:hover, :focus-visible) > span:last-child, .pp-ow-final-link:is(:hover, :focus-visible) > span:last-child, .pp-solutions-final-link:is(:hover, :focus-visible) > span:last-child, .pp-faq-bottom-cta-link:is(:hover, :focus-visible) > span:last-child, .pp-lt-submit:is(:hover, :focus-visible) > span:last-child, .pp-audit-submit:is(:hover, :focus-visible) > span:last-child, .pp-audit-primary-cta:is(:hover, :focus-visible) > span:last-child, .pp-blog-cta-link:is(:hover, :focus-visible) > span:last-child)::after { transform: translateY(0) rotate(-45deg) scale(4, .67); }

/* Dashed section dividers */
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) > section + section { border-top: 1px dashed var(--pp-color-border) !important; }
body:not(.home) :is(.pp-lt-why, .pp-ow-capabilities, .pp-solutions-process, .pp-solutions-final-cta, .pp-faq-bottom-cta, .pp-web-final, .pp-about-capabilities, .pp-about-final, .pp-blog-bottom-cta), body:not(.home) :is(.pp-lt-why, .pp-ow-capabilities, .pp-solutions-process, .pp-solutions-final-cta, .pp-faq-bottom-cta, .pp-web-final, .pp-about-capabilities, .pp-about-final, .pp-blog-bottom-cta) + section { border-top-color: var(--pp-color-border-on-dark) !important; }

@media (min-width: 768px) {
  body:not(.home) .pp-lt-form-grid > .pp-lt-field { grid-column: span 1; }
  body:not(.home) .pp-free-audit-form > .pp-form-disclaimer { flex: 0 1 40ch; margin: 0 !important; }
  body:not(.home) .pp-free-audit-form > .pp-audit-submit { flex: 0 0 calc((100% - 48px) / 3); width: calc((100% - 48px) / 3) !important; }
  body:not(.home) .pp-form-row { grid-template-columns: 1fr 1fr !important; }
  body:not(.home) .pp-lt-form-submit { flex-direction: row; justify-content: space-between; align-items: center; gap: 24px !important; }
  body:not(.home) .pp-lt-submit { flex: 0 0 calc((100% - 48px) / 3) !important; }
}
@media (min-width: 1025px) {
  body:not(.home) :is(.pp-lt-booking-inner, .pp-audit-form-grid) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) !important; gap: 48px !important; }
  body:not(.home) .pp-contact-page .pp-contact-content-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) !important; gap: 48px !important; }
  body:not(.home) .pp-faq-sidebar { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 0; align-items: baseline; }
  body:not(.home) .pp-faq-nav { padding-left: 24px; }
  body:not(.home) .pp-faq-page .pp-faq-intro { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 0; align-items: baseline; }
  body:not(.home) .pp-faq-page .pp-faq-intro p { padding-left: 24px; }
  body:not(.home) .pp-faq-category-content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); }
  body:not(.home) .pp-faq-page .pp-faq-category-content > h2 { grid-column: 1; grid-row: 1 / span 30; align-self: start; position: sticky; top: 96px; margin: 0 !important; padding: 16px 24px 0 0 !important; }
  body:not(.home) .pp-faq-item { grid-column: 2; padding-left: 24px !important; }
  body:not(.home) :is(.pp-web-faq-grid, .pp-audit-faq-grid, .pp-lt-faq-inner) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 0 !important; align-items: start !important; }
  body:not(.home) :is(.pp-web-faq-grid, .pp-audit-faq-grid, .pp-lt-faq-inner) > :first-child { position: sticky; top: 96px; padding-right: 24px; }
  body:not(.home) :is(.pp-web-faq-list, .pp-audit-faq-list, .pp-lt-faq-list) { padding-left: 24px !important; }
}
@media (min-width: 1200px) {
  body:not(.home) :is(.pp-lt-hero-inner, .pp-ow-hero-inner, .pp-contact-hero-inner, .pp-solutions-hero-inner, .pp-privacy-hero-inner, .pp-refund-hero-inner, .pp-cookie-hero-inner, .pp-disclaimer-hero-inner, .pp-terms-hero-inner, .pp-faq-hero-inner, .pp-web-hero-inner, .pp-blogs-hero, .pp-single-blog-hero-inner) { grid-template-columns: 1fr 1fr; gap: 24px 0; align-items: end; }
  body:not(.home) :is(.pp-lt-hero-heading, .pp-ow-hero-heading, .pp-contact-hero-heading, .pp-solutions-hero-heading, .pp-privacy-hero-heading, .pp-refund-hero-heading, .pp-cookie-hero-heading, .pp-disclaimer-hero-heading, .pp-terms-hero-heading, .pp-faq-hero-heading, .pp-web-hero h1, .pp-blogs-hero h1, .pp-audit-hero h1, .pp-single-blog-hero h1) { grid-column: 1; padding-right: 24px; }
  body:not(.home) :is(.pp-lt-hero-text, .pp-ow-hero-text, .pp-contact-hero-text, .pp-solutions-hero-text, .pp-privacy-hero-text, .pp-refund-hero-text, .pp-cookie-hero-text, .pp-disclaimer-hero-text, .pp-terms-hero-text, .pp-faq-hero-text, .pp-web-hero-description, .pp-blogs-hero p, .pp-audit-hero-text, .pp-review-hero-subtitle) { grid-column: 2; }

  body:not(.home) .pp-single-blog-hero-inner { grid-template-columns: 3fr 1fr; }
  body:not(.home) .pp-single-blog-hero h1 { grid-row: 2 / span 2; }
  body:not(.home) .pp-review-hero-subtitle { grid-row: 2; font-size: 17px !important; }
  body:not(.home) .pp-single-blog-meta { grid-column: 2; grid-row: 3; align-self: end; }

}
@media (prefers-reduced-motion: reduce) {
  body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) *, body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) > section::after, body:not(.home) .pp-blogs-page::after, body:not(.home) .pp-single-blog::after, body:not(.home) .pp-single-blog-hero::after { animation: none !important; }
  body:not(.home) :is(.pp-about-cta, .pp-web-cta, .pp-ow-final-link, .pp-solutions-final-link, .pp-faq-bottom-cta-link, .pp-lt-submit, .pp-audit-submit, .pp-audit-primary-cta, .pp-blog-cta-link)::after, body:not(.home) :is(.pp-about-cta, .pp-web-cta, .pp-ow-final-link, .pp-solutions-final-link, .pp-faq-bottom-cta-link, .pp-lt-submit, .pp-audit-submit, .pp-audit-primary-cta, .pp-blog-cta-link) { transition: none !important; }
}

/* Free Website Audit (2026-11-10): hero audit checklist, form column, and the sub-solution page patterns for Why, What We Check, How It Works and FAQ. */
/* Hero visual: a dark audit checklist. Each area fills with dots in turn and gets a dotted tick, like a review in progress. Decorative, so aria-hidden in the markup. */
body:not(.home) .pp-audit-page .pp-audit-hero-visual { display: block !important; width: 100%; min-height: 0 !important; height: auto !important; }
body:not(.home) .pp-audit-page .ppr-scan { --ppr-dot: rgba(245, 243, 238, .22); position: relative; overflow: hidden; display: grid; gap: 22px; width: 100%; max-width: 620px; margin: 0 0 0 auto; padding: clamp(24px, 3vw, 40px); color: var(--pp-color-on-dark); background: radial-gradient(70% 80% at 100% 100%, rgba(255, 75, 0, .26), transparent 70%), var(--pp-color-ink); border-radius: var(--pp-radius-lg); }
body:not(.home) .pp-audit-page .ppr-scan::before { content: ""; position: absolute; top: clamp(-48px, -3vw, -24px); right: clamp(-48px, -3vw, -24px); width: clamp(150px, 16vw, 210px); aspect-ratio: 1; pointer-events: none; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Ccircle%20cx%3D%22114.0%22%20cy%3D%2260.0%22%20r%3D%224.2%22%20fill%3D%22%23FF4B00%22%2F%3E%3Ccircle%20cx%3D%22112.6%22%20cy%3D%2272.0%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%22108.7%22%20cy%3D%2283.4%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%22102.2%22%20cy%3D%2293.7%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2293.7%22%20cy%3D%22102.2%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2283.4%22%20cy%3D%22108.7%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2272.0%22%20cy%3D%22112.6%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2260.0%22%20cy%3D%22114.0%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2248.0%22%20cy%3D%22112.6%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2236.6%22%20cy%3D%22108.7%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2226.3%22%20cy%3D%22102.2%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2217.8%22%20cy%3D%2293.7%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2211.3%22%20cy%3D%2283.4%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%227.4%22%20cy%3D%2272.0%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%226.0%22%20cy%3D%2260.0%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%227.4%22%20cy%3D%2248.0%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2211.3%22%20cy%3D%2236.6%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2217.8%22%20cy%3D%2226.3%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2226.3%22%20cy%3D%2217.8%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2236.6%22%20cy%3D%2211.3%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2248.0%22%20cy%3D%227.4%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2260.0%22%20cy%3D%226.0%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2272.0%22%20cy%3D%227.4%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2283.4%22%20cy%3D%2211.3%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%2293.7%22%20cy%3D%2217.8%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%22102.2%22%20cy%3D%2226.3%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%22108.7%22%20cy%3D%2236.6%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3Ccircle%20cx%3D%22112.6%22%20cy%3D%2248.0%22%20r%3D%222%22%20fill%3D%22rgba(245%2C243%2C238%2C.32)%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; opacity: .9; }
body:not(.home) .pp-audit-page .ppr-scan__head { position: relative; display: grid; gap: 10px; }
body:not(.home) .pp-audit-page .ppr-scan__label { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--pp-color-on-dark-2); font: 700 12px/1 var(--pp-font-body); letter-spacing: .14em; text-transform: uppercase; }
body:not(.home) .pp-audit-page .ppr-scan__label::after { content: ""; width: 6px; height: 1.05em; background: var(--pp-color-brand); }
body:not(.home) .pp-audit-page .ppr-scan__url { justify-self: start; margin: 0; padding: 8px 14px; color: var(--pp-color-on-dark); font: 600 15px/1 var(--pp-font-body); border: 1px dashed var(--pp-color-border-on-dark); border-radius: var(--pp-radius-sm); }
body:not(.home) .pp-audit-page .ppr-scan__list { position: relative; display: grid; margin: 0 !important; padding: 0 !important; list-style: none; }
body:not(.home) .pp-audit-page .ppr-scan__row { display: grid; grid-template-columns: minmax(0, 11em) minmax(0, 1fr) 20px; align-items: center; gap: 16px; margin: 0 !important; padding: 14px 0 !important; border-top: 1px dashed var(--pp-color-border-on-dark); }
body:not(.home) .pp-audit-page .ppr-scan__row:last-child { border-bottom: 1px dashed var(--pp-color-border-on-dark); }
body:not(.home) .pp-audit-page .ppr-scan__name { color: var(--pp-color-on-dark); font: 600 15px/1.3 var(--pp-font-body); }
body:not(.home) .pp-audit-page .ppr-scan__bar { position: relative; display: block; height: 8px; background: radial-gradient(circle, var(--ppr-dot) 1.4px, transparent 1.9px) 0 50% / 8px 8px repeat-x; }
body:not(.home) .pp-audit-page .ppr-scan__bar::after { content: ""; position: absolute; inset: 0; transform-origin: left center; background: radial-gradient(circle, var(--pp-color-brand) 1.9px, transparent 2.4px) 0 50% / 8px 8px repeat-x; }
body:not(.home) .pp-audit-page .ppr-scan__tick { display: block; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23FF4B00%27%3E%3Ccircle%20cx%3D%274.5%27%20cy%3D%2712.5%27%20r%3D%271.7%27%2F%3E%3Ccircle%20cx%3D%277.5%27%20cy%3D%2715.5%27%20r%3D%271.7%27%2F%3E%3Ccircle%20cx%3D%2710.5%27%20cy%3D%2718.5%27%20r%3D%271.9%27%2F%3E%3Ccircle%20cx%3D%2713.5%27%20cy%3D%2715.2%27%20r%3D%271.7%27%2F%3E%3Ccircle%20cx%3D%2716.5%27%20cy%3D%2711.9%27%20r%3D%271.7%27%2F%3E%3Ccircle%20cx%3D%2719.5%27%20cy%3D%278.6%27%20r%3D%271.7%27%2F%3E%3Ccircle%20cx%3D%2722%27%20cy%3D%275.8%27%20r%3D%271.5%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
body:not(.home) .pp-audit-page .ppr-scan__foot { position: relative; margin: 0 !important; max-width: 18em; color: var(--pp-color-on-dark); font: 500 clamp(20px, 1.9vw, 26px)/1.2 var(--pp-font-display); letter-spacing: -.02em; }
body:not(.home) .pp-audit-page .ppr-scan__foot em { font-style: normal; color: var(--pp-color-brand); }
@media (max-width: 479px) {
  body:not(.home) .pp-audit-page .ppr-scan__row { grid-template-columns: minmax(0, 1fr) 20px; row-gap: 10px; }
  body:not(.home) .pp-audit-page .ppr-scan__bar { grid-column: 1 / -1; grid-row: 2; }
}
@media (prefers-reduced-motion: no-preference) {
  body:not(.home) .pp-audit-page .ppr-scan { animation: ppr-au-rise 900ms var(--pp-ease-out) both; }
  body:not(.home) .pp-audit-page .ppr-scan::before { animation: ppr-au-spin 24s linear infinite; }
  body:not(.home) .pp-audit-page .ppr-scan__bar::after { animation: ppr-au-fill 7.2s var(--pp-ease-out) infinite both; }
  body:not(.home) .pp-audit-page .ppr-scan__tick { animation: ppr-au-tick 7.2s var(--pp-ease-out) infinite both; }
  body:not(.home) .pp-audit-page .ppr-scan__row:nth-child(1) > * { animation-delay: .6s; }
  body:not(.home) .pp-audit-page .ppr-scan__row:nth-child(2) > * { animation-delay: 1.1s; }
  body:not(.home) .pp-audit-page .ppr-scan__row:nth-child(3) > * { animation-delay: 1.6s; }
  body:not(.home) .pp-audit-page .ppr-scan__row:nth-child(4) > * { animation-delay: 2.1s; }
  body:not(.home) .pp-audit-page .ppr-scan__row:nth-child(5) > * { animation-delay: 2.6s; }
  body:not(.home) .pp-audit-page .ppr-scan__row:nth-child(6) > * { animation-delay: 3.1s; }
  body:not(.home) .pp-audit-page .ppr-scan__row:nth-child(n) > .ppr-scan__bar::after { animation-delay: inherit; }
}
@keyframes ppr-au-rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes ppr-au-spin { to { transform: rotate(1turn); } }
@keyframes ppr-au-fill { 0% { opacity: 1; transform: scaleX(0); } 14% { transform: scaleX(1); } 82% { opacity: 1; transform: scaleX(1); } 92%, 100% { opacity: 0; transform: scaleX(1); } }
@keyframes ppr-au-tick { 0%, 12% { opacity: 0; transform: scale(.4); } 17% { opacity: 1; transform: scale(1.2); } 21% { transform: none; } 82% { opacity: 1; transform: none; } 92%, 100% { opacity: 0; transform: none; } }

/* Start your free audit: the benefits become a dark card with dotted checks, because they are not a sequence. */
body:not(.home) .pp-audit-page .pp-audit-form-benefits { display: grid !important; gap: 0 !important; margin: clamp(24px, 3vw, 36px) 0 0 !important; padding: 6px clamp(20px, 2vw, 28px) !important; background: radial-gradient(80% 90% at 100% 100%, rgba(255, 75, 0, .24), transparent 70%), var(--pp-color-ink) !important; border: 0 !important; border-radius: var(--pp-radius-lg) !important; }
body:not(.home) .pp-audit-page .pp-audit-form-benefits > div { display: flex !important; align-items: center; gap: 14px !important; margin: 0 !important; padding: 18px 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; }
body:not(.home) .pp-audit-page .pp-audit-form-benefits > div + div { border-top: 1px dashed var(--pp-color-border-on-dark) !important; }
body:not(.home) .pp-audit-page .pp-audit-form-benefits > div > span { flex: none; width: 22px; height: 22px; margin: 0 !important; padding: 0 !important; overflow: hidden; color: transparent !important; font-size: 0 !important; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23FF4B00%27%3E%3Ccircle%20cx%3D%274.5%27%20cy%3D%2712.5%27%20r%3D%271.7%27%2F%3E%3Ccircle%20cx%3D%277.5%27%20cy%3D%2715.5%27%20r%3D%271.7%27%2F%3E%3Ccircle%20cx%3D%2710.5%27%20cy%3D%2718.5%27%20r%3D%271.9%27%2F%3E%3Ccircle%20cx%3D%2713.5%27%20cy%3D%2715.2%27%20r%3D%271.7%27%2F%3E%3Ccircle%20cx%3D%2716.5%27%20cy%3D%2711.9%27%20r%3D%271.7%27%2F%3E%3Ccircle%20cx%3D%2719.5%27%20cy%3D%278.6%27%20r%3D%271.7%27%2F%3E%3Ccircle%20cx%3D%2722%27%20cy%3D%275.8%27%20r%3D%271.5%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat !important; border: 0 !important; }
body:not(.home) .pp-audit-page .pp-audit-form-benefits > div > strong { color: var(--pp-color-on-dark) !important; font: 600 16px/1.35 var(--pp-font-body) !important; letter-spacing: -.005em; }

/* Section heads: left aligned, as on the other pages. */
body:not(.home) .pp-audit-page .pp-audit-section-heading { display: grid !important; gap: 12px !important; max-width: none !important; margin: 0 0 clamp(32px, 4.4vw, 64px) !important; text-align: left !important; }
body:not(.home) .pp-audit-page .pp-audit-section-heading > * { margin: 0 !important; justify-content: flex-start !important; }
body:not(.home) .pp-audit-page .pp-audit-section-heading p { max-width: 38em; color: var(--pp-color-text-2) !important; font: 500 clamp(16px, 1.2vw, 18px)/1.55 var(--pp-font-body) !important; }

/* Why your website matters: the dark panel from the sub-solution pages. */
body:not(.home) .pp-audit-page .pp-audit-problem { padding-top: var(--pp-section-gap) !important; padding-bottom: var(--pp-section-gap) !important; background: var(--pp-color-surface) !important; }
body:not(.home) .pp-audit-page .pp-audit-problem > .pp-audit-container { padding: clamp(26px, 4vw, 56px) !important; background: radial-gradient(60% 80% at 100% 100%, rgba(255, 75, 0, .26), transparent 70%), var(--pp-color-ink) !important; border-radius: var(--pp-radius-lg) !important; color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-audit-page .pp-audit-problem :is(.pp-audit-eyebrow, h2) { color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-audit-page .pp-audit-problem .pp-audit-section-heading { margin-bottom: clamp(16px, 2.4vw, 36px) !important; }
body:not(.home) .pp-audit-page .pp-audit-problem .pp-audit-section-heading p { color: var(--pp-color-on-dark-2) !important; }
body:not(.home) .pp-audit-page .pp-audit-problem-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body:not(.home) .pp-audit-page .pp-audit-problem-card, body:not(.home) .pp-audit-page .pp-audit-problem-card:hover { display: flex !important; flex-direction: column; gap: 10px; min-height: 0 !important; margin: 0 !important; padding: 22px 0 !important; background: transparent !important; border: 0 !important; border-top: 1px dashed var(--pp-color-border-on-dark) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; }
body:not(.home) .pp-audit-page .pp-audit-problem-card::before, body:not(.home) .pp-audit-page .pp-audit-problem-card::after { content: none !important; }
body:not(.home) .pp-audit-page .pp-audit-problem-card > span { display: none !important; }
body:not(.home) .pp-audit-page .pp-audit-problem-card h3 { margin: 0 !important; color: var(--pp-color-on-dark) !important; }
body:not(.home) .pp-audit-page .pp-audit-problem-card p { margin: 0 !important; color: var(--pp-color-on-dark-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }

/* What we check: the mixed tiles from the sub-solution pages. Ten items, so tiles 1, 6, 7 and 10 are the wide ones. */
body:not(.home) .pp-audit-page .pp-audit-check-section { padding-top: var(--pp-section-gap) !important; padding-bottom: var(--pp-section-gap) !important; background: var(--pp-color-surface) !important; }
body:not(.home):not(#ppr) .pp-audit-page .pp-audit-check-card :is(.pp-audit-check-number, .pp-audit-check-icon) { display: none !important; }
body:not(.home) .pp-audit-page .pp-audit-check-grid { margin-top: 0 !important; }

/* How it works: numbered steps with a dotted line, beside a sticky heading. */
body:not(.home) .pp-audit-page .pp-audit-process { padding-top: var(--pp-section-gap) !important; padding-bottom: var(--pp-section-gap) !important; background: var(--pp-color-surface-alt) !important; }
body:not(.home) .pp-audit-page .pp-audit-process-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body:not(.home) .pp-audit-page .pp-audit-process-card, body:not(.home) .pp-audit-page .pp-audit-process-card:hover { position: relative; display: grid !important; grid-template-columns: clamp(72px, 7.4vw, 108px) minmax(0, 1fr) !important; grid-template-rows: auto 1fr; gap: 8px 12px !important; min-height: 0 !important; margin: 0 !important; padding: 0 0 clamp(28px, 3vw, 44px) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; text-align: left !important; }
body:not(.home) .pp-audit-page .pp-audit-process-card::before, body:not(.home) .pp-audit-page .pp-audit-process-card::after { content: none !important; }
body:not(.home) .pp-audit-page .pp-audit-process-card:not(:last-child)::before { content: "" !important; display: block !important; position: absolute; top: clamp(44px, 4.6vw, 64px); bottom: 10px; left: 16px; width: 4px; background: radial-gradient(circle at center, var(--pp-color-brand) 1.15px, transparent 1.6px) 0 0 / 4px 8px repeat-y; }
body:not(.home) .pp-audit-page .pp-audit-process-card .pp-process-number { grid-row: 1 / span 2; display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; color: var(--pp-color-ink) !important; font: 500 clamp(32px, 3.6vw, 52px)/.95 var(--pp-font-display) !important; letter-spacing: -.04em !important; font-variant-numeric: tabular-nums; }
body:not(.home) .pp-audit-page .pp-audit-process-card:last-child .pp-process-number { color: var(--pp-color-brand) !important; }
body:not(.home) .pp-audit-page .pp-audit-process-card .pp-process-icon { display: none !important; }
body:not(.home) .pp-audit-page .pp-audit-process-card h3 { grid-column: 2; margin: 0 !important; }
body:not(.home) .pp-audit-page .pp-audit-process-card p { grid-column: 2; max-width: 34em; margin: 0 !important; color: var(--pp-color-text-2) !important; font: 500 16px/1.5 var(--pp-font-body) !important; }

/* FAQ: the sub-solution card and dotted question mark come from the shared rules; this matches the section spacing. */
body:not(.home) .pp-audit-page .pp-audit-faq { padding-top: var(--pp-section-gap) !important; padding-bottom: var(--pp-section-gap) !important; }

@media (min-width: 768px) {
  body:not(.home) .pp-audit-page .pp-audit-problem-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 24px !important; }
  body:not(.home) .pp-audit-page .pp-audit-check-card:nth-child(10) { --ppr-art-size: clamp(148px, 15vw, 232px); grid-column: span 2; padding: var(--ppr-p) calc(var(--ppr-p) * 2 + var(--ppr-art-size)) var(--ppr-p) var(--ppr-p) !important; min-height: clamp(240px, 24vw, 380px) !important; }
  body:not(.home) .pp-audit-page .pp-audit-check-card:nth-child(10)::after { top: 50%; left: auto; right: var(--ppr-p); transform: translateY(-50%); }
  body:not(.home) .pp-audit-page .pp-audit-check-card:nth-child(10) h3 { font-size: clamp(24px, 2.4vw, 36px) !important; }
}
@media (min-width: 1025px) {
  body:not(.home) .pp-audit-page .pp-audit-form-copy { position: sticky; top: 96px; align-self: start; }
  body:not(.home) .pp-audit-page .pp-audit-problem-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  body:not(.home) .pp-audit-page .pp-audit-check-section .pp-audit-section-heading { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 24px !important; align-items: end; }
  body:not(.home) .pp-audit-page .pp-audit-check-section .pp-audit-section-heading > .pp-audit-eyebrow { grid-column: 1; align-self: start; }
  body:not(.home) .pp-audit-page .pp-audit-check-section .pp-audit-section-heading > h2 { grid-column: 2 / span 2; }
  body:not(.home) .pp-audit-page .pp-audit-check-section .pp-audit-section-heading > p { grid-column: 4; }
  body:not(.home) .pp-audit-page .pp-audit-process > .pp-audit-container { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
  body:not(.home) .pp-audit-page .pp-audit-process .pp-audit-section-heading { position: sticky; top: 96px; margin: 0 !important; padding-right: 24px; }
  body:not(.home) .pp-audit-page .pp-audit-process-grid { padding-left: 24px !important; }
}
@media (min-width: 1200px) {
  body:not(.home) .pp-audit-page .pp-audit-check-card:nth-child(10) { grid-column: 1 / -1; }
}

/* Articles (2026-11-10): data tables, photo credit and Continue Reading cards for the new blog library. */
body:not(.home) .pp-art-table { margin: 22px 0; overflow-x: auto; background: var(--pp-color-surface-alt); border: 1px solid var(--pp-color-border); border-radius: var(--pp-radius-md); }
body:not(.home) .pp-art-table table { width: 100%; min-width: 560px; margin: 0 !important; border-collapse: collapse; font: 500 15px/1.5 var(--pp-font-body); }
body:not(.home) .pp-art-table :is(th, td) { padding: 12px 16px !important; text-align: left; vertical-align: top; color: var(--pp-color-text-2); background: transparent !important; border: 0 !important; border-bottom: 1px dashed var(--pp-color-border) !important; }
body:not(.home) .pp-art-table thead th { color: var(--pp-color-ink); font: 700 12px/1.3 var(--pp-font-body); letter-spacing: .1em; text-transform: uppercase; border-bottom: 1px solid var(--pp-color-border) !important; }
body:not(.home) .pp-art-table tbody th { color: var(--pp-color-ink); font-weight: 700; }
body:not(.home) .pp-art-table tbody tr:last-child > * { border-bottom: 0 !important; }
body:not(.home) .pp-art-text code { padding: 1px 6px; font-size: .9em; background: var(--pp-color-surface-alt); border: 1px solid var(--pp-color-border); border-radius: 4px; }
body:not(.home) .pp-single-blog-featured .widget-image-caption { margin: 10px 0 0; color: var(--pp-color-text-2); font: 500 13px/1.4 var(--pp-font-body); text-align: right; }
body:not(.home) .pp-related { display: grid; gap: 14px; margin: 8px 0 0; }
body:not(.home) .pp-related__card { display: grid; gap: 8px; padding: 22px; color: var(--pp-color-ink) !important; text-decoration: none !important; background: var(--pp-color-surface-alt); border: 1px solid var(--pp-color-border); border-radius: var(--pp-radius-md); transition: border-color var(--pp-dur-base) var(--pp-ease-out), transform var(--pp-dur-base) var(--pp-ease-out); }
body:not(.home) .pp-related__card:is(:hover, :focus-visible) { border-color: var(--pp-color-brand); transform: translateY(-2px); }
body:not(.home) .pp-related__card:focus-visible { outline: 2px solid var(--pp-color-brand); outline-offset: 2px; }
body:not(.home) .pp-related__title { color: var(--pp-color-ink); font: 500 18px/1.25 var(--pp-font-display); letter-spacing: -.02em; }
body:not(.home) .pp-related__text { color: var(--pp-color-text-2); font: 500 15px/1.5 var(--pp-font-body); }
body:not(.home) .pp-related__more { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; color: var(--pp-color-ink); font: 700 13px/1 var(--pp-font-body); letter-spacing: .06em; text-transform: uppercase; }
body:not(.home) .pp-related__more::before { content: ""; width: 6px; height: 1.05em; background: var(--pp-color-brand); }
@media (min-width: 768px) { body:not(.home) .pp-related { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { body:not(.home) .pp-related__card { transition: none; } body:not(.home) .pp-related__card:is(:hover, :focus-visible) { transform: none; } }

/* Running dotted column lines, as on the homepage, at every width (mobile added 2026-11-10) */
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) > section, body:not(.home) .pp-blogs-page { position: relative; overflow: clip; }
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) > section::after, body:not(.home) .pp-blogs-page::after { content: ""; position: absolute; z-index: 1; top: -64px; bottom: 0; left: var(--pp-gutter); right: var(--pp-gutter); pointer-events: none; background-image: var(--dots), var(--dots), var(--dots), var(--dots); background-size: 2px 64px; background-repeat: repeat-y; background-position: 0 0, 25% 24px, 50% 40px, 75% 8px; animation: ppr-rule-run 20s linear infinite; }
body:not(.home) :is(.pp-about-page, .pp-lets-talk-page, .pp-ow-page, .pp-contact-page, .pp-solutions-page, .pp-privacy-page, .pp-refund-page, .pp-cookie-page, .pp-disclaimer-page, .pp-terms-page, .pp-faq-page, .pp-web-service, .pp-blogs-page, .pp-audit-page, .pp-single-blog) > section > *, body:not(.home) .pp-blogs-page > * { position: relative; z-index: 2; }
body:not(.home) .pp-single-blog { position: relative; overflow: clip; }
body:not(.home) .pp-single-blog::after, body:not(.home) .pp-single-blog-hero::after { content: "" !important; display: block !important; position: absolute; z-index: 1; top: -64px !important; bottom: 0; left: var(--pp-gutter); right: var(--pp-gutter); width: auto !important; height: auto !important; pointer-events: none; border: 0 !important; opacity: 1 !important; background: none !important; background-image: var(--dots), var(--dots), var(--dots), var(--dots) !important; background-size: 2px 64px !important; background-repeat: repeat-y !important; background-position: 0 0, 25% 24px, 50% 40px, 75% 8px !important; animation: ppr-rule-run 20s linear infinite; }
body:not(.home) .pp-single-blog > * { position: relative; z-index: 2; }