@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

.pk-top {
  font-family: Arial, Helvetica, sans-serif;
  color: #063d51;
  isolation: isolate;
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  background: #f2fbfc;
}

.pk-top * { box-sizing: border-box; }
.pk-top a { text-decoration: none; }
.pk-top button { font: inherit; cursor: pointer; }
.pk-top button:focus-visible,
.pk-top a:focus-visible {
  outline: 3px solid #00c9d8;
  outline-offset: 5px;
}
.pk-top svg { display: block; }
.pk-top p,
.pk-top h1,
.pk-top h2 { margin: 0; }

.pk-hero {
  position: relative;
  overflow: hidden;
  color: white;
  background: linear-gradient(90deg, #00374580, #00a08624), url('assets/hero-background.png') center/cover no-repeat;
  min-height: 760px;
  padding: 132px 0 0;
  display: flex;
  flex-direction: column;
}

.pk-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: none;
  z-index: 90;
  width: 100%;
  min-height: 132px;
  display: flex;
  align-items: center;
  gap: 36px;
  padding: 14px 56px;
  background: linear-gradient(120deg, #073547d6, #00dbcf22);
  border: 1px solid #c6ffff24;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 16px 40px rgba(0, 22, 33, 0.18);
}

.pk-brand {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.pk-brand img {
  object-fit: contain;
  width: 132px;
  height: 132px;
  display: block;
  border-radius: 6px;
}

.pk-header nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 34px;
  flex: 1;
  margin-left: 12px;
}

.pk-header nav a {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  position: relative;
  color: white;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .3px;
  white-space: nowrap;
  padding: 15px 0;
}

.pk-header nav a:hover { color: #36efc4; }

.pk-top .pk-button {
  display: inline-flex;
  gap: 25px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(100deg, #02ebdf, #2aef92);
  border: 0;
  border-radius: 40px;
  color: #043f48;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  padding: 16px 28px;
  white-space: nowrap;
  box-shadow: 0 5px 24px #04eccc1c;
  transition: transform .2s, box-shadow .2s;
}

.pk-top .pk-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 30px #04eccc65;
}

/* Get a Quote sits in the header on top of the hero image, so its hover
   uses a deep teal/navy tone lifted from the hero background rather than
   the bright button gradient, keeping the header feel calmer. */
.pk-top .pk-quote {
  background: linear-gradient(100deg, #0dd6c4, #35f0a4);
}

.pk-top .pk-quote:hover,
.pk-top .pk-quote:focus-visible {
  background: linear-gradient(100deg, #003745, #045a5c 60%, #027368);
  color: #eafffa;
  box-shadow: 0 7px 26px #00232c66;
}

.pk-top .pk-button span {
  font-size: 25px;
  line-height: 16px;
  font-weight: 400;
}

.pk-content {
  max-width: 1440px;
  position: relative;
  flex: 1;
  margin: auto;
  padding: 50px 40px;
  display: grid;
  grid-template-columns: 47% 53%;
  align-items: center;
  width: 100%;
}

.pk-copy {
  position: relative;
  z-index: 2;
}

.pk-eyebrow {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 4px;
  color: #35f0c5;
  font-weight: 600;
  margin-bottom: 18px !important;
}

.pk-copy h1 {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: 800;
  color: #fff;
  font-size: clamp(36px, 3.6vw, 58px);
  letter-spacing: -1px;
  line-height: 1.08;
}

.pk-copy h1 span {
  display: inline-block;
  font-size: 1em;
  line-height: 1.08;
  letter-spacing: -1px;
  font-weight: 800;
  background: linear-gradient(90deg, #06c4e8 0%, #1cebc7 55%, #30f19f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.pk-description {
  max-width: 535px;
  font-size: 18px;
  line-height: 1.6;
  margin-top: 20px !important;
  color: #edfaff;
}

.pk-actions {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 25px;
}

.pk-top .pk-video {
  border: 0;
  background: none;
  padding: 0;
  color: white;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

.pk-play {
  display: grid;
  place-items: center;
  border: 2px solid #cbf8ff;
  border-radius: 50%;
  width: 39px;
  height: 39px;
  font-size: 16px;
  padding-left: 3px;
}

.pk-video:hover .pk-play { background: #00e8c533; }

.pk-stage {
  position: relative;
  min-height: 540px;
  width: 100%;
}

.pk-halo {
  position: absolute;
  width: 74%;
  aspect-ratio: 1;
  right: 3%;
  bottom: 4%;
  border-radius: 50%;
  background: radial-gradient(circle, #8bffeb45, transparent 65%);
  box-shadow: 0 0 100px #23ebdc30;
  animation: pk-glow 6s ease-in-out infinite;
}

.pk-ground {
  position: absolute;
  left: 16%;
  right: 0;
  bottom: 0;
  height: 15%;
  border-radius: 50%;
  background: radial-gradient(ellipse, #002d3da1, transparent 70%);
  filter: blur(8px);
}

.pk-product {
  position: absolute;
  pointer-events: none;
  overflow: visible;
  /* The three product anchors never travel during the animation. */
  transform: none !important;
}

.pk-product-close,
.pk-product-exploded {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  will-change: transform, opacity, filter;
}

.pk-product-close {
  opacity: 1;
  transform: none;
  filter: none;
  transform-origin: center bottom;
  transition: opacity .38s ease, filter .38s ease;
}

/* Fallback exploded image. When JavaScript is available it is replaced by
   clipped layers so the components can move independently without moving
   the product's anchor point on the page. */
.pk-product-exploded {
  opacity: 0;
  object-fit: contain;
  object-position: center bottom;
  transform: none;
  filter: none;
  transform-origin: center bottom;
  transition: opacity .42s ease .18s;
}

.pk-product.is-exploded .pk-product-close {
  opacity: 0;
  transform: none;
  filter: blur(.6px);
}

.pk-product.is-exploded .pk-product-exploded {
  opacity: 1;
  transform: none;
  filter: none;
}

/* Reference-video style exploded animation:
   - .pk-product itself NEVER changes position.
   - every layer is a clipped copy of the exploded PNG.
   - the clips start pulled toward the product centre and travel outward.
   This gives the feeling that the product opens in place rather than
   scrolling/sliding to a different spot. */
.pk-explosion-layers {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 1;
}

.pk-product.pk-layered .pk-product-exploded {
  opacity: 0 !important;
}

.pk-explosion-piece {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform:
    translate(var(--pk-from-x, 0px), var(--pk-from-y, 0px))
    rotate(var(--pk-from-r, 0deg))
    scale(.985);
  transform-origin: center center;
  clip-path: var(--pk-clip);
  will-change: transform, opacity, filter;
  transition:
    transform .92s cubic-bezier(.16,.84,.25,1) var(--pk-delay, 0ms),
    opacity .28s ease var(--pk-delay, 0ms),
    filter .45s ease var(--pk-delay, 0ms);
  filter: blur(1.5px);
}

.pk-explosion-piece img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  user-select: none;
  -webkit-user-drag: none;
}

.pk-barrier .pk-explosion-piece img {
  object-position: left bottom;
}

.pk-product.is-exploded .pk-explosion-piece {
  opacity: 1;
  transform: translate(0, 0) rotate(0deg) scale(1);
  filter: none;
}

/* Reassembly is intentionally a little quicker than the explosion so the
   next product can begin without overlap. */
.pk-product:not(.is-exploded) .pk-explosion-piece {
  transition:
    transform .58s cubic-bezier(.55,.05,.7,.25),
    opacity .24s ease,
    filter .3s ease;
}

.pk-camera {

  left: 41%;
  bottom: 3%;
  width: 20%;
  height: 76%;
  z-index: 3;
  filter: drop-shadow(7px 8px 7px #032c4880);
}

.pk-camera .pk-product-exploded { transform-origin: center bottom; }
.pk-camera svg,
.pk-terminal svg { width: 100%; height: auto; }

.pk-terminal {
  right: 0;
  bottom: 3%;
  width: 24%;
  height: 74%;
  z-index: 2;
  filter: drop-shadow(10px 14px 8px #001c4477);
}

.pk-terminal .pk-product-exploded { transform-origin: center bottom; }

.pk-barrier {
  left: 0;
  bottom: 4%;
  width: 54%;
  height: 58%;
  z-index: 1;
}

.pk-barrier .pk-product-exploded {
  object-position: left bottom;
  transform-origin: right bottom;
  filter: drop-shadow(7px 10px 5px #002e4870) blur(3px);
}

.pk-barrier.is-exploded .pk-product-exploded {
  filter: drop-shadow(7px 10px 5px #002e4870);
}

.pk-barrier-close {
  position: absolute;
  inset: 0;
}

.pk-barrier-closed-body {
  position: absolute;
  right: 12%;
  bottom: 0;
  width: 25%;
  filter: drop-shadow(7px 10px 5px #002e4870);
  transition: transform .6s ease-in, opacity .6s ease-in;
  transform-origin: center bottom;
}

.pk-barrier-closed-arm {
  position: absolute;
  left: 0;
  bottom: 43%;
  width: 77%;
  filter: drop-shadow(7px 10px 5px #002e4870);
  transition: transform .6s ease-in, opacity .6s ease-in;
  transform-origin: right center;
}

/* Keep the assembled barrier perfectly anchored. The component motion is
   handled only by the exploded layers above. */
.pk-barrier.is-exploded .pk-barrier-closed-body,
.pk-barrier.is-exploded .pk-barrier-closed-arm {
  transform: none;
}

.pk-barrier-closed-arm svg,
.pk-barrier-closed-body svg { width: 100%; height: auto; }

.pk-scan {
  position: absolute;
  left: 40%;
  top: 18%;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #19ffe3, transparent);
  box-shadow: 0 0 12px #10ffdf;
  transform-origin: left;
  animation: pk-scan 4s ease-in-out infinite;
}

.pk-features {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 56px max(24px, calc((100% - 1370px) / 2)) 40px;
  background: #063542;
  border-radius: 8px 8px 0 0;
}

.pk-features article {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  width: 100%;
  padding: 26px 22px;
  background: #ffffff0d;
  border: 1px solid #ffffff1c;
  border-radius: 16px;
  box-shadow: none;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
  cursor: default;
}

.pk-features article:hover,
.pk-features article:focus-within {
  transform: translateY(-4px);
  background: #ffffff17;
  border-color: #35f0c555;
  box-shadow: 0 18px 36px -16px rgba(0, 0, 0, 0.35);
}

.pk-features article:hover .pk-feature-icon,
.pk-features article:focus-within .pk-feature-icon {
  background: linear-gradient(135deg, #00c9a3, #00a08a);
  color: #fff;
  box-shadow: none;
}

.pk-feature-icon {
  display: grid;
  place-items: center;
  flex: 0 0 58px;
  height: 58px;
  border-radius: 14px;
  color: #35f0c5;
  background: #ffffff12;
  box-shadow: inset 0 0 0 1px #ffffff26;
  transition: background .25s ease, color .25s ease, box-shadow .25s ease;
}

.pk-feature-icon svg { width: 30px; height: 30px; }
h2.pk-features-title,
.pk-features h2 {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .3px;
  margin: 6px 0 8px;
}
.pk-features p { font-size: 13.5px; line-height: 1.55; color: #a9d6ce !important; margin: 0; }

.pk-stats {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 44px max(35px, calc((100% - 1370px) / 2));
  background: #052733;
  color: white;
  border-radius: 8px 8px 0 0;
  border-top: 1px solid #ffffff14;
}

.pk-stats::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 20%, #14e6c716, transparent 45%),
    radial-gradient(circle at 88% 80%, #0dd6ff12, transparent 50%);
  pointer-events: none;
}

.pk-stat {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding: 0 24px;
  border-left: 1px solid #ffffff1a;
}

.pk-stat:first-child { border-left: 0; padding-left: 0; }

.pk-stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #ffffff0f;
  box-shadow: inset 0 0 0 1px #ffffff22;
}

.pk-stat-icon svg {
  width: 24px;
  height: 24px;
  color: #35f0c5;
  stroke-width: 1.8;
  overflow: visible;
}

.pk-stat strong {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  display: block;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #fff;
}
.pk-stat span { display: block; font-size: 13px; white-space: nowrap; margin-top: 3px; color: #a9d6ce; }

.pk-about {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, #041e29, #063542 60%, #04303a);
  padding: 96px max(24px, calc((100% - 1370px) / 2));
  color: #eafcf9;
}

.pk-about::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 85% 12%, #14e6c71c, transparent 40%),
    radial-gradient(circle at 6% 90%, #0dd6ff14, transparent 45%);
  pointer-events: none;
}

.pk-about-inner {
  position: relative;
  max-width: 1370px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 72px;
  align-items: center;
}

.pk-about .pk-about-label.pk-about-label {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 13px;
  letter-spacing: 3px;
  color: #35f0c5;
  font-weight: 700;
  margin-bottom: 14px;
}

.pk-about h2.pk-about-heading {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: 800;
  color: #fff !important;
  font-size: clamp(28px, 2.6vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.5px;
  margin-bottom: 22px;
}

.pk-about p.pk-about-lead.pk-about-lead {
  font-size: 16px;
  line-height: 1.7;
  color: #cfe9e4;
  max-width: 560px;
  margin-bottom: 16px;
}

.pk-about p.pk-about-emphasis.pk-about-emphasis {
  color: #eafffa;
  font-weight: 600;
}

.pk-about-cta {
  margin-top: 8px;
  margin-bottom: 40px;
  background: linear-gradient(100deg, #02ebdf, #2aef92);
}

.pk-about-points {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 28px;
  max-width: 560px;
}

.pk-about-point {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.pk-about-point-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #ffffff0f;
  box-shadow: inset 0 0 0 1px #ffffff22;
  color: #35f0c5;
}

.pk-about-point-icon svg { width: 22px; height: 22px; }

.pk-about-point h3 {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 14.5px;
  font-weight: 700;
  color: #fff !important;
  margin: 0 0 4px;
}

.pk-about-point p {
  font-size: 13px;
  line-height: 1.5;
  color: #a9d6ce;
  margin: 0;
}

.pk-about-visual {
  position: relative;
  min-height: 460px;
}

.pk-about-visual-grid {
  position: absolute;
  inset: 6% -4% 6% 8%;
  background-image:
    linear-gradient(#ffffff12 1px, transparent 1px),
    linear-gradient(90deg, #ffffff12 1px, transparent 1px);
  background-size: 34px 34px;
  border-radius: 24px;
  opacity: .6;
}

.pk-about-photo {
  position: absolute;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 24px 48px -20px #001018cc;
  border: 1px solid #ffffff26;
}

.pk-about-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pk-about-photo-a {
  width: 62%;
  aspect-ratio: 3 / 4;
  left: 0;
  top: 0;
}

.pk-about-photo-b {
  width: 52%;
  aspect-ratio: 4 / 3;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.pk-about-badge {
  position: absolute;
  left: 6%;
  bottom: 4%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 16px 20px;
  border-radius: 14px;
  background: linear-gradient(120deg, #073547f0, #045a5cf0);
  border: 1px solid #ffffff30;
  box-shadow: 0 16px 32px -14px #00121ad9;
}

.pk-about-badge strong {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: 800;
  color: #35f0c5;
  line-height: 1;
}

.pk-about-badge span {
  font-size: 12px;
  color: #eafcf9;
}

@media (max-width: 960px) {
  .pk-about { padding: 64px 24px; }
  .pk-about-inner { grid-template-columns: 1fr; gap: 44px; }
  .pk-about-visual { min-height: 380px; order: -1; }
  .pk-about-points { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .pk-about { padding: 52px 20px; }
  .pk-about-heading { font-size: 26px; }
  .pk-about-visual { min-height: 320px; }
  .pk-about-badge { padding: 12px 16px; }
  .pk-about-badge strong { font-size: 22px; }
}

.pk-marquee {
  position: relative;
  overflow: hidden;
  background: linear-gradient(100deg, #021f2b, #054345 60%, #01594f);
  border-top: 1px solid #ffffff1c;
  padding: 16px 0;
}

.pk-marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: pk-marquee 32s linear infinite;
}

.pk-marquee-item {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .5px;
  color: #eafcf6;
  white-space: nowrap;
  padding: 0 22px;
}

.pk-marquee-dot {
  color: #35f0c5;
  font-size: 16px;
}

@keyframes pk-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.pk-top .pk-menu { display: none; }

.pk-top .pk-dialog {
  position: fixed;
  inset: 0;
  max-width: 980px;
  width: 92vw;
  max-height: 92vh;
  border: 1px solid #5ddbc9;
  border-radius: 20px;
  padding: 20px;
  background: #06384c;
  color: white;
  margin: auto;
  z-index: 100;
}

.pk-dialog::backdrop {
  background: #001b2bda;
  backdrop-filter: blur(8px);
}

.pk-dialog-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.pk-dialog h2 { font-size: 20px; color: white !important; }

.pk-dialog button {
  color: white;
  border: 1px solid #6bd4c877;
  background: #0b4a5b;
  border-radius: 8px;
  padding: 6px 14px;
}

.pk-dialog .pk-close { font-size: 24px; line-height: 1.2; }

.pk-showcase {
  aspect-ratio: 16 / 9;
  background: #011a28;
  border-radius: 12px;
  overflow: hidden;
  display: grid;
  place-items: center;
}

.pk-showcase img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 65vh;
}

.pk-showcase-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 15px;
}

.pk-showcase-controls button,
.pk-showcase-controls span { font-size: 14px; }

.pk-top.pk-paused * { animation-play-state: paused !important; }

@keyframes pk-glow {
  50% { opacity: .6; transform: scale(1.06); }
}

@keyframes pk-scan {
  0%, 100% { opacity: .15; transform: rotate(5deg); }
  50% { opacity: .9; transform: rotate(22deg); }
}

@media (min-width: 1600px) {
  .pk-hero { min-height: 760px; }
  .pk-content { min-height: 560px; }
}

@media (max-width: 1400px) {
  .pk-content { padding-left: 32px; padding-right: 32px; }
  .pk-stage { min-height: 520px; }
}

@media (max-width: 1200px) {
  .pk-header { gap: 20px; padding: 12px 25px; }
  .pk-brand { flex-basis: 110px; }
  .pk-brand img { width: 92px; height: 92px; }
  .pk-header nav { gap: 20px; }
  .pk-header nav a { font-size: 12px; }
  .pk-top .pk-quote { padding: 14px 20px; font-size: 12px; }
  .pk-actions { gap: 20px; }
  .pk-content { padding-left: 30px; padding-right: 30px; }
  .pk-features { padding: 32px 25px; gap: 16px; }
  .pk-features article { gap: 14px; padding: 20px 16px; }
  .pk-feature-icon { flex-basis: 50px; width: 50px; height: 50px; }
  .pk-feature-icon svg { width: 26px; height: 26px; }
  .pk-features h2 { font-size: 13px; }
  .pk-features p { font-size: 13px; }
  .pk-stats { padding: 26px 25px; }
  .pk-stat { gap: 14px; padding: 0 15px; }
  .pk-stat-icon { flex-basis: 44px; width: 44px; height: 44px; }
  .pk-stat-icon svg { width: 22px; height: 22px; }
  .pk-stat strong { font-size: 26px; }
  .pk-stat span { font-size: 12px; }
  .pk-marquee-item { font-size: 13px; padding: 0 16px; }
  .pk-description { font-size: 17px; }
  .pk-stage { min-height: 500px; }
}

@media (max-width: 960px) {
  .pk-hero { padding-top: 96px; }
  .pk-header {
    min-height: 90px;
    padding: 10px 20px;
    width: calc(100% - 20px);
  }

  .pk-brand { flex: 1; }
  .pk-brand img { width: 78px; height: 78px; }

  .pk-top .pk-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    border: 1px solid #87e3da66;
    background: #06364977;
    border-radius: 8px;
    padding: 10px;
    width: 42px;
    height: 42px;
    order: 3;
  }

  .pk-menu span {
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
  }

  .pk-header nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #063c4bf5;
    border: 1px solid #69d8cd55;
    border-radius: 14px;
    padding: 20px;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .pk-header nav.pk-expanded { display: flex; }
  .pk-header nav a { font-size: 14px; padding: 11px 8px; }

  .pk-content {
    grid-template-columns: 1fr;
    min-height: 0;
    padding-top: 30px;
    gap: 24px;
  }

  .pk-copy h1 { font-size: 42px; }
  .pk-description { font-size: 16px; }
  .pk-actions { flex-wrap: wrap; gap: 18px; }

  .pk-stage {
    width: 100%;
    min-height: 470px;
  }

  .pk-barrier { width: 56%; height: 52%; left: 0; bottom: 5%; }
  .pk-barrier-closed-body { width: 27%; right: 10%; }
  .pk-barrier-closed-arm { width: 76%; bottom: 42%; }
  .pk-camera { width: 22%; height: 72%; left: 42%; bottom: 4%; }
  .pk-terminal { width: 27%; height: 70%; right: 1%; bottom: 4%; }

  .pk-features {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    padding: 30px;
    border-radius: 40px 40px 0 0;
  }

  .pk-features article { padding: 20px 18px; }
  .pk-features h2 { font-size: 14px; }
  .pk-features p { font-size: 13.5px; }

  .pk-stats { padding: 25px 15px; }
  .pk-stat { display: block; text-align: center; padding: 14px 9px; }
  .pk-stat-icon { margin: 0 auto 10px; width: 44px; height: 44px; }
  .pk-stat-icon svg { width: 22px; height: 22px; }
  .pk-stat span { white-space: normal; }
  .pk-stat strong { font-size: 26px; }

  .pk-marquee-item { font-size: 13px; padding: 0 16px; }
  .pk-marquee-track { animation-duration: 26s; }
}

@media (max-width: 640px) {
  .pk-hero {
    background-position: 60% center;
    padding-top: 82px;
    padding-bottom: 68px;
    min-height: 0;
  }

  .pk-header {
    gap: 14px;
    padding: 8px 14px;
    min-height: 78px;
    border-radius: 0 0 18px 18px;
    width: calc(100% - 12px);
  }

  .pk-brand img { width: 66px; height: 66px; }
  .pk-top .pk-quote { font-size: 11px; padding: 12px 16px; gap: 13px; }

  .pk-content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 24px 24px 0;
    min-height: 0;
  }

  .pk-copy h1 {
    font-size: clamp(30px, 7.8vw, 48px);
    letter-spacing: -0.5px;
  }

  .pk-copy h1 span {
    font-size: 1em;
    letter-spacing: -0.5px;
  }

  .pk-eyebrow {
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 13px !important;
  }

  .pk-description {
    font-size: 16px;
    line-height: 1.6;
    max-width: 440px;
    margin-top: 16px !important;
  }

  .pk-actions { margin-top: 23px; gap: 20px; }
  .pk-top .pk-button { font-size: 12px; padding: 15px 21px; gap: 15px; }
  .pk-top .pk-video { font-size: 12px; gap: 9px; }
  .pk-play { width: 32px; height: 32px; font-size: 12px; }

  .pk-stage {
    aspect-ratio: 1.18;
    min-height: 350px;
  }

  .pk-halo { width: 78%; right: 0; bottom: 5%; }
  .pk-ground { left: 8%; right: -6%; }

  .pk-barrier { width: 60%; height: 44%; left: -2%; bottom: 6%; }
  .pk-barrier-closed-body { width: 30%; right: 8%; }
  .pk-barrier-closed-arm { width: 76%; bottom: 40%; }
  .pk-camera { width: 23%; height: 66%; left: 40%; bottom: 6%; }
  .pk-terminal { width: 29%; height: 64%; right: -1%; bottom: 6%; }
  .pk-scan { left: 35%; top: 18%; }

  .pk-features {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    padding: 27px 22px;
    margin-top: -25px;
    border-radius: 32px 32px 0 0;
  }

  .pk-features article {
    display: block;
    padding: 18px 14px;
  }

  .pk-feature-icon {
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
  }

  .pk-feature-icon svg { width: 24px; height: 24px; }
  .pk-features h2 { font-size: 12px; line-height: 1.5; }
  .pk-features p { font-size: 12.5px; }

  .pk-stats {
    grid-template-columns: repeat(6, 1fr);
    row-gap: 25px;
    padding: 26px 15px;
    border-radius: 26px 26px 0 0;
  }

  .pk-stat { grid-column: span 2; display: block; text-align: center; padding: 0 8px; border: 0; }
  .pk-stat:nth-child(4) { grid-column: 2 / span 2; }
  .pk-stat:nth-child(5) { grid-column: 4 / span 2; }
  .pk-stat-icon { margin: 0 auto 8px; width: 40px; height: 40px; }
  .pk-stat-icon svg { width: 20px; height: 20px; }
  .pk-stat strong { font-size: 24px; }
  .pk-stat span { font-size: 11px; }

  .pk-marquee { padding: 14px 0; }
  .pk-marquee-item { font-size: 12px; padding: 0 12px; }
  .pk-marquee-track { animation-duration: 22s; }

  .pk-dialog { padding: 12px !important; }
  .pk-showcase-controls { gap: 8px; }
  .pk-showcase-controls button { padding: 5px 9px; font-size: 12px; }
}

/* ============================================================
   SITE-WIDE THEME: bring the legacy Elementor sections below the
   new hero/About Us in line with the dark navy/teal/cyan palette,
   alternating shades so sections stay visually separated without
   duplicating the exact same background twice in a row. Only
   background/text colours are touched here - existing layout,
   copy and structure are untouched.
   ============================================================ */

.elementor-element-cadad04.elementor-element-cadad04 { background: linear-gradient(150deg, #052733, #063a42) !important; }
.elementor-element-cadad04 h6.elementor-heading-title.elementor-heading-title { color: #35f0c5 !important; }
.elementor-element-cadad04 h2.elementor-heading-title.elementor-heading-title,
.elementor-element-cadad04 h3.elementor-icon-box-title.elementor-icon-box-title { color: #fff !important; }
.elementor-element-cadad04 p.elementor-icon-box-description.elementor-icon-box-description { color: #a9d6ce !important; }
.elementor-element-cadad04 .elementor-icon-box-icon svg { fill: #35f0c5 !important; color: #35f0c5 !important; }
.elementor-element-cadad04 .elementor-icon-box-icon { border-color: #35f0c5 !important; }
.elementor-element-cadad04 .elementor-button.elementor-button { color: #043f48 !important; }

.elementor-element-60b4a533.elementor-element-60b4a533 { background-color: #041e29 !important; }

.elementor-element-e484826.elementor-element-e484826,
.elementor-element-e484826.elementor-element-e484826 > .elementor-background-overlay { background-image: none !important; background-color: #063542 !important; }
.elementor-element-e484826 .elementor-counter-title.elementor-counter-title,
.elementor-element-e484826 .elementor-counter-number.elementor-counter-number,
.elementor-element-e484826 .elementor-counter-number-suffix.elementor-counter-number-suffix,
.elementor-element-e484826 .elementor-counter-number-prefix.elementor-counter-number-prefix { color: #fff !important; }
.elementor-element-e484826 .elementor-counter-title.elementor-counter-title { color: #a9d6ce !important; }

.elementor-element-7c2e2afa.elementor-element-7c2e2afa,
.elementor-element-7c2e2afa.elementor-element-7c2e2afa > .elementor-background-overlay { background-image: none !important; background-color: #04303a !important; }
.elementor-element-7c2e2afa h6.elementor-heading-title.elementor-heading-title { color: #35f0c5 !important; }
.elementor-element-7c2e2afa h2.elementor-heading-title.elementor-heading-title { color: #fff !important; }
.elementor-element-7c2e2afa .elementskit-commentor-content > p,
.elementor-element-7c2e2afa .elementskit-testimonial_card .elementskit-commentor-coment { color: #eafcf9 !important; }
.elementor-element-7c2e2afa .elementskit-profile-info .elementskit-author-name { color: #fff !important; }
.elementor-element-7c2e2afa .elementskit-profile-info .elementskit-author-des { color: #a9d6ce !important; }
.elementor-element-90c2967 .elementor-repeater-item-42f3647,
.elementor-element-90c2967 .elementor-repeater-item-163e2ae,
.elementor-element-90c2967 .elementor-repeater-item-3d3cce3,
.elementor-element-90c2967 .elementor-repeater-item-3147116,
.elementor-element-90c2967 .elementor-repeater-item-ed4dbb2,
.elementor-element-90c2967 .elementor-repeater-item-9eeb62b { background-color: #063542 !important; }

.elementor-element-35037421.elementor-element-35037421 { background-image: linear-gradient(100deg, #003745, #045a5c 60%, #027368) !important; background-color: transparent !important; }
.elementor-element-35037421 h3.elementor-heading-title.elementor-heading-title,
.elementor-element-35037421 p.elementor-icon-box-description.elementor-icon-box-description { color: #eafffa !important; }

.elementor-element-76df3d47.elementor-element-76df3d47 { background-color: #041e29 !important; }
.elementor-element-76df3d47 .elementor-heading-title.elementor-heading-title { color: #fff !important; }
.elementor-element-76df3d47 .elementor-icon-list-text.elementor-icon-list-text,
.elementor-element-76df3d47 a.elementor-icon-list-text { color: #cfe9e4 !important; }
.elementor-element-76df3d47 .elementor-icon-list-item:hover .elementor-icon-list-text { color: #35f0c5 !important; }

.elementor-element-c11b978.elementor-element-c11b978 { background-color: #031720 !important; border-color: #ffffff1c !important; }
.elementor-element-c11b978 .elementor-heading-title.elementor-heading-title { color: #cfe9e4 !important; }

.elementor-element-73dc5373.elementor-element-73dc5373 { background-color: #031720 !important; border-color: #ffffff1c !important; }
.elementor-element-73dc5373 .elementor-heading-title.elementor-heading-title { color: #7fa9a3 !important; }

@media (prefers-reduced-motion: reduce) {
  .pk-top * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* ============================================================
   PREMIUM CODED ACCESS HERO — REAL PARKEN HARDWARE + REAL CAR
   Uses image cut-outs as DOM elements (not an embedded video).
   Sequence: approach -> ALPR verify -> barrier open -> vehicle passes.
   ============================================================ */

.pk-top .pk-access-scene {
  position: relative;
  width: 100%;
  min-height: 575px;
  overflow: visible;
  isolation: isolate;
}

.pk-access-scene::before {
  content: "";
  position: absolute;
  inset: 4% 1% 2% 2%;
  z-index: 0;
  border: 1px solid rgba(111, 238, 227, 0.10);
  border-radius: 34px;
  background:
    linear-gradient(145deg, rgba(1, 38, 52, 0.10), rgba(6, 100, 103, 0.035)),
    radial-gradient(circle at 78% 48%, rgba(42, 237, 210, 0.075), transparent 42%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  pointer-events: none;
}

.pk-scene-halo {
  position: absolute;
  right: 0;
  bottom: 4%;
  width: 68%;
  height: 82%;
  z-index: 0;
  background: radial-gradient(ellipse at 72% 55%, rgba(45, 245, 215, .16), rgba(8, 88, 103, .05) 38%, transparent 68%);
  filter: blur(3px);
  pointer-events: none;
}

.pk-scene-lane {
  position: absolute;
  left: 2%;
  right: 1%;
  bottom: 1%;
  height: 76%;
  z-index: 0;
  clip-path: polygon(11% 100%, 97% 100%, 78% 0, 42% 0);
  background:
    linear-gradient(180deg, rgba(3, 42, 52, .02), rgba(2, 24, 32, .22)),
    linear-gradient(90deg, rgba(255,255,255,.025), transparent 42%, rgba(255,255,255,.018));
  border-bottom: 1px solid rgba(173,255,246,.08);
  pointer-events: none;
}

.pk-lane-line,
.pk-lane-center {
  position: absolute;
  bottom: -3%;
  transform-origin: bottom center;
  background: linear-gradient(180deg, transparent 6%, rgba(57, 240, 214, .08) 38%, rgba(57, 240, 214, .34));
}

.pk-lane-line { width: 2px; height: 104%; }
.pk-lane-left { left: 18%; transform: rotate(7deg); }
.pk-lane-right { right: 15%; transform: rotate(-6deg); }
.pk-lane-center {
  left: 53%;
  width: 1px;
  height: 82%;
  opacity: .42;
  transform: rotate(-1deg);
}

.pk-car-wrap {
  position: absolute;
  left: 6%;
  bottom: 3%;
  width: 37%;
  z-index: 4;
  transform-origin: 55% 90%;
  will-change: transform, opacity;
  animation: pkCarAccessFlow 10s cubic-bezier(.45,.08,.25,1) infinite;
}

.pk-real-car {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
  filter: drop-shadow(0 22px 25px rgba(0, 16, 25, .42));
}

.pk-car-plate-target {
  position: absolute;
  left: 60%;
  top: 68%;
  width: 18%;
  height: 8%;
  border-radius: 5px;
  border: 1px solid rgba(74, 255, 226, .95);
  box-shadow: 0 0 0 0 rgba(67, 255, 224, .35), 0 0 16px rgba(67,255,224,.35);
  opacity: 0;
  animation: pkPlateTarget 10s ease-in-out infinite;
}

.pk-car-verified {
  position: absolute;
  left: 49%;
  top: 79%;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid rgba(102, 245, 225, .35);
  border-radius: 999px;
  background: rgba(3, 48, 60, .88);
  color: #ecfffb;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .7px;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(6px);
  box-shadow: 0 10px 24px rgba(0, 22, 31, .24);
  animation: pkVerifiedChip 10s ease-in-out infinite;
}

.pk-car-verified i,
.pk-alpr-status i {
  display: block;
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #36f1c4;
  box-shadow: 0 0 11px rgba(54,241,196,.9);
}

.pk-gate-system {
  position: absolute;
  inset: 0;
  z-index: 7;
  pointer-events: none;
}

.pk-gate-body-img {
  position: absolute;
  right: 25%;
  bottom: 6%;
  width: 13.5%;
  height: auto;
  z-index: 7;
  filter: drop-shadow(0 19px 23px rgba(0, 17, 26, .42));
}

.pk-gate-arm-wrap {
  position: absolute;
  right: 38.5%;
  bottom: 46.5%;
  width: 58%;
  height: 52px;
  z-index: 6;
  transform-origin: 100% 50%;
  will-change: transform;
  animation: pkGateOpenFlow 10s cubic-bezier(.56,.02,.35,1) infinite;
}

.pk-gate-arm-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  user-select: none;
  -webkit-user-drag: none;
  filter: drop-shadow(0 8px 9px rgba(0, 18, 27, .28));
}

.pk-gate-base-glow {
  position: absolute;
  right: 23%;
  bottom: 1%;
  width: 19%;
  height: 12%;
  z-index: 2;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(38,232,208,.20), transparent 70%);
  filter: blur(7px);
}

.pk-alpr-system {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}

.pk-alpr-full-img {
  position: absolute;
  right: 1.5%;
  bottom: 7%;
  width: 23.5%;
  height: auto;
  z-index: 5;
  user-select: none;
  -webkit-user-drag: none;
  filter: drop-shadow(0 22px 26px rgba(0, 18, 30, .40));
}

.pk-alpr-status {
  position: absolute;
  right: 5.8%;
  top: 11%;
  z-index: 9;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  border: 1px solid rgba(103, 243, 224, .26);
  border-radius: 999px;
  background: rgba(2, 46, 59, .84);
  color: #eafffb;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .8px;
  box-shadow: 0 10px 28px rgba(0, 22, 30, .25);
}

.pk-alpr-sensor-pulse {
  position: absolute;
  right: 12.7%;
  top: 29%;
  width: 15px;
  height: 15px;
  z-index: 9;
  border: 1px solid rgba(102, 255, 231, .75);
  border-radius: 50%;
  opacity: .22;
  animation: pkSensorPulse 3.2s ease-out infinite;
}

.pk-alpr-beam {
  position: absolute;
  right: 10%;
  top: 27%;
  width: 57%;
  height: 45%;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  clip-path: polygon(100% 10%, 100% 19%, 0 93%, 0 73%);
  background: linear-gradient(90deg, rgba(42, 255, 222, 0), rgba(42,255,222,.035) 42%, rgba(42,255,222,.16));
  filter: drop-shadow(0 0 10px rgba(45, 255, 224, .16));
  animation: pkBeamFlow 10s ease-in-out infinite;
}

.pk-alpr-beam span {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 35%, rgba(99,255,235,.68) 50%, transparent 65%);
  transform: translateX(55%);
  animation: pkBeamSweep 1.35s linear infinite;
}

.pk-scene-flow {
  position: absolute;
  left: 18%;
  right: 4%;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  color: rgba(228, 255, 250, .62);
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .7px;
  white-space: nowrap;
}

.pk-scene-flow span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.pk-scene-flow span::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(59, 241, 207, .75);
}

.pk-scene-flow b {
  color: rgba(69, 237, 210, .45);
  font-weight: 400;
}

@keyframes pkCarAccessFlow {
  0%   { transform: translate(-24%, 20%) scale(1.05); opacity: 0; }
  7%   { opacity: 1; }
  28%  { transform: translate(16%, -6%) scale(.86); opacity: 1; }
  46%  { transform: translate(16%, -6%) scale(.86); opacity: 1; }
  68%  { transform: translate(72%, -43%) scale(.58); opacity: 1; }
  79%  { transform: translate(95%, -58%) scale(.46); opacity: .08; }
  80%, 100% { transform: translate(-24%, 20%) scale(1.05); opacity: 0; }
}

@keyframes pkGateOpenFlow {
  0%, 46%  { transform: rotate(0deg); }
  56%, 72% { transform: rotate(34deg); }
  83%, 100% { transform: rotate(0deg); }
}

@keyframes pkBeamFlow {
  0%, 27% { opacity: 0; }
  32%, 45% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

@keyframes pkPlateTarget {
  0%, 29% { opacity: 0; box-shadow: 0 0 0 0 rgba(67,255,224,.0); }
  34%, 44% { opacity: 1; box-shadow: 0 0 0 10px rgba(67,255,224,.04), 0 0 18px rgba(67,255,224,.45); }
  49%, 100% { opacity: 0; box-shadow: 0 0 0 20px rgba(67,255,224,0); }
}

@keyframes pkVerifiedChip {
  0%, 31% { opacity: 0; transform: translateY(7px); }
  36%, 46% { opacity: 1; transform: translateY(0); }
  51%, 100% { opacity: 0; transform: translateY(-5px); }
}

@keyframes pkSensorPulse {
  0% { opacity: .16; transform: scale(.72); box-shadow: 0 0 0 0 rgba(69,255,226,.35); }
  55% { opacity: .8; transform: scale(1); box-shadow: 0 0 0 12px rgba(69,255,226,.06); }
  100% { opacity: .1; transform: scale(.82); box-shadow: 0 0 0 22px rgba(69,255,226,0); }
}

@keyframes pkBeamSweep {
  from { transform: translateX(55%); }
  to { transform: translateX(-70%); }
}

.pk-access-scene.pk-scene-paused *,
.pk-access-scene.pk-scene-paused *::before,
.pk-access-scene.pk-scene-paused *::after {
  animation-play-state: paused !important;
}

@media (max-width: 1200px) {
  .pk-top .pk-access-scene { min-height: 520px; }
  .pk-gate-body-img { right: 25%; width: 14.5%; }
  .pk-gate-arm-wrap { right: 39%; width: 57%; bottom: 46%; }
  .pk-alpr-full-img { right: 1%; width: 24.5%; }
  .pk-car-wrap { left: 4%; width: 39%; }
  .pk-alpr-status { right: 4%; top: 9%; font-size: 9px; }
  .pk-scene-flow { font-size: 7px; }
}

@media (max-width: 960px) {
  .pk-top .pk-access-scene { min-height: 470px; }
  .pk-access-scene::before { inset: 3% 0 1%; border-radius: 28px; }
  .pk-gate-body-img { right: 24%; bottom: 6%; width: 15%; }
  .pk-gate-arm-wrap { right: 38%; bottom: 45%; width: 58%; height: 44px; }
  .pk-alpr-full-img { right: 0; bottom: 7%; width: 25%; }
  .pk-car-wrap { left: 3%; bottom: 3%; width: 40%; }
  .pk-alpr-status { right: 3%; top: 8%; }
  .pk-scene-flow { left: 10%; right: 2%; }
}

@media (max-width: 640px) {
  .pk-top .pk-access-scene {
    min-height: 370px;
    aspect-ratio: 1.16;
    margin-top: 8px;
  }

  .pk-scene-lane { left: -3%; right: -1%; height: 72%; }
  .pk-scene-halo { width: 78%; height: 78%; }

  .pk-car-wrap {
    left: 0;
    bottom: 2%;
    width: 43%;
  }

  .pk-gate-body-img {
    right: 26%;
    bottom: 5%;
    width: 15.5%;
  }

  .pk-gate-arm-wrap {
    right: 40.5%;
    bottom: 43.5%;
    width: 56%;
    height: 34px;
  }

  .pk-alpr-full-img {
    right: 0;
    bottom: 6%;
    width: 27%;
  }

  .pk-alpr-status {
    right: 2%;
    top: 8%;
    padding: 6px 9px;
    font-size: 8px;
  }

  .pk-alpr-sensor-pulse { right: 14.5%; top: 29%; width: 12px; height: 12px; }
  .pk-alpr-beam { right: 10%; top: 28%; width: 58%; height: 43%; }
  .pk-car-verified { font-size: 7px; padding: 5px 7px; }
  .pk-scene-flow { display: none; }
}

@media (max-width: 430px) {
  .pk-top .pk-access-scene { min-height: 345px; }
  .pk-alpr-status { display: none; }
  .pk-gate-arm-wrap { height: 30px; }
  .pk-car-wrap { width: 45%; }
  .pk-alpr-full-img { width: 28%; }
}

@media (prefers-reduced-motion: reduce) {
  .pk-car-wrap {
    animation: none !important;
    transform: translate(16%, -6%) scale(.86);
    opacity: 1;
  }
  .pk-gate-arm-wrap { animation: none !important; transform: rotate(0deg); }
  .pk-alpr-beam,
  .pk-car-plate-target,
  .pk-car-verified { animation: none !important; opacity: 0; }
}

/* Final hero polish after visual QA */
.pk-top .pk-description,
.pk-top .pk-button,
.pk-top .pk-video {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}

.pk-top .pk-access-scene::before {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pk-top .pk-car-wrap { width: 40%; }
.pk-top .pk-gate-body-img { width: 14.5%; }
.pk-top .pk-gate-arm-wrap { right: 37.4%; width: 60%; }
.pk-top .pk-alpr-full-img { width: 25%; }
.pk-top .pk-scene-flow { opacity: .72; }

@keyframes pkCarAccessFlow {
  0%   { transform: translate(-22%, 17%) scale(1.04); opacity: 0; }
  7%   { opacity: 1; }
  28%  { transform: translate(15%, -7%) scale(.94); opacity: 1; }
  46%  { transform: translate(15%, -7%) scale(.94); opacity: 1; }
  68%  { transform: translate(70%, -43%) scale(.62); opacity: 1; }
  79%  { transform: translate(94%, -58%) scale(.48); opacity: .08; }
  80%, 100% { transform: translate(-22%, 17%) scale(1.04); opacity: 0; }
}

@media (max-width: 960px) {
  .pk-top .pk-car-wrap { width: 43%; }
  .pk-top .pk-gate-body-img { width: 16%; }
  .pk-top .pk-gate-arm-wrap { right: 39%; width: 60%; }
  .pk-top .pk-alpr-full-img { width: 27%; }
}

@media (max-width: 640px) {
  .pk-top .pk-car-wrap { width: 50%; left: -1%; }
  .pk-top .pk-gate-body-img { width: 18%; right: 25%; }
  .pk-top .pk-gate-arm-wrap { right: 40%; width: 62%; }
  .pk-top .pk-alpr-full-img { width: 32%; right: -2%; }
  .pk-top .pk-scene-lane { height: 74%; }
}

@media (max-width: 430px) {
  .pk-top .pk-car-wrap { width: 51%; }
  .pk-top .pk-gate-body-img { width: 18.5%; }
  .pk-top .pk-alpr-full-img { width: 32.5%; }
  .pk-top .pk-gate-arm-wrap { width: 63%; height: 31px; }
}

/* Align the boom pivot visually with the top of the real barrier housing. */
.pk-top .pk-gate-arm-wrap { bottom: 41.5%; }
@media (max-width: 1200px) { .pk-top .pk-gate-arm-wrap { bottom: 42%; } }
@media (max-width: 960px) { .pk-top .pk-gate-arm-wrap { bottom: 42%; } }
@media (max-width: 640px) { .pk-top .pk-gate-arm-wrap { bottom: 43.5%; } }

/* ============================================================
   FINAL HERO PRODUCT INTEGRITY PASS
   Uses full, uncropped Parken assets only. The ALPR is kept
   completely inside the hero, and the car no longer carries a
   rectangular background from the source frame.
   ============================================================ */
.pk-top .pk-access-scene {
  min-height: 570px;
  overflow: visible;
}

.pk-top .pk-scene-lane {
  left: 2%;
  right: 1%;
  bottom: 2%;
  height: 62%;
  opacity: .54;
}

.pk-top .pk-car-wrap {
  left: 2%;
  bottom: 2%;
  width: 35%;
  z-index: 5;
  filter: drop-shadow(0 20px 18px rgba(0,20,30,.34));
}

.pk-top .pk-real-car {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.pk-top .pk-car-plate-target {
  left: 56%;
  top: 64%;
  width: 18%;
  height: 8%;
}

.pk-top .pk-car-verified {
  left: 51%;
  top: 78%;
  font-size: 8px;
  padding: 6px 9px;
}

.pk-top .pk-gate-body-img {
  right: 25.5%;
  bottom: 5.5%;
  width: 13.2%;
  max-height: 70%;
  object-fit: contain;
}

.pk-top .pk-gate-arm-wrap {
  right: 37.8%;
  bottom: 41.2%;
  width: 58%;
  height: 48px;
}

.pk-top .pk-alpr-full-img {
  right: 2%;
  bottom: 4%;
  width: 20.5%;
  height: auto;
  max-height: 84%;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 22px 24px rgba(0,18,30,.38));
}

.pk-top .pk-alpr-status {
  right: 4.5%;
  top: 8%;
  font-size: 9px;
  padding: 7px 11px;
}

.pk-top .pk-alpr-sensor-pulse {
  right: 10.8%;
  top: 27%;
}

.pk-top .pk-alpr-beam {
  right: 8.5%;
  top: 25%;
  width: 55%;
  height: 45%;
}

.pk-top .pk-scene-flow {
  right: 3%;
  bottom: 1%;
  font-size: 7px;
  opacity: .68;
}

@keyframes pkCarAccessFlow {
  0%   { transform: translate(-28%, 18%) scale(1.02); opacity: 0; }
  7%   { opacity: 1; }
  28%  { transform: translate(16%, -5%) scale(.90); opacity: 1; }
  46%  { transform: translate(16%, -5%) scale(.90); opacity: 1; }
  68%  { transform: translate(80%, -40%) scale(.64); opacity: 1; }
  79%  { transform: translate(105%, -55%) scale(.50); opacity: .06; }
  80%, 100% { transform: translate(-28%, 18%) scale(1.02); opacity: 0; }
}

@media (max-width: 1200px) {
  .pk-top .pk-access-scene { min-height: 520px; }
  .pk-top .pk-car-wrap { width: 37%; }
  .pk-top .pk-gate-body-img { width: 14%; right: 25%; }
  .pk-top .pk-gate-arm-wrap { right: 38%; width: 58%; }
  .pk-top .pk-alpr-full-img { width: 21.5%; right: 1.5%; }
}

@media (max-width: 960px) {
  .pk-top .pk-access-scene { min-height: 455px; overflow: hidden; }
  .pk-top .pk-car-wrap { width: 39%; left: 1%; }
  .pk-top .pk-gate-body-img { width: 15.5%; right: 24%; }
  .pk-top .pk-gate-arm-wrap { right: 38.5%; width: 58%; height: 40px; }
  .pk-top .pk-alpr-full-img { width: 24%; right: 0; max-height: 82%; }
  .pk-top .pk-alpr-status { top: 7%; right: 2%; }
}

@media (max-width: 640px) {
  .pk-top .pk-access-scene { min-height: 360px; aspect-ratio: 1.18; }
  .pk-top .pk-scene-lane { height: 68%; left: -2%; right: -2%; }
  .pk-top .pk-car-wrap { width: 43%; left: -1%; bottom: 1%; }
  .pk-top .pk-gate-body-img { width: 17%; right: 24%; bottom: 5%; }
  .pk-top .pk-gate-arm-wrap { right: 39%; width: 58%; height: 30px; bottom: 42.5%; }
  .pk-top .pk-alpr-full-img { width: 27%; right: -1%; bottom: 4%; max-height: 80%; }
  .pk-top .pk-alpr-status { display: none; }
  .pk-top .pk-alpr-sensor-pulse { right: 12%; top: 27%; width: 11px; height: 11px; }
  .pk-top .pk-alpr-beam { right: 8%; top: 26%; width: 58%; height: 44%; }
  .pk-top .pk-car-verified { font-size: 6.5px; padding: 4px 6px; }
}

@media (max-width: 430px) {
  .pk-top .pk-access-scene { min-height: 335px; }
  .pk-top .pk-car-wrap { width: 45%; }
  .pk-top .pk-gate-body-img { width: 17.5%; }
  .pk-top .pk-alpr-full-img { width: 28%; right: -1.5%; }
  .pk-top .pk-gate-arm-wrap { height: 27px; }
}

/* ============================================================
   PARKEN 2026 REFINEMENT — unified premium blue/teal theme
   Inspired by the supplied blue motion reference. Header keeps
   its existing darker glass treatment; all content sections use
   one coherent Parken blue system below it.
   ============================================================ */
:root {
  --pk-theme: #087394;
  --pk-theme-2: #0a6d8b;
  --pk-deep: #04536c;
  --pk-deeper: #033f54;
  --pk-ink: #032c3b;
  --pk-mint: #35f0c5;
  --pk-cyan: #17c8e3;
  --pk-white: #f6feff;
  --pk-muted: #c8e9ef;
  --pk-line: rgba(204, 247, 251, .18);
  --pk-card: rgba(3, 62, 81, .48);
  --pk-card-strong: rgba(3, 54, 72, .70);
}

html { scroll-behavior: smooth; }
body,
.elementor,
.elementor-48 {
  background: var(--pk-theme) !important;
}

/* Keep hero/header identity, but pull the hero into the same palette */
.pk-top { background: var(--pk-theme) !important; }
.pk-hero {
  background:
    linear-gradient(90deg, rgba(2, 52, 71, .91) 0%, rgba(4, 89, 110, .68) 52%, rgba(11, 117, 148, .36) 100%),
    url('assets/hero-background.png') center/cover no-repeat !important;
}
.pk-actions { gap: 18px; }
.pk-actions .pk-button { margin-right: 0; }
.pk-features,
.pk-marquee {
  background: var(--pk-theme) !important;
}
.pk-features {
  border-top: 1px solid rgba(255,255,255,.12);
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.pk-features article {
  background: rgba(2, 58, 77, .24) !important;
  border: 1px solid rgba(216, 251, 255, .12) !important;
  box-shadow: none !important;
}
.pk-features article:hover {
  transform: translateY(-4px);
  background: rgba(2, 58, 77, .40) !important;
  border-color: rgba(53,240,197,.35) !important;
}
.pk-features h2,
.pk-features p { color: var(--pk-white) !important; }
.pk-features p { color: var(--pk-muted) !important; }

/* New premium stats strip */
.pk-stats-v2 {
  position: relative;
  padding: 34px max(22px, calc((100% - 1420px) / 2));
  background: var(--pk-theme) !important;
  border-top: 1px solid rgba(255,255,255,.12);
  border-bottom: 1px solid rgba(255,255,255,.12);
  overflow: hidden;
}
.pk-stats-v2::before {
  content: "";
  position: absolute;
  left: 8%; right: 8%; top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(53,240,197,.75), transparent);
}
.pk-stats-v2-inner {
  max-width: 1420px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid rgba(220, 253, 255, .16);
  border-radius: 24px;
  background: linear-gradient(110deg, rgba(2,63,81,.52), rgba(4,84,103,.30));
  box-shadow: 0 24px 60px rgba(1,34,47,.16);
  overflow: hidden;
}
.pk-stat-v2 {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 26px 24px;
  position: relative;
}
.pk-stat-v2 + .pk-stat-v2::before {
  content:"";
  position:absolute;
  left:0; top:22%; bottom:22%; width:1px;
  background: rgba(225,250,253,.16);
}
.pk-stat-v2-icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  border: 1px solid rgba(116, 245, 222, .28);
  color: var(--pk-mint);
  background: rgba(2, 66, 84, .45);
  font-size: 22px;
}
.pk-stat-v2 strong {
  display: block;
  color: #fff !important;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: clamp(25px, 2.1vw, 39px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.6px;
}
.pk-stat-v2 div > span {
  display: block;
  margin-top: 8px;
  color: #d6f3f5;
  font-size: 13px;
  line-height: 1.3;
}

/* Shared section language */
.pk-section-shell {
  width: min(1420px, calc(100% - 72px));
  margin: 0 auto;
}
.pk-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 17px;
  color: var(--pk-mint);
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 2.6px;
}
.pk-kicker::before {
  content:"";
  width: 28px;
  height: 1px;
  background: currentColor;
}
.pk-section-head { margin-bottom: 42px; }
.pk-section-head-split {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .7fr);
  gap: 70px;
  align-items: end;
}
.pk-section-head h2,
.pk-about-v2 h2,
.pk-contact-v2 h2,
.pk-clients-v2 h2 {
  margin: 0;
  color: #fff !important;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: clamp(35px, 4vw, 64px);
  line-height: 1.02;
  letter-spacing: -2px;
  font-weight: 850;
}
.pk-section-head h2 em,
.pk-about-v2 h2 em,
.pk-contact-v2 h2 em,
.pk-clients-v2 h2 em {
  font-style: normal;
  font-weight: 850;
  background: linear-gradient(90deg, #8ef7ff, #35f0c5);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.pk-section-head > p,
.pk-clients-intro > p {
  margin: 0;
  color: var(--pk-muted);
  font-size: 16px;
  line-height: 1.75;
}

/* About Parken — editorial, installation-led visual instead of product image */
.pk-about-v2 {
  padding: 110px 0;
  background: var(--pk-theme) !important;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.pk-about-v2::after {
  content:"";
  position:absolute;
  width:620px; height:620px;
  right:-250px; bottom:-300px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(53,240,197,.13), transparent 65%);
  pointer-events:none;
}
.pk-about-v2-grid {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 78px;
  align-items: center;
}
.pk-about-v2-copy { position:relative; z-index:2; }
.pk-about-v2-copy > p {
  max-width: 650px;
  color: var(--pk-muted);
  font-size: 16px;
  line-height: 1.8;
  margin: 22px 0 0;
}
.pk-about-v2-copy .pk-about-v2-lead {
  color: #f0fcff;
  font-size: 18px;
  line-height: 1.75;
}
.pk-about-v2-values {
  margin-top: 35px;
  border-top: 1px solid var(--pk-line);
}
.pk-about-v2-values > div {
  display:grid;
  grid-template-columns: 44px 1fr;
  gap: 17px;
  align-items:center;
  padding: 17px 0;
  border-bottom: 1px solid var(--pk-line);
}
.pk-about-v2-values b {
  color: var(--pk-mint);
  font: 800 12px/1 'Montserrat',Arial,sans-serif;
  letter-spacing: 1px;
}
.pk-about-v2-values span { color:#eaf9fb; font-size:14px; }
.pk-text-link {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:28px;
  color:#fff !important;
  font:700 13px/1 'Montserrat',Arial,sans-serif;
  letter-spacing:.6px;
}
.pk-text-link span { color:var(--pk-mint); font-size:18px; }
.pk-about-v2-visual {
  min-height: 620px;
  position: relative;
  z-index:1;
}
.pk-about-v2-visual figure {
  margin:0;
  position:absolute;
  overflow:hidden;
  border:1px solid rgba(222,253,255,.20);
  box-shadow: 0 28px 70px rgba(1,30,42,.22);
}
.pk-about-v2-visual img { width:100%; height:100%; object-fit:cover; display:block; }
.pk-about-main {
  inset: 0 10% 10% 17%;
  border-radius: 30px;
}
.pk-about-small { width: 33%; height: 29%; border-radius: 20px; }
.pk-about-small-a { left:0; top:10%; }
.pk-about-small-b { right:0; bottom:0; }
.pk-about-badge-v2 {
  position:absolute;
  left:4%; bottom:5%;
  width:150px; height:150px;
  border-radius:50%;
  display:grid;
  place-content:center;
  text-align:center;
  background: rgba(3,51,70,.92);
  border:1px solid rgba(122,245,226,.32);
  box-shadow: 0 16px 42px rgba(1,29,39,.34);
}
.pk-about-badge-v2 strong { font:900 43px/1 'Montserrat',Arial,sans-serif; color:#fff; }
.pk-about-badge-v2 span { margin-top:8px; color:#bfe9ed; font-size:11px; max-width:92px; }

/* Why Parken — quiet six-point architecture */
.pk-why-v2 {
  padding: 105px 0 112px;
  background: var(--pk-theme) !important;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.10);
}
.pk-why-grid {
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:1px;
  background: rgba(220,252,255,.16);
  border:1px solid rgba(220,252,255,.16);
  border-radius:28px;
  overflow:hidden;
}
.pk-why-grid article {
  min-height: 230px;
  padding: 33px 30px;
  background: rgba(3,69,88,.84);
  position:relative;
  transition: background .25s ease, transform .25s ease;
}
.pk-why-grid article:hover { background: rgba(3,79,98,.96); }
.pk-why-grid article > span {
  display:inline-block;
  color:rgba(178,247,241,.58);
  font:800 11px/1 'Montserrat',Arial,sans-serif;
  letter-spacing:1.3px;
}
.pk-why-grid h3 {
  margin:45px 0 12px;
  color:#fff !important;
  font:800 19px/1.25 'Montserrat',Arial,sans-serif;
}
.pk-why-grid p { margin:0; color:#c8e7eb; font-size:14px; line-height:1.7; }

/* Clients — restrained wordmark wall; Hotel Maluri intentionally omitted */
.pk-clients-v2 {
  padding: 100px 0;
  background: var(--pk-theme) !important;
  border-top: 1px solid rgba(255,255,255,.10);
}
.pk-clients-v2 .pk-section-shell {
  display:grid;
  grid-template-columns: .7fr 1.3fr;
  gap:74px;
  align-items:center;
}
.pk-client-wordmarks {
  display:grid;
  grid-template-columns: repeat(3,1fr);
  border:1px solid rgba(220,252,255,.16);
  border-radius:26px;
  overflow:hidden;
  background:rgba(2,65,84,.26);
}
.pk-client-wordmarks > div {
  min-height:130px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-right:1px solid rgba(220,252,255,.12);
  border-bottom:1px solid rgba(220,252,255,.12);
  padding:24px;
  transition:background .2s ease;
}
.pk-client-wordmarks > div:nth-child(3n) { border-right:0; }
.pk-client-wordmarks > div:nth-last-child(-n+3) { border-bottom:0; }
.pk-client-wordmarks > div:hover { background:rgba(3,83,102,.54); }
.pk-client-wordmarks strong {
  color:#fff;
  font:800 16px/1.1 'Montserrat',Arial,sans-serif;
  letter-spacing:.7px;
}
.pk-client-wordmarks span {
  margin-top:7px;
  color:#9edce2;
  font:600 9px/1 'Montserrat',Arial,sans-serif;
  letter-spacing:1.6px;
}

/* Testimonials — editorial rail instead of ordinary equal cards */
.pk-testimonials-v2 {
  padding: 110px 0 120px;
  background: var(--pk-theme) !important;
  border-top:1px solid rgba(255,255,255,.10);
}
.pk-testimonial-rail {
  display:grid;
  grid-template-columns: repeat(12,1fr);
  gap:18px;
}
.pk-testimonial-card {
  grid-column: span 4;
  min-height: 330px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:30px;
  border-radius:22px;
  border:1px solid rgba(218,252,255,.15);
  background: rgba(3,60,79,.48);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.pk-testimonial-card::after {
  content:"";
  position:absolute;
  left:0; right:0; bottom:0; height:3px;
  background:linear-gradient(90deg, transparent, rgba(53,240,197,.70), transparent);
  opacity:0;
  transition:opacity .25s ease;
}
.pk-testimonial-card:hover::after { opacity:1; }
.pk-testimonial-featured {
  grid-column: span 8;
  min-height: 350px;
  background: linear-gradient(135deg, rgba(3,58,78,.90), rgba(5,96,112,.62));
}
.pk-quote-mark {
  color:var(--pk-mint);
  font:500 76px/.7 Georgia,serif;
  opacity:.95;
}
.pk-testimonial-card p {
  margin:24px 0 28px;
  color:#effbfc;
  font-size:15px;
  line-height:1.75;
}
.pk-testimonial-featured p { max-width:780px; font-size:21px; line-height:1.65; }
.pk-testimonial-card footer { display:flex; flex-direction:column; gap:5px; }
.pk-testimonial-card footer b { color:#fff; font:800 14px/1.2 'Montserrat',Arial,sans-serif; }
.pk-testimonial-card footer span { color:#a8dbe0; font-size:12px; line-height:1.4; }

/* Contact / enquiry */
.pk-contact-v2 {
  padding: 110px 0;
  background: var(--pk-theme) !important;
  border-top:1px solid rgba(255,255,255,.10);
}
.pk-contact-grid {
  display:grid;
  grid-template-columns: .82fr 1.18fr;
  gap:76px;
  align-items:start;
}
.pk-contact-copy > p { color:var(--pk-muted); font-size:16px; line-height:1.75; max-width:610px; }
.pk-contact-details { margin-top:36px; display:grid; gap:1px; border-radius:20px; overflow:hidden; border:1px solid rgba(220,252,255,.16); }
.pk-contact-details a {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:17px 18px;
  background:rgba(3,62,81,.45);
  color:#fff !important;
  border-bottom:1px solid rgba(220,252,255,.10);
}
.pk-contact-details a:last-child { border-bottom:0; }
.pk-contact-details small { color:#9ed8de; font:700 10px/1 'Montserrat',Arial,sans-serif; letter-spacing:1.3px; text-transform:uppercase; }
.pk-contact-details strong { font:700 13px/1.2 'Montserrat',Arial,sans-serif; text-align:right; }
.pk-enquiry-form {
  padding:34px;
  border-radius:28px;
  background:rgba(3,58,77,.58);
  border:1px solid rgba(221,252,255,.16);
  box-shadow:0 24px 60px rgba(2,34,47,.18);
}
.pk-form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pk-enquiry-form label { display:block; margin-bottom:16px; }
.pk-enquiry-form label > span { display:block; margin-bottom:8px; color:#d9f4f6; font:700 10px/1 'Montserrat',Arial,sans-serif; letter-spacing:1.1px; text-transform:uppercase; }
.pk-enquiry-form input,
.pk-enquiry-form select,
.pk-enquiry-form textarea {
  width:100%;
  border:1px solid rgba(221,252,255,.14);
  border-radius:12px;
  padding:14px 15px;
  background:rgba(2,49,67,.55);
  color:#fff;
  outline:none;
  font:500 14px/1.4 Arial,sans-serif;
}
.pk-enquiry-form input::placeholder,
.pk-enquiry-form textarea::placeholder { color:#8fc2ca; }
.pk-enquiry-form input:focus,
.pk-enquiry-form select:focus,
.pk-enquiry-form textarea:focus { border-color:rgba(53,240,197,.65); box-shadow:0 0 0 3px rgba(53,240,197,.08); }
.pk-enquiry-form select option { color:#052c3a; }
.pk-submit {
  border:0;
  border-radius:999px;
  padding:15px 22px;
  display:inline-flex;
  align-items:center;
  gap:18px;
  background:linear-gradient(90deg,#1cebc7,#30f19f);
  color:#033b49;
  font:800 12px/1 'Montserrat',Arial,sans-serif;
  letter-spacing:.8px;
  cursor:pointer;
}

/* Footer */
.pk-footer-v2 {
  background: var(--pk-deeper) !important;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.10);
}
.pk-footer-grid {
  display:grid;
  grid-template-columns:1.45fr 1fr .75fr .75fr;
  gap:54px;
  padding:70px 0 58px;
}
.pk-footer-brand img { width:120px; height:auto; object-fit:contain; }
.pk-footer-brand p { max-width:390px; margin:20px 0 18px; color:#c6e5e8; font-size:14px; line-height:1.7; }
.pk-footer-brand > span { color:#8fc2ca; font-size:12px; line-height:1.6; }
.pk-footer-col { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.pk-footer-col h3 { margin:0 0 12px; color:#fff !important; font:800 14px/1.1 'Montserrat',Arial,sans-serif; }
.pk-footer-col a { color:#b8dde1 !important; font-size:12.5px; line-height:1.5; transition:color .2s ease; }
.pk-footer-col a:hover { color:var(--pk-mint) !important; }
.pk-footer-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding:18px max(36px, calc((100% - 1420px) / 2));
  border-top:1px solid rgba(255,255,255,.09);
  color:#80b5bd;
  font-size:11px;
}
.pk-footer-bottom a { color:#bce6e8 !important; }

/* Suppress the old lower Elementor CTA/footer that may survive plugin CSS */
.elementor-element-35037421,
.elementor-element-76df3d47,
.elementor-element-c11b978,
.elementor-element-73dc5373,
.elementor-element-60b4a533,
.elementor-element-e484826 { display:none !important; }

/* Any untouched legacy/hidden blocks inherit the same site background. */
.elementor-section,
.e-con { --background-transition:.3s; }

@media (max-width: 1100px) {
  .pk-section-shell { width:min(100% - 44px, 1420px); }
  .pk-about-v2-grid,
  .pk-contact-grid { gap:44px; }
  .pk-about-v2-visual { min-height:520px; }
  .pk-why-grid { grid-template-columns:repeat(2,1fr); }
  .pk-clients-v2 .pk-section-shell { grid-template-columns:1fr; gap:40px; }
  .pk-client-wordmarks { grid-template-columns:repeat(3,1fr); }
  .pk-footer-grid { grid-template-columns:1.3fr 1fr 1fr; }
  .pk-footer-grid .pk-footer-col:last-child { grid-column:2 / 4; flex-direction:row; flex-wrap:wrap; column-gap:20px; }
}

@media (max-width: 860px) {
  .pk-stats-v2-inner { grid-template-columns:repeat(2,1fr); }
  .pk-stat-v2:nth-child(5) { grid-column:1 / -1; justify-content:center; }
  .pk-stat-v2 + .pk-stat-v2::before { display:none; }
  .pk-stat-v2 { border-bottom:1px solid rgba(225,250,253,.12); }
  .pk-about-v2-grid,
  .pk-contact-grid,
  .pk-section-head-split { grid-template-columns:1fr; }
  .pk-about-v2-visual { min-height:560px; order:-1; }
  .pk-section-head-split { gap:22px; }
  .pk-testimonial-card,
  .pk-testimonial-featured { grid-column:span 6; min-height:300px; }
  .pk-testimonial-featured p { font-size:18px; }
  .pk-footer-grid { grid-template-columns:1fr 1fr; }
  .pk-footer-grid .pk-footer-col:last-child { grid-column:auto; flex-direction:column; }
}

@media (max-width: 640px) {
  .pk-section-shell { width:calc(100% - 32px); }
  .pk-about-v2,
  .pk-why-v2,
  .pk-clients-v2,
  .pk-testimonials-v2,
  .pk-contact-v2 { padding:76px 0; }
  .pk-stats-v2 { padding:24px 14px; }
  .pk-stats-v2-inner { grid-template-columns:1fr; border-radius:20px; }
  .pk-stat-v2:nth-child(5) { grid-column:auto; justify-content:flex-start; }
  .pk-stat-v2 { padding:19px 20px; border-bottom:1px solid rgba(225,250,253,.11); }
  .pk-stat-v2:last-child { border-bottom:0; }
  .pk-stat-v2 strong { font-size:28px; }
  .pk-about-v2-visual { min-height:410px; }
  .pk-about-main { inset:0 0 12% 7%; border-radius:22px; }
  .pk-about-small { width:36%; height:28%; }
  .pk-about-small-a { left:0; top:9%; }
  .pk-about-small-b { right:0; bottom:0; }
  .pk-about-badge-v2 { width:112px; height:112px; left:2%; bottom:3%; }
  .pk-about-badge-v2 strong { font-size:32px; }
  .pk-why-grid { grid-template-columns:1fr; border-radius:22px; }
  .pk-why-grid article { min-height:auto; padding:25px 23px; }
  .pk-why-grid h3 { margin-top:28px; }
  .pk-client-wordmarks { grid-template-columns:1fr 1fr; border-radius:20px; }
  .pk-client-wordmarks > div:nth-child(3n) { border-right:1px solid rgba(220,252,255,.12); }
  .pk-client-wordmarks > div:nth-child(2n) { border-right:0; }
  .pk-client-wordmarks > div:nth-last-child(-n+3) { border-bottom:1px solid rgba(220,252,255,.12); }
  .pk-client-wordmarks > div:nth-last-child(-n+2) { border-bottom:0; }
  .pk-client-wordmarks > div { min-height:110px; padding:18px; }
  .pk-testimonial-rail { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; scrollbar-width:none; }
  .pk-testimonial-rail::-webkit-scrollbar { display:none; }
  .pk-testimonial-card,
  .pk-testimonial-featured { min-width:84vw; min-height:320px; scroll-snap-align:start; }
  .pk-form-row { grid-template-columns:1fr; gap:0; }
  .pk-enquiry-form { padding:24px 20px; border-radius:22px; }
  .pk-contact-details a { align-items:flex-start; flex-direction:column; gap:7px; }
  .pk-contact-details strong { text-align:left; }
  .pk-footer-grid { grid-template-columns:1fr; gap:34px; padding:55px 0 42px; }
  .pk-footer-bottom { flex-direction:column; align-items:flex-start; padding:16px; }
}
.pk-stat-v2-icon svg { width:23px; height:23px; display:block; }

/* Remove top animated vehicle/ALPR/barrier scene and use a clean static hero visual */
.pk-content-clean {
  grid-template-columns: minmax(0, 620px) 1fr;
  min-height: 520px;
  gap: 32px;
}

.pk-content-clean .pk-copy {
  max-width: 620px;
}

.pk-hero-clean-visual {
  position: relative;
  min-height: 500px;
  width: 100%;
  overflow: hidden;
  border-radius: 32px;
  border: 1px solid rgba(123, 239, 228, 0.14);
  background:
    radial-gradient(circle at 72% 26%, rgba(82, 236, 223, 0.22), transparent 22%),
    radial-gradient(circle at 66% 60%, rgba(10, 192, 212, 0.16), transparent 18%),
    linear-gradient(140deg, rgba(4, 45, 57, 0.35), rgba(6, 87, 89, 0.08));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 60px rgba(0, 15, 24, 0.14);
}

.pk-hero-clean-visual::before,
.pk-hero-clean-visual::after {
  content: "";
  position: absolute;
  inset: auto;
  border-radius: 999px;
  pointer-events: none;
}

.pk-hero-clean-visual::before {
  width: 540px;
  height: 540px;
  right: -60px;
  top: -50px;
  border: 1px solid rgba(168, 247, 236, 0.12);
  box-shadow: 0 0 0 44px rgba(168, 247, 236, 0.05), 0 0 0 92px rgba(168, 247, 236, 0.03);
}

.pk-hero-clean-visual::after {
  width: 260px;
  height: 260px;
  left: 12%;
  bottom: 8%;
  background: radial-gradient(circle, rgba(26, 215, 214, 0.14), rgba(26, 215, 214, 0));
  filter: blur(6px);
}

.pk-clean-orb {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, rgba(237,255,255,.85), rgba(54, 244, 211, .15) 34%, rgba(54,244,211,0) 70%);
  box-shadow: 0 0 28px rgba(60, 245, 219, .16);
}

.pk-clean-orb-a {
  width: 120px;
  height: 120px;
  right: 16%;
  top: 22%;
}

.pk-clean-orb-b {
  width: 42px;
  height: 42px;
  right: 23%;
  bottom: 26%;
}

.pk-clean-line {
  position: absolute;
  height: 1px;
  background: linear-gradient(90deg, rgba(56, 251, 217, 0), rgba(56, 251, 217, .7), rgba(56, 251, 217, 0));
  transform-origin: left center;
}

.pk-clean-line-a {
  width: 300px;
  right: 13%;
  top: 36%;
  transform: rotate(-12deg);
}

.pk-clean-line-b {
  width: 220px;
  right: 9%;
  top: 58%;
  transform: rotate(8deg);
}

.pk-clean-badge {
  position: absolute;
  left: 10%;
  bottom: 12%;
  display: inline-flex;
  align-items: center;
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(4, 41, 52, 0.74);
  border: 1px solid rgba(129, 245, 227, 0.18);
  box-shadow: 0 10px 24px rgba(0, 20, 32, 0.16);
  color: #ecfffe;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.6px;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .pk-content-clean {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 28px;
  }

  .pk-hero-clean-visual {
    min-height: 320px;
  }
}

@media (max-width: 767px) {
  .pk-content-clean {
    padding-bottom: 28px;
  }

  .pk-hero-clean-visual {
    min-height: 250px;
    border-radius: 24px;
  }

  .pk-hero-clean-visual::before {
    width: 320px;
    height: 320px;
    right: -60px;
    top: -34px;
    box-shadow: 0 0 0 26px rgba(168, 247, 236, 0.05), 0 0 0 56px rgba(168, 247, 236, 0.03);
  }

  .pk-clean-orb-a {
    width: 88px;
    height: 88px;
    right: 15%;
    top: 22%;
  }

  .pk-clean-line-a { width: 190px; top: 38%; }
  .pk-clean-line-b { width: 145px; top: 61%; }
  .pk-clean-badge {
    left: 8%;
    bottom: 10%;
    padding: 10px 14px;
    font-size: 10px;
    letter-spacing: 1.2px;
  }
}

/* === September 7 redesign refinements === */
:root {
  --pk-deep: #062f3d;
  --pk-deep-2: #0b5f78;
  --pk-panel: rgba(4, 49, 63, 0.9);
  --pk-panel-2: rgba(7, 79, 94, 0.74);
  --pk-accent: #23e2d4;
  --pk-accent-2: #52ef73;
  --pk-text-soft: rgba(235, 248, 250, 0.78);
}

body,
.pk-main,
.pk-about-v3,
.pk-why-v3,
.pk-clients-v3,
.pk-references-v3,
.pk-testimonials-v3,
.pk-contact-v2,
.pk-footer-v2 {
  background: linear-gradient(180deg, #0b718e 0%, #08586f 18%, #053f52 54%, #032d3d 100%);
}

.pk-kicker,
.pk-mini-kicker {
  color: #73fff2;
}

.pk-copy h1 {
  margin: 0;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: clamp(54px, 6.7vw, 88px);
  line-height: 0.92;
  letter-spacing: -2.4px;
  font-weight: 900;
  text-transform: uppercase;
}

.pk-copy h1 span {
  display: inline-block;
  background: linear-gradient(90deg, #00b7ff 0%, #17e3dc 52%, #5ef06a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.pk-eyebrow {
  font-size: 11px;
  letter-spacing: 3.4px;
  text-transform: uppercase;
  color: rgba(92, 246, 232, 0.88);
}

.pk-description { max-width: 560px; }

.pk-about-v3,
.pk-why-v3,
.pk-clients-v3,
.pk-references-v3,
.pk-testimonials-v3,
.pk-contact-v2 {
  position: relative;
  overflow: hidden;
}

.pk-about-v3::before,
.pk-why-v3::before,
.pk-clients-v3::before,
.pk-references-v3::before,
.pk-testimonials-v3::before,
.pk-contact-v2::before {
  content: "";
  position: absolute;
  inset: -10% auto auto -8%;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(57, 255, 230, 0.12), rgba(57,255,230,0));
  pointer-events: none;
}

.pk-about-head-v3,
.pk-why-head-v3,
.pk-clients-head-v3,
.pk-references-head-v3,
.pk-testimonials-head-v3 {
  margin-bottom: 34px;
}

.pk-about-v3-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  gap: 26px;
  align-items: stretch;
}

.pk-about-v3-story {
  display: grid;
  gap: 20px;
}

.pk-about-v3-card,
.pk-why-highlight,
.pk-testimonial-card-v3,
.pk-reference-placeholder,
.pk-enquiry-form {
  border: 1px solid rgba(145, 247, 236, 0.14);
  background: linear-gradient(180deg, rgba(4, 56, 71, 0.92), rgba(4, 45, 57, 0.88));
  box-shadow: 0 16px 48px rgba(0, 18, 30, 0.14), inset 0 1px 0 rgba(255,255,255,0.06);
}

.pk-about-v3-card {
  padding: 28px;
  border-radius: 30px;
}

.pk-about-story-card h3,
.pk-why-highlight-copy h3 {
  margin: 10px 0 12px;
  font-size: clamp(28px, 2.6vw, 38px);
  line-height: 1.04;
  letter-spacing: -0.6px;
}

.pk-about-v3-points {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.pk-about-v3-points article {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 16px;
  align-items: start;
  padding: 18px 18px 18px 16px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(7, 117, 138, 0.36), rgba(4, 66, 80, 0.22));
  border: 1px solid rgba(133, 244, 231, 0.12);
}

.pk-about-v3-points article b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  font-size: 17px;
  background: rgba(20, 227, 208, 0.12);
  color: #72fff1;
}

.pk-about-v3-points h4 {
  margin: 0 0 6px;
  font-size: 20px;
}

.pk-about-v3-points p,
.pk-about-v3-card p,
.pk-why-highlight-copy p,
.pk-client-shot figcaption span,
.pk-reference-placeholder span,
.pk-contact-copy p,
.pk-contact-details a small,
.pk-enquiry-form label span,
.pk-footer-brand p,
.pk-footer-brand span,
.pk-footer-col a,
.pk-footer-bottom,
.pk-section-head-split > p {
  color: var(--pk-text-soft);
}

.pk-about-v3-gallery {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(180px, .8fr);
  grid-template-rows: 1fr 1fr;
  gap: 18px;
  min-height: 620px;
}

.pk-about-media {
  margin: 0;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(150, 247, 237, 0.14);
  box-shadow: 0 18px 42px rgba(0, 20, 32, 0.16);
  background: rgba(3, 40, 50, 0.72);
}

.pk-about-media img,
.pk-client-shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pk-about-media-main { grid-row: 1 / span 2; }
.pk-about-media-top { grid-column: 2; grid-row: 1; }
.pk-about-media-bottom { grid-column: 2; grid-row: 2; }

.pk-about-badge-v3 {
  position: absolute;
  left: 22px;
  bottom: 22px;
  max-width: 220px;
  padding: 22px 24px;
  border-radius: 28px;
  background: rgba(4, 48, 62, 0.84);
  border: 1px solid rgba(132, 245, 231, 0.16);
  backdrop-filter: blur(8px);
}

.pk-about-badge-v3 strong {
  display: block;
  font-size: 54px;
  line-height: .92;
  margin-bottom: 10px;
}

.pk-about-badge-v3 span {
  display: block;
  font-size: 15px;
  color: #e9f9fa;
}

.pk-why-highlight {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 20px;
  align-items: center;
  padding: 28px;
  border-radius: 32px;
  margin-bottom: 24px;
}

.pk-why-highlight-stat {
  min-height: 100%;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 28px 22px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(9, 143, 157, 0.55), rgba(71, 232, 111, 0.18));
  border: 1px solid rgba(151, 245, 235, 0.14);
}

.pk-why-highlight-stat strong {
  font-size: 30px;
}

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

.pk-why-grid-v3 article {
  position: relative;
  padding: 28px 24px 24px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(5, 63, 79, 0.96), rgba(4, 49, 62, 0.9));
  border: 1px solid rgba(144, 245, 234, 0.12);
  overflow: hidden;
}

.pk-why-grid-v3 article::after,
.pk-client-shot::after,
.pk-testimonial-card-v3::after,
.pk-enquiry-form::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 72px;
  height: 72px;
  background: linear-gradient(135deg, rgba(95, 240, 225, 0.34), rgba(95,240,225,0));
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.pk-why-grid-v3 article span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(28, 232, 212, 0.12);
  color: #69fff0;
  margin-bottom: 16px;
}

.pk-why-grid-v3 article h3 {
  margin: 0 0 10px;
  font-size: 22px;
}

.pk-clients-v3 .pk-section-shell,
.pk-references-v3 .pk-section-shell,
.pk-testimonials-v3 .pk-section-shell,
.pk-contact-v2 .pk-section-shell {
  position: relative;
  z-index: 1;
}

.pk-client-gallery-v3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.pk-client-shot {
  position: relative;
  margin: 0;
  border-radius: 30px;
  overflow: hidden;
  min-height: 250px;
  border: 1px solid rgba(148, 247, 235, 0.14);
  background: rgba(4, 53, 66, 0.84);
  box-shadow: 0 18px 46px rgba(0, 18, 30, 0.15);
}

.pk-client-shot-wide { grid-column: span 2; min-height: 340px; }

.pk-client-shot figcaption {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(2, 36, 47, 0.8);
  border: 1px solid rgba(141, 245, 234, 0.12);
  backdrop-filter: blur(8px);
}

.pk-client-shot figcaption strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.pk-reference-placeholder {
  min-height: 230px;
  border-radius: 34px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 28px;
}

.pk-reference-placeholder strong {
  display: block;
  font-size: clamp(32px, 4vw, 52px);
  margin-bottom: 10px;
}

.pk-testimonial-rail-v3 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(320px, 1fr);
  gap: 18px;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x proximity;
}

.pk-testimonial-rail-v3::-webkit-scrollbar { height: 10px; }
.pk-testimonial-rail-v3::-webkit-scrollbar-thumb { background: rgba(91, 237, 225, 0.28); border-radius: 999px; }

.pk-testimonial-card-v3 {
  position: relative;
  scroll-snap-align: start;
  padding: 32px 28px 28px;
  border-radius: 30px;
  min-height: 320px;
}

.pk-testimonial-card-v3 .pk-quote-mark {
  display: block;
  font-size: 62px;
  line-height: .8;
  color: rgba(107, 248, 234, 0.76);
  margin-bottom: 16px;
}

.pk-testimonial-card-v3 p {
  font-size: 20px;
  line-height: 1.56;
  margin: 0 0 24px;
}

.pk-testimonial-card-v3 footer {
  display: grid;
  gap: 6px;
  color: var(--pk-text-soft);
}

.pk-testimonial-card-v3 footer b {
  color: #fff;
  font-size: 18px;
}

.pk-contact-v2 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.pk-contact-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 28px;
  align-items: start;
}

.pk-contact-copy {
  padding: 18px 0;
}

.pk-contact-copy h2 { margin-bottom: 18px; }

.pk-contact-details {
  display: grid;
  gap: 14px;
  margin-top: 28px;
}

.pk-contact-details a {
  display: grid;
  gap: 4px;
  padding: 18px 20px;
  border-radius: 22px;
  text-decoration: none;
  border: 1px solid rgba(146, 247, 234, 0.14);
  background: rgba(4, 53, 66, 0.72);
}

.pk-contact-details a strong { color: #fff; font-size: 20px; }

.pk-enquiry-form {
  position: relative;
  padding: 28px;
  border-radius: 34px;
}

.pk-enquiry-form input,
.pk-enquiry-form textarea,
.pk-enquiry-form select {
  border-radius: 18px;
  border: 1px solid rgba(143, 245, 235, 0.14);
  background: rgba(3, 43, 54, 0.84);
}

.pk-submit {
  border-radius: 999px;
  min-height: 56px;
  padding-inline: 24px;
  letter-spacing: 1px;
}

.pk-footer-v2 {
  background: linear-gradient(180deg, #042a35 0%, #021f29 100%);
  border-top: 1px solid rgba(132, 245, 231, 0.12);
}

.pk-footer-grid { gap: 30px; }

.pk-footer-col h3,
.pk-footer-brand p,
.pk-footer-brand span,
.pk-footer-col a,
.pk-footer-bottom span,
.pk-footer-bottom a {
  color: #ebf6f7;
}

@media (max-width: 1100px) {
  .pk-about-v3-layout,
  .pk-contact-grid,
  .pk-why-highlight {
    grid-template-columns: 1fr;
  }

  .pk-why-grid-v3,
  .pk-client-gallery-v3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pk-client-shot-wide { grid-column: span 2; }
  .pk-about-v3-gallery { min-height: 540px; }
}

@media (max-width: 767px) {
  .pk-copy h1 {
    font-size: clamp(42px, 11vw, 60px);
    letter-spacing: -1.4px;
  }

  .pk-about-v3-card,
  .pk-why-highlight,
  .pk-testimonial-card-v3,
  .pk-enquiry-form,
  .pk-reference-placeholder { border-radius: 24px; }

  .pk-about-v3-layout,
  .pk-client-gallery-v3,
  .pk-why-grid-v3,
  .pk-form-row,
  .pk-contact-grid {
    grid-template-columns: 1fr;
  }

  .pk-about-v3-gallery {
    min-height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .pk-about-media-main,
  .pk-about-media-top,
  .pk-about-media-bottom,
  .pk-client-shot-wide {
    grid-column: auto;
    grid-row: auto;
    min-height: 220px;
  }

  .pk-about-badge-v3 {
    position: static;
    max-width: none;
  }

  .pk-about-v3-points article {
    grid-template-columns: 44px 1fr;
    gap: 12px;
    padding: 16px;
  }

  .pk-about-v3-points article b {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .pk-why-grid-v3 article,
  .pk-client-shot,
  .pk-testimonial-card-v3 { min-height: auto; }

  .pk-testimonial-rail-v3 {
    grid-auto-columns: minmax(270px, 88vw);
  }

  .pk-testimonial-card-v3 p { font-size: 18px; }

  .pk-contact-v2 {
    padding-top: 86px;
    padding-bottom: 90px;
  }
}

/* ===== Final corporate sizing + PYRO-inspired content flow ===== */
.pk-hero-title {
  display: inline-block;
  width: max-content;
  max-width: 100%;
  margin: 0;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
  font-size: clamp(46px, 4.4vw, 66px) !important;
  line-height: .98 !important;
  letter-spacing: -1.7px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
}
.pk-hero-title .pk-title-line { display: block; width: max-content; max-width: 100%; }
.pk-hero-title .pk-title-line-middle { margin-top: 2px; }
.pk-hero-title .pk-title-access {
  margin: 3px auto 0;
  font-size: 1.08em;
  letter-spacing: -2px;
  text-align: center;
  background: linear-gradient(90deg, #03b9f0 0%, #14dfe1 48%, #51ef69 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.pk-about-v4 h2,
.pk-why-v4 h2,
.pk-clients-v4 h2,
.pk-testimonials-v4 h2,
.pk-contact-v2 h2,
.pk-references-v4 h2 {
  font-size: clamp(32px, 3vw, 44px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.7px !important;
}
.pk-about-v4 h3,
.pk-why-v4 h3,
.pk-clients-v4 h3,
.pk-testimonials-v4 h3,
.pk-contact-v2 h3,
.pk-references-v4 h3 {
  font-size: 21px !important;
  line-height: 1.3 !important;
}
.pk-about-v4 p,
.pk-why-v4 p,
.pk-clients-v4 p,
.pk-testimonials-v4 p,
.pk-contact-v2 p,
.pk-references-v4 p {
  font-size: 15.5px !important;
  line-height: 1.72 !important;
}
.pk-kicker,
.pk-mini-kicker {
  font-size: 11px !important;
  letter-spacing: 2.2px !important;
  font-weight: 700 !important;
}
.pk-section-shell { max-width: 1240px; }
.pk-section-head { margin-bottom: 32px; }
.pk-section-head-split { gap: 56px; }

.pk-about-v4 {
  background: linear-gradient(180deg, #0b718e 0%, #075d77 28%, #064b61 64%, #053e52 100%);
  color: #fff;
}
.pk-about-banner-v4 {
  position: relative;
  min-height: 320px;
  display: grid;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(3,25,37,.88), rgba(3,42,54,.54)),
    url('assets/about-site-real.jpg') center 42%/cover no-repeat;
  border-bottom: 1px solid rgba(152,245,235,.12);
}
.pk-about-banner-inner-v4 { text-align: center; }
.pk-about-banner-inner-v4 h2 {
  margin: 8px 0 10px;
  font-size: clamp(38px, 4vw, 54px) !important;
}
.pk-about-banner-inner-v4 h2 em { color: #28e4d5; font-style: normal; }
.pk-about-banner-inner-v4 p { max-width: 660px; margin: 0 auto; color: rgba(238,250,251,.82); }

.pk-about-story-v4 {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: 54px;
  align-items: center;
  padding-top: 86px;
  padding-bottom: 86px;
}
.pk-about-story-copy-v4 h2 { margin: 10px 0 18px; }
.pk-about-story-copy-v4 h2 em { color: #55ef83; font-style: normal; }
.pk-about-story-copy-v4 p { color: rgba(237,249,250,.8); margin: 0 0 14px; }
.pk-about-story-image-v4 {
  margin: 0;
  min-height: 420px;
  border-radius: 30px 8px 30px 8px;
  overflow: hidden;
  border: 1px solid rgba(145,246,234,.16);
  box-shadow: 0 24px 54px rgba(0,24,37,.22);
}
.pk-about-story-image-v4 img { width:100%; height:100%; min-height:420px; object-fit:cover; display:block; }
.pk-about-story-actions-v4 { display:flex; gap:14px; align-items:center; margin-top:24px; flex-wrap:wrap; }
.pk-outline-link-v4 {
  display:inline-flex; align-items:center; min-height:48px; padding:0 20px; border-radius:999px;
  border:1px solid rgba(181,248,240,.22); color:#efffff; text-decoration:none; font-size:12px; font-weight:700; letter-spacing:.6px;
}

.pk-about-band-v4 {
  padding: 82px 0;
  background: linear-gradient(180deg, rgba(3,42,56,.55), rgba(2,35,47,.72));
  border-top: 1px solid rgba(145,246,234,.08);
  border-bottom: 1px solid rgba(145,246,234,.08);
}
.pk-centered-heading-v4 { text-align:center; max-width:760px; margin:0 auto 34px; }
.pk-centered-heading-v4 h2 { margin:9px 0 10px; }
.pk-centered-heading-v4 p { margin:0 auto; color:rgba(235,248,250,.74); }
.pk-about-capabilities-v4 {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;
}
.pk-about-capabilities-v4 article {
  position:relative; min-height:190px; padding:24px 22px; border-radius:22px;
  border:1px solid rgba(138,244,232,.12); background:rgba(4,53,68,.72); overflow:hidden;
}
.pk-about-capabilities-v4 article::after {
  content:""; position:absolute; right:-24px; bottom:-24px; width:100px; height:100px; border-radius:50%;
  border:1px solid rgba(66,239,219,.15);
}
.pk-about-capabilities-v4 article span { color:#64fff0; font-size:12px; font-weight:800; letter-spacing:1px; }
.pk-about-capabilities-v4 article h3 { margin:16px 0 8px; color:#fff; }
.pk-about-capabilities-v4 article p { margin:0; color:rgba(235,248,250,.7); }

.pk-about-direction-v4 {
  display:grid; grid-template-columns:1fr 1fr; gap:18px; padding-top:72px; padding-bottom:82px;
}
.pk-direction-card-v4 {
  padding:30px; border-radius:26px; border:1px solid rgba(144,245,234,.13);
  background:linear-gradient(135deg, rgba(4,58,72,.92), rgba(5,81,89,.54));
}
.pk-direction-card-v4 h3 { margin:10px 0 10px; font-size:25px !important; color:#fff; }
.pk-direction-card-v4 p { margin:0; color:rgba(236,249,250,.74); }

.pk-why-v4 {
  padding: 86px 0;
  background: linear-gradient(180deg, #063d50 0%, #053849 100%);
  color:#fff;
}
.pk-why-head-v4 { margin-bottom:30px; }
.pk-why-head-v4 h2 em { color:#27e2d4; font-style:normal; }
.pk-why-showcase-v4 { display:grid; grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr); gap:20px; }
.pk-why-core-v4 {
  position:relative; min-height:520px; padding:36px 30px; border-radius:30px 8px 30px 8px;
  display:flex; align-items:flex-end; overflow:hidden;
  background:linear-gradient(160deg, rgba(6,93,111,.98), rgba(4,49,64,.94)); border:1px solid rgba(146,247,235,.14);
}
.pk-why-watermark-v4 {
  position:absolute; right:-8px; top:-46px; font-family:'Montserrat',sans-serif; font-size:270px; line-height:1; font-weight:900;
  color:rgba(70,242,218,.055);
}
.pk-why-core-v4 h3 { font-size:28px !important; margin:12px 0 12px; }
.pk-why-core-v4 p { color:rgba(237,249,250,.75); }
.pk-why-tags-v4 { display:flex; gap:8px; flex-wrap:wrap; margin-top:22px; }
.pk-why-tags-v4 span { padding:8px 12px; border-radius:999px; border:1px solid rgba(148,246,234,.16); color:#eaffff; font-size:11px; }
.pk-why-lines-v4 { display:grid; gap:10px; }
.pk-why-lines-v4 article {
  display:grid; grid-template-columns:48px 1fr 26px; gap:16px; align-items:center;
  padding:19px 20px; border-radius:18px 4px 18px 4px; border:1px solid rgba(145,246,234,.1);
  background:linear-gradient(90deg, rgba(4,59,73,.86), rgba(4,48,61,.72));
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
.pk-why-lines-v4 article:hover { transform:translateX(5px); border-color:rgba(85,240,221,.28); background:linear-gradient(90deg, rgba(5,83,96,.9), rgba(4,55,67,.78)); }
.pk-why-lines-v4 article b { color:#5af7e7; font-size:12px; letter-spacing:1px; }
.pk-why-lines-v4 article h3 { margin:0 0 4px; font-size:18px !important; }
.pk-why-lines-v4 article p { margin:0; color:rgba(235,248,250,.69); font-size:14px !important; line-height:1.55 !important; }
.pk-why-lines-v4 article > span { color:#6bf9e9; font-size:16px; }

.pk-clients-v4 {
  padding: 84px 0 92px;
  background: linear-gradient(180deg, #063b4d 0%, #052f40 100%);
  color:#fff;
}
.pk-clients-heading-v4 h2 em { color:#52ef83; font-style:normal; }
.pk-logo-wall-v4 {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:30px;
}
.pk-logo-tile {
  min-height:150px; display:grid; place-items:center; padding:22px; border-radius:22px 5px 22px 5px;
  background:rgba(244,251,252,.96); border:1px solid rgba(255,255,255,.14); box-shadow:0 12px 34px rgba(0,18,29,.12);
  transition:transform .22s ease, box-shadow .22s ease;
}
.pk-logo-tile:hover { transform:translateY(-5px); box-shadow:0 18px 40px rgba(0,18,29,.2); }
.pk-logo-tile img { max-width:100%; max-height:90px; object-fit:contain; display:block; }

.pk-testimonials-v4 {
  padding:84px 0 88px; background:linear-gradient(180deg,#052f40 0%,#043143 100%); color:#fff; overflow:hidden;
}
.pk-testimonials-head-v4 h2 em { color:#28e2d4; font-style:normal; }
.pk-story-viewport-v4 { overflow:hidden; margin-top:26px; }
.pk-story-track-v4 {
  display:flex; gap:16px; width:max-content; animation:pkStoryAuto 42s linear infinite;
}
.pk-story-track-v4:hover { animation-play-state:paused; }
.pk-story-card-v4 {
  position:relative; width:360px; min-height:270px; padding:26px; border-radius:28px 6px 28px 6px;
  background:linear-gradient(160deg, rgba(6,69,84,.96), rgba(4,52,67,.92)); border:1px solid rgba(145,246,234,.12);
  box-shadow:0 14px 36px rgba(0,18,28,.12);
}
.pk-story-index-v4,
.pk-story-card-v4 .pk-story-index { display:inline-flex; color:#62f6e7; font-size:11px; font-weight:800; letter-spacing:1px; }
.pk-story-card-v4 p { margin:24px 0 28px; font-size:17px !important; line-height:1.58 !important; color:#f0fbfc; }
.pk-story-card-v4 footer { display:grid; gap:5px; }
.pk-story-card-v4 footer b { font-size:16px; color:#fff; }
.pk-story-card-v4 footer span { font-size:13px; color:rgba(233,248,249,.66); }
@keyframes pkStoryAuto { from { transform:translateX(0); } to { transform:translateX(calc(-3 * 376px)); } }

.pk-contact-v2 { padding:86px 0 90px; background:linear-gradient(180deg,#043143 0%,#063e4e 100%); }
.pk-contact-grid { gap:34px; }
.pk-contact-copy h2 em { color:#52ef83; font-style:normal; }
.pk-contact-details a { padding:15px 18px; border-radius:16px 4px 16px 4px; }
.pk-contact-details a strong { font-size:17px; }
.pk-enquiry-form { padding:24px; border-radius:26px 6px 26px 6px; }
.pk-enquiry-form input,
.pk-enquiry-form textarea,
.pk-enquiry-form select { min-height:48px; border-radius:12px 3px 12px 3px; font-size:14px; }
.pk-enquiry-form textarea { min-height:110px; }
.pk-submit { min-height:50px; font-size:12px; }

.pk-references-v4 {
  padding:76px 0 82px; background:linear-gradient(180deg,#063e4e 0%,#052f3f 100%); color:#fff;
  border-top:1px solid rgba(145,246,234,.08);
}
.pk-references-v4 h2 em { color:#2ae0d4; font-style:normal; }
.pk-reference-empty-v4 {
  min-height:180px; display:grid; place-items:center; text-align:center; padding:28px; margin-top:24px;
  border:1px dashed rgba(151,246,235,.22); border-radius:24px 6px 24px 6px; background:rgba(4,53,66,.45);
}
.pk-reference-empty-v4 span { display:block; font-size:11px; letter-spacing:2px; color:#64f8e9; margin-bottom:8px; }
.pk-reference-empty-v4 strong { display:block; font-size:22px; }

.pk-footer-v2 { padding-top:62px; }
.pk-footer-col h3 { font-size:17px !important; }
.pk-footer-col a { font-size:14px !important; }
.pk-footer-brand p,
.pk-footer-brand span { font-size:13px !important; line-height:1.6 !important; }

@media (max-width: 1100px) {
  .pk-about-story-v4,
  .pk-why-showcase-v4 { grid-template-columns:1fr; }
  .pk-about-capabilities-v4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pk-logo-wall-v4 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .pk-why-core-v4 { min-height:360px; }
}

@media (max-width: 767px) {
  .pk-hero-title { font-size:clamp(38px,10vw,52px) !important; letter-spacing:-1.1px !important; }
  .pk-hero-title .pk-title-access { letter-spacing:-1.2px; }
  .pk-about-v4 h2,
  .pk-why-v4 h2,
  .pk-clients-v4 h2,
  .pk-testimonials-v4 h2,
  .pk-contact-v2 h2,
  .pk-references-v4 h2 { font-size:30px !important; }
  .pk-about-banner-v4 { min-height:250px; }
  .pk-about-story-v4 { padding-top:64px; padding-bottom:64px; gap:28px; }
  .pk-about-story-image-v4, .pk-about-story-image-v4 img { min-height:260px; }
  .pk-about-band-v4 { padding:64px 0; }
  .pk-about-capabilities-v4,
  .pk-about-direction-v4,
  .pk-logo-wall-v4 { grid-template-columns:1fr; }
  .pk-about-direction-v4 { padding-top:54px; padding-bottom:64px; }
  .pk-why-v4,
  .pk-clients-v4,
  .pk-testimonials-v4,
  .pk-contact-v2,
  .pk-references-v4 { padding-top:64px; padding-bottom:68px; }
  .pk-why-core-v4 { min-height:300px; padding:26px 22px; }
  .pk-why-watermark-v4 { font-size:190px; }
  .pk-why-lines-v4 article { grid-template-columns:38px 1fr; }
  .pk-why-lines-v4 article > span { display:none; }
  .pk-logo-tile { min-height:130px; }
  .pk-story-card-v4 { width:290px; min-height:255px; padding:22px; }
  @keyframes pkStoryAuto { from { transform:translateX(0); } to { transform:translateX(calc(-3 * 306px)); } }
}

@media (prefers-reduced-motion: reduce) {
  .pk-story-track-v4 { animation:none !important; }
}

/* ===== V5 bright PARKEN theme refinement ===== */
:root {
  --pk5-navy: #063b4c;
  --pk5-navy-deep: #052f3d;
  --pk5-teal: #0c7894;
  --pk5-teal-bright: #0fa7b9;
  --pk5-cyan: #13d7d7;
  --pk5-green: #50ed73;
  --pk5-light: #eef9fa;
  --pk5-light-2: #f8fcfc;
  --pk5-ink: #093747;
  --pk5-muted: #5d7c86;
}

html { scroll-behavior: smooth; }
body { background: #0b7892 !important; }

/* Home: bright theme only, no boxed product/video visual */
.pk-hero {
  background:
    radial-gradient(circle at 77% 24%, rgba(76, 246, 224, .36), transparent 27%),
    radial-gradient(circle at 92% 68%, rgba(80, 237, 115, .22), transparent 22%),
    linear-gradient(112deg, #063b4c 0%, #075f76 38%, #0aa3b4 72%, #16c7c0 100%) !important;
}
.pk-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0 56%, rgba(255,255,255,.06) 56.3% 56.7%, transparent 57%),
    radial-gradient(ellipse at 82% 35%, transparent 0 28%, rgba(127,255,239,.12) 28.3% 28.7%, transparent 29.1% 36%, rgba(127,255,239,.08) 36.3% 36.7%, transparent 37.1%);
  pointer-events: none;
}
.pk-content-clean { position: relative; z-index: 1; }
.pk-hero-clean-visual {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}
.pk-hero-clean-visual::before {
  border-color: rgba(210,255,250,.18) !important;
  box-shadow: 0 0 0 50px rgba(199,255,247,.06), 0 0 0 102px rgba(199,255,247,.035) !important;
}
.pk-clean-badge { display: none !important; }

/* Exact hero headline treatment: ACCESS centered under BEHIND EVERY */
.pk-hero-title-v5 {
  display: grid !important;
  justify-items: start;
  width: max-content;
  max-width: 100%;
  margin: 0 !important;
  font-family: 'Montserrat', 'Arial Black', Arial, Helvetica, sans-serif !important;
  font-size: clamp(48px, 4.7vw, 72px) !important;
  line-height: .97 !important;
  letter-spacing: -2px !important;
  font-weight: 900 !important;
  color: #fff !important;
  text-transform: uppercase;
}
.pk-title-line-v5 { display: block; color: #fff !important; }
.pk-title-stack-v5 { display: grid; width: max-content; justify-items: stretch; }
.pk-title-access-v5 {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 4px;
  font-size: 1.07em;
  line-height: .98;
  letter-spacing: -2px;
  background: linear-gradient(90deg, #02b9ef 0%, #13dfdf 50%, #56ef6e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
.pk-eyebrow { color: #79fff2 !important; }
.pk-description { color: rgba(247,255,255,.92) !important; }

/* Professional standard typography across sections */
.pk-about-v4 h2,
.pk-why-v5 h2,
.pk-clients-v5 h2,
.pk-testimonials-v4 h2,
.pk-contact-v2 h2,
.pk-references-v4 h2 {
  font-size: clamp(30px, 2.75vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.65px !important;
}
.pk-about-v4 h3,
.pk-why-v5 h3,
.pk-clients-v5 h3,
.pk-testimonials-v4 h3,
.pk-contact-v2 h3,
.pk-references-v4 h3 { font-size: 20px !important; line-height: 1.3 !important; }
.pk-about-v4 p,
.pk-why-v5 p,
.pk-clients-v5 p,
.pk-testimonials-v4 p,
.pk-contact-v2 p,
.pk-references-v4 p { font-size: 15.5px !important; line-height: 1.7 !important; }

/* About: brighter, readable, no extra action buttons */
.pk-about-v4 {
  background: linear-gradient(180deg, #0b819c 0%, #0a718c 58%, #0a647d 100%) !important;
  color: #fff !important;
}
.pk-about-banner-v4 {
  background:
    linear-gradient(90deg, rgba(5,57,72,.74), rgba(11,133,155,.24)),
    url('assets/about-site-real.jpg') center 42%/cover no-repeat !important;
}
.pk-about-story-copy-v4 h2,
.pk-about-story-copy-v4 h3,
.pk-about-banner-inner-v4 h2 { color: #fff !important; }
.pk-about-story-copy-v4 h2 em,
.pk-about-banner-inner-v4 h2 em { color: #59f07a !important; }
.pk-about-story-copy-v4 p,
.pk-about-banner-inner-v4 p { color: rgba(247,255,255,.90) !important; }
.pk-about-story-actions-v4 { display: none !important; }

.pk-about-band-v4 {
  background: linear-gradient(180deg, #edf9fa 0%, #f8fcfc 100%) !important;
  border-color: rgba(8,83,101,.08) !important;
}
.pk-about-band-v4 .pk-centered-heading-v4 h2,
.pk-about-band-v4 .pk-about-capabilities-v4 h3 { color: var(--pk5-ink) !important; }
.pk-about-band-v4 .pk-centered-heading-v4 p,
.pk-about-band-v4 .pk-about-capabilities-v4 p { color: #587883 !important; }
.pk-about-band-v4 .pk-kicker { color: #068f9c !important; }
.pk-about-capabilities-v4 article {
  background: #fff !important;
  border: 1px solid rgba(8,89,105,.10) !important;
  box-shadow: 0 12px 32px rgba(3,55,70,.07) !important;
}
.pk-about-capabilities-v4 article span { color: #079aa6 !important; }
.pk-about-capabilities-v4 article::after { border-color: rgba(13,181,178,.13) !important; }

.pk-about-direction-v4 { background: transparent !important; }
.pk-direction-card-v4 {
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(230,249,248,.94)) !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  box-shadow: 0 14px 36px rgba(0,46,61,.10) !important;
}
.pk-direction-card-v4 h3 { color: var(--pk5-ink) !important; }
.pk-direction-card-v4 p { color: #54727e !important; }
.pk-direction-card-v4 .pk-kicker { color: #008e9d !important; }

/* Why PARKEN: visual + clear, no giant dark P card */
.pk-why-v5 {
  padding: 86px 0 92px;
  background: linear-gradient(180deg, #eaf8f9 0%, #f8fcfc 100%) !important;
  color: var(--pk5-ink) !important;
}
.pk-why-head-v5 h2,
.pk-why-head-v5 h3 { color: var(--pk5-ink) !important; }
.pk-why-head-v5 h2 em { color: #079cac !important; font-style: normal; }
.pk-why-head-v5 > p { color: #557681 !important; }
.pk-why-head-v5 .pk-kicker { color: #07909d !important; }
.pk-why-layout-v5 {
  display: grid;
  grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr);
  gap: 24px;
  align-items: stretch;
}
.pk-why-visual-v5 {
  position: relative;
  margin: 0;
  min-height: 580px;
  border-radius: 30px 8px 30px 8px;
  overflow: hidden;
  box-shadow: 0 22px 54px rgba(3,58,73,.13);
}
.pk-why-visual-v5 img { width:100%; height:100%; min-height:580px; object-fit:cover; display:block; }
.pk-why-visual-v5 figcaption {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  padding: 18px 20px;
  border-radius: 18px 4px 18px 4px;
  background: rgba(4,64,79,.82);
  border: 1px solid rgba(255,255,255,.15);
  backdrop-filter: blur(10px);
}
.pk-why-visual-v5 figcaption span { display:block; color:#74fff0; font-size:10px; font-weight:800; letter-spacing:1.5px; }
.pk-why-visual-v5 figcaption strong { display:block; margin-top:5px; color:#fff; font-size:18px; }
.pk-why-content-v5 { display:grid; gap:16px; }
.pk-why-lead-v5 {
  padding: 26px;
  border-radius: 28px 7px 28px 7px;
  background: linear-gradient(135deg, #0b8399, #0a6a83) !important;
  color: #fff !important;
  box-shadow: 0 16px 38px rgba(4,74,88,.13);
}
.pk-why-lead-v5 h3 { color:#fff !important; margin:10px 0 9px; font-size:25px !important; }
.pk-why-lead-v5 p { color:rgba(245,255,255,.88) !important; margin:0; }
.pk-why-lead-v5 .pk-mini-kicker { color:#76fff1 !important; }
.pk-why-reasons-v5 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.pk-why-reasons-v5 article {
  display:grid; grid-template-columns:38px 1fr; gap:12px; align-items:start;
  padding:18px; border-radius:20px 5px 20px 5px;
  background:#fff; border:1px solid rgba(7,96,111,.09);
  box-shadow:0 8px 24px rgba(3,62,76,.055);
}
.pk-why-reasons-v5 article b { color:#0aa8ac; font-size:11px; letter-spacing:1px; }
.pk-why-reasons-v5 article h3 { color:var(--pk5-ink) !important; margin:0 0 5px; font-size:17px !important; }
.pk-why-reasons-v5 article p { color:#5f7c86 !important; margin:0; font-size:13.5px !important; line-height:1.5 !important; }

/* Clients: PYRO-inspired clean logo showcase, not pasted thumbnails */
.pk-clients-v5 {
  padding: 84px 0 94px;
  background:
    radial-gradient(circle at 85% 8%, rgba(84,239,115,.16), transparent 20%),
    linear-gradient(135deg, #0b819b 0%, #08748e 56%, #08657e 100%) !important;
  color: #fff !important;
  overflow: hidden;
}
.pk-clients-head-v5 h2 { color:#fff !important; }
.pk-clients-head-v5 h2 em { color:#5bef7b !important; font-style:normal; }
.pk-clients-head-v5 > p { color:rgba(244,255,255,.84) !important; }
.pk-clients-head-v5 .pk-kicker { color:#78fff0 !important; }
.pk-client-marquee-v5 { display:grid; gap:16px; margin-top:30px; overflow:hidden; }
.pk-client-row-v5 { overflow:hidden; padding:2px 0; }
.pk-client-track-v5 {
  display:flex;
  gap:16px;
  width:max-content;
  animation: pkClientMarqueeV5 34s linear infinite;
}
.pk-client-row-two-v5 .pk-client-track-v5 { animation-direction: reverse; animation-duration: 40s; }
.pk-client-marquee-v5:hover .pk-client-track-v5 { animation-play-state: paused; }
.pk-client-logo-v5 {
  width:230px;
  height:138px;
  display:grid;
  place-items:center;
  padding:24px;
  flex:0 0 auto;
  border-radius:24px 7px 24px 7px;
  background:linear-gradient(145deg,#f8fcfc,#eaf5f6);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 12px 28px rgba(2,52,66,.10);
}
.pk-client-logo-v5 img {
  max-width:82%;
  max-height:78px;
  object-fit:contain;
  display:block;
  mix-blend-mode:multiply;
  filter:saturate(.96) contrast(1.02);
}
@keyframes pkClientMarqueeV5 { from { transform:translateX(0); } to { transform:translateX(calc(-50% - 8px)); } }

/* Client stories: automatic movement with clearer premium cards */
.pk-testimonials-v4 {
  background: linear-gradient(180deg, #edf9fa 0%, #f8fcfc 100%) !important;
  color: var(--pk5-ink) !important;
}
.pk-testimonials-head-v4 h2 { color:var(--pk5-ink) !important; }
.pk-testimonials-head-v4 h2 em { color:#079ca8 !important; }
.pk-testimonials-head-v4 > p { color:#587883 !important; }
.pk-testimonials-head-v4 .pk-kicker { color:#058e9b !important; }
.pk-story-card-v4 {
  background: linear-gradient(155deg, #ffffff, #eaf7f7) !important;
  border:1px solid rgba(6,97,111,.09) !important;
  box-shadow:0 12px 32px rgba(3,60,72,.07) !important;
}
.pk-story-card-v4 .pk-story-index { color:#079da8 !important; }
.pk-story-card-v4 p { color:#143f4c !important; }
.pk-story-card-v4 footer b { color:#093847 !important; }
.pk-story-card-v4 footer span { color:#6a858e !important; }

/* Contact / enquiry: brighter and more premium */
.pk-contact-v2 {
  background:
    radial-gradient(circle at 10% 15%, rgba(93,239,119,.15), transparent 22%),
    linear-gradient(135deg, #08758e, #0b91a4 58%, #0a7d92) !important;
  color:#fff !important;
}
.pk-contact-copy h2 { color:#fff !important; }
.pk-contact-copy h2 em { color:#5df079 !important; }
.pk-contact-copy p { color:rgba(244,255,255,.88) !important; }
.pk-contact-details a {
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.16) !important;
}
.pk-contact-details a small { color:rgba(240,255,255,.72) !important; }
.pk-contact-details a strong { color:#fff !important; }
.pk-enquiry-form {
  background:rgba(249,253,253,.97) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 22px 54px rgba(2,57,72,.12) !important;
}
.pk-enquiry-form label span { color:#345e69 !important; }
.pk-enquiry-form input,
.pk-enquiry-form textarea,
.pk-enquiry-form select {
  background:#fff !important;
  border-color:rgba(6,91,105,.12) !important;
  color:#123e4b !important;
}
.pk-enquiry-form input::placeholder,
.pk-enquiry-form textarea::placeholder { color:#8aa1a8 !important; }

/* References after enquiry: lighter continuation */
.pk-references-v4 {
  background:linear-gradient(180deg,#eaf8f9 0%,#f7fcfc 100%) !important;
  color:var(--pk5-ink) !important;
}
.pk-references-v4 h2 { color:var(--pk5-ink) !important; }
.pk-references-v4 h2 em { color:#079ba7 !important; }
.pk-references-v4 p { color:#597983 !important; }
.pk-references-v4 .pk-kicker { color:#078f9c !important; }
.pk-reference-empty-v4 {
  background:#fff !important;
  border-color:rgba(6,94,109,.16) !important;
  color:var(--pk5-ink) !important;
}
.pk-reference-empty-v4 span { color:#079ca7 !important; }

.pk-footer-v2 { background:linear-gradient(180deg,#063d4d,#032b38) !important; }

@media (max-width: 1100px) {
  .pk-why-layout-v5 { grid-template-columns:1fr; }
  .pk-why-visual-v5,
  .pk-why-visual-v5 img { min-height:380px; }
}

@media (max-width: 767px) {
  .pk-hero-title-v5 { font-size:clamp(38px,10.5vw,54px) !important; letter-spacing:-1.2px !important; }
  .pk-title-access-v5 { letter-spacing:-1.2px; }
  .pk-why-v5,
  .pk-clients-v5 { padding-top:64px; padding-bottom:68px; }
  .pk-why-reasons-v5 { grid-template-columns:1fr; }
  .pk-why-visual-v5,
  .pk-why-visual-v5 img { min-height:280px; }
  .pk-client-logo-v5 { width:175px; height:112px; padding:18px; }
  .pk-client-logo-v5 img { max-height:64px; }
}

@media (prefers-reduced-motion: reduce) {
  .pk-client-track-v5,
  .pk-story-track-v4 { animation:none !important; }
}


/* ===== v6 unified premium theme overrides ===== */
:root {
  --pk6-bg: linear-gradient(135deg, rgba(3,29,47,.97) 0%, rgba(4,66,96,.94) 45%, rgba(15,124,148,.86) 100%), url('assets/hero-background.png') center/cover no-repeat;
  --pk6-panel: linear-gradient(180deg, rgba(7,67,91,.88), rgba(6,53,75,.84));
  --pk6-panel-soft: linear-gradient(180deg, rgba(10,103,132,.78), rgba(6,73,97,.70));
  --pk6-border: rgba(214,255,255,.12);
  --pk6-text: rgba(244,255,255,.92);
  --pk6-muted: rgba(222,243,247,.76);
  --pk6-accent: #48f0e0;
  --pk6-accent2: #57ef78;
}

html { scroll-behavior: smooth; }
#about, #why, #products, #clients, #testimonials, #contact, #references { scroll-margin-top: 158px; }
.pk-top, .pk-about-v4, .pk-why-v5, .pk-clients-v5, .pk-testimonials-v4, .pk-contact-v2, .pk-references-v4, .pk-footer-v2 {
  position: relative;
}
.pk-about-v4::before, .pk-why-v5::before, .pk-clients-v5::before, .pk-testimonials-v4::before, .pk-contact-v2::before, .pk-references-v4::before, .pk-footer-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 85% 12%, rgba(103,248,241,.16), transparent 24%),
    radial-gradient(circle at 12% 88%, rgba(93,239,119,.12), transparent 20%),
    linear-gradient(120deg, transparent 0 58%, rgba(255,255,255,.045) 58.4% 58.8%, transparent 59.2%),
    radial-gradient(ellipse at 82% 32%, transparent 0 28%, rgba(127,255,239,.10) 28.3% 28.55%, transparent 28.9% 35%, rgba(127,255,239,.065) 35.3% 35.55%, transparent 35.9%),
    var(--pk6-bg);
  pointer-events: none;
  z-index: 0;
}
.pk-about-v4 > *, .pk-why-v5 > *, .pk-clients-v5 > *, .pk-testimonials-v4 > *, .pk-contact-v2 > *, .pk-references-v4 > *, .pk-footer-v2 > * { position: relative; z-index: 1; }

/* Header / anchor behavior */
.pk-hero { padding-top: 150px; }
.pk-header {
  min-height: 116px !important;
  padding: 14px 48px !important;
  background: linear-gradient(120deg, rgba(6,38,55,.92), rgba(4,90,112,.70)) !important;
}
.pk-brand img { width: 220px !important; height: auto !important; max-height: 86px !important; }
.pk-content-clean { padding-top: 28px !important; }

/* Hero text */
.pk-hero-title-v5 {
  font-size: clamp(46px, 4.9vw, 74px) !important;
  line-height: .96 !important;
  letter-spacing: -1.9px !important;
}
.pk-title-stack-v5 { width: max-content; justify-items: stretch; }
.pk-title-access-v5 { text-align: center !important; }

/* Section surfaces follow the home background */
.pk-about-v4,
.pk-why-v5,
.pk-clients-v5,
.pk-testimonials-v4,
.pk-contact-v2,
.pk-references-v4,
.pk-footer-v2 {
  background: transparent !important;
  color: #fff !important;
}
.pk-about-banner-v4,
.pk-about-band-v4,
.pk-about-direction-v4,
.pk-why-v5,
.pk-clients-v5,
.pk-testimonials-v4,
.pk-contact-v2,
.pk-references-v4,
.pk-footer-v2 {
  background: transparent !important;
}

/* About */
.pk-about-banner-v4 { display:none !important; }
.pk-about-story-v4 { padding-top: 78px; align-items: center; }
.pk-about-story-copy-v4, .pk-about-story-image-v4 { position: relative; z-index: 1; }
.pk-about-story-copy-v4 h2, .pk-centered-heading-v4 h2, .pk-direction-card-v4 h3, .pk-about-capabilities-v4 article h3 { color: #ffffff !important; }
.pk-about-story-copy-v4 p, .pk-centered-heading-v4 p, .pk-direction-card-v4 p, .pk-about-capabilities-v4 article p { color: var(--pk6-text) !important; }
.pk-about-story-copy-v4 .pk-kicker, .pk-centered-heading-v4 .pk-kicker, .pk-direction-card-v4 .pk-kicker { color: #7affef !important; }
.pk-about-story-image-v4 img {
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 24px 56px rgba(0,17,29,.26);
}
.pk-about-band-v4 { padding-top: 64px !important; }
.pk-about-capabilities-v4 article,
.pk-direction-card-v4 {
  background: rgba(9,74,98,.72) !important;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 42px rgba(0,19,31,.18) !important;
}
.pk-about-capabilities-v4 article span { color: #7afeee !important; }
.pk-about-capabilities-v4 article::after { border-color: rgba(122,254,238,.18) !important; }

/* Why section */
.pk-why-v5 { padding-top: 82px !important; padding-bottom: 92px !important; }
.pk-why-head-v5 h2, .pk-why-head-v5 h3, .pk-why-head-v5 h2 em, .pk-why-lead-v5 h3, .pk-why-reasons-v5 article h3 { color:#fff !important; }
.pk-why-head-v5 > p, .pk-why-lead-v5 p, .pk-why-reasons-v5 article p { color: var(--pk6-text) !important; }
.pk-why-head-v5 .pk-kicker, .pk-mini-kicker, .pk-why-reasons-v5 article b { color:#7affef !important; }
.pk-why-visual-v5 { min-height: 600px; border:1px solid rgba(255,255,255,.14); box-shadow:0 24px 56px rgba(0,17,29,.24); }
.pk-why-visual-v5 figcaption { background: rgba(6,53,76,.76) !important; }
.pk-why-lead-v5,
.pk-why-reasons-v5 article {
  background: rgba(9,76,100,.72) !important;
  backdrop-filter: blur(10px);
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 42px rgba(0,17,29,.18) !important;
}

/* Clients */
.pk-clients-v5 { padding-top: 84px !important; padding-bottom: 94px !important; }
.pk-clients-head-v5 h2, .pk-clients-head-v5 h2 em { color:#fff !important; }
.pk-clients-head-v5 > p { color: var(--pk6-text) !important; }
.pk-clients-head-v5 .pk-kicker { color:#7affef !important; }
.pk-client-grid-v6 {
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 22px;
}
.pk-client-card-v6 {
  border-radius: 30px 10px 30px 10px;
  padding: 14px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 44px rgba(0,18,29,.18);
}
.pk-client-card-inner-v6 {
  min-height: 152px;
  border-radius: 22px 8px 22px 8px;
  display: grid;
  place-items: center;
  background: linear-gradient(180deg, rgba(244,250,251,.98), rgba(232,245,247,.94));
  padding: 28px;
}
.pk-client-card-inner-v6 img {
  max-width: 82%;
  max-height: 74px;
  object-fit: contain;
  display: block;
  mix-blend-mode: multiply;
}

/* Testimonials */
.pk-testimonials-v4 { padding-top: 84px !important; padding-bottom: 96px !important; }
.pk-testimonials-head-v4 h2, .pk-testimonials-head-v4 h2 em { color:#fff !important; }
.pk-testimonials-head-v4 > p { color: var(--pk6-text) !important; }
.pk-testimonials-head-v4 .pk-kicker { color:#7affef !important; }
.pk-story-card-v4 {
  background: rgba(9,74,98,.74) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  backdrop-filter: blur(10px);
  box-shadow:0 18px 42px rgba(0,17,29,.18) !important;
}
.pk-story-card-v4 p, .pk-story-card-v4 footer b, .pk-story-card-v4 footer span { color:#fff !important; }
.pk-story-card-v4 footer span { color: var(--pk6-muted) !important; }
.pk-story-card-v4 .pk-story-index { color:#7affef !important; }

/* Contact / references / footer */
.pk-contact-copy h2, .pk-contact-copy h2 em, .pk-references-v4 h2, .pk-references-v4 h2 em, .pk-footer-v2 h3 { color:#fff !important; }
.pk-contact-copy p, .pk-references-v4 p, .pk-footer-brand p, .pk-footer-brand span, .pk-footer-col a, .pk-footer-bottom span, .pk-footer-bottom a { color: var(--pk6-text) !important; }
.pk-contact-copy .pk-kicker, .pk-references-v4 .pk-kicker { color:#7affef !important; }
.pk-contact-details a {
  background: rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
.pk-enquiry-form, .pk-reference-empty-v4 {
  background: rgba(8,64,86,.78) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 20px 48px rgba(0,17,29,.18) !important;
}
.pk-enquiry-form label span, .pk-reference-empty-v4, .pk-reference-empty-v4 strong, .pk-reference-empty-v4 span { color:#fff !important; }
.pk-enquiry-form input, .pk-enquiry-form textarea, .pk-enquiry-form select {
  background: rgba(255,255,255,.96) !important;
  color:#103744 !important;
}
.pk-footer-v2 { border-top: 1px solid rgba(255,255,255,.10); }

/* Ensure product area keeps the unified theme without changing content structure */
#products { background: transparent !important; }

/* Responsive */
@media (max-width: 1180px) {
  .pk-header { padding: 14px 26px !important; }
  .pk-brand img { width: 180px !important; }
  .pk-client-grid-v6 { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 860px) {
  .pk-hero { padding-top: 132px; }
  .pk-client-grid-v6 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .pk-client-grid-v6 { grid-template-columns: 1fr 1fr; gap: 16px; }
  .pk-client-card-inner-v6 { min-height: 130px; padding: 20px; }
  .pk-about-story-v4, .pk-why-v5, .pk-testimonials-v4, .pk-contact-v2, .pk-references-v4, .pk-clients-v5 { padding-top: 64px !important; }
  .pk-hero-title-v5 { font-size: clamp(40px, 13.8vw, 58px) !important; letter-spacing: -1.5px !important; }
}

/* ===== v7 background correction: hero image only, all lower sections plain theme background ===== */
:root {
  --pk7-section-top: #0b8bab;
  --pk7-section-mid: #086a85;
  --pk7-section-bottom: #064b62;
  --pk7-section-solid: #086b86;
}

body {
  background: linear-gradient(180deg, var(--pk7-section-top) 0%, var(--pk7-section-mid) 42%, var(--pk7-section-bottom) 100%) !important;
}

/* Keep the big image background ONLY in the hero/home section */
.pk-hero {
  background:
    linear-gradient(90deg, rgba(3, 43, 78, 0.96) 0%, rgba(5, 109, 145, 0.58) 46%, rgba(15, 216, 229, 0.22) 100%),
    url('assets/hero-background.png') center/cover no-repeat !important;
}

/* Everything below hero uses only theme color / soft gradient, NOT the hero image */
.pk-about-v4,
.pk-why-v5,
.pk-clients-v5,
.pk-testimonials-v4,
.pk-contact-v2,
.pk-references-v4,
.pk-footer-v2,
.pk-marquee,
#products {
  background: linear-gradient(180deg, var(--pk7-section-top) 0%, var(--pk7-section-mid) 50%, var(--pk7-section-bottom) 100%) !important;
}

.pk-about-v4::before,
.pk-why-v5::before,
.pk-clients-v5::before,
.pk-testimonials-v4::before,
.pk-contact-v2::before,
.pk-references-v4::before,
.pk-footer-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 86% 12%, rgba(124, 255, 244, 0.14), transparent 22%),
    radial-gradient(circle at 12% 85%, rgba(112, 247, 188, 0.10), transparent 18%),
    linear-gradient(180deg, rgba(11, 139, 171, 0.98) 0%, rgba(8, 106, 133, 0.98) 50%, rgba(6, 75, 98, 0.98) 100%) !important;
}

/* Product solutions band / white sections should sit on clean theme color */
.pk-marquee,
#products {
  position: relative;
  z-index: 1;
}

/* Footer stays themed, not image-based */
.pk-footer-v2::before {
  background:
    radial-gradient(circle at 86% 12%, rgba(124, 255, 244, 0.08), transparent 18%),
    linear-gradient(180deg, #06485d 0%, #043547 100%) !important;
}

/* ===== v8 fast polish fixes ===== */
/* Top logo slightly bigger and cleaner */
.pk-brand img {
  width: 236px !important;
  max-height: 92px !important;
  height: auto !important;
}

/* Keep hero clean: remove extra circular overlays */
.pk-hero::before,
.pk-hero-clean-visual::before,
.pk-hero-clean-visual::after,
.pk-clean-orb,
.pk-clean-line {
  display: none !important;
  background: none !important;
}

/* Hero title alignment */
.pk-hero-title-v5 {
  width: min(760px, 100%) !important;
  max-width: min(760px, 100%) !important;
  justify-items: start !important;
}
.pk-title-stack-v5 {
  display: block !important;
  width: 100% !important;
}
.pk-title-access-v5 {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 8px auto 0 !important;
}

/* About / what we bring: higher contrast and premium hover */
.pk-about-band-v4 .pk-centered-heading-v4 h2,
.pk-about-band-v4 .pk-centered-heading-v4 p,
.pk-about-band-v4 .pk-about-capabilities-v4 h3,
.pk-about-band-v4 .pk-about-capabilities-v4 p {
  color: #eafcff !important;
}
.pk-about-band-v4 .pk-centered-heading-v4 p,
.pk-about-band-v4 .pk-about-capabilities-v4 p {
  color: rgba(232, 248, 251, 0.86) !important;
}
.pk-about-band-v4 .pk-kicker,
.pk-about-capabilities-v4 article span { color: #90fff3 !important; }

.pk-about-capabilities-v4 {
  gap: 22px !important;
}
.pk-about-capabilities-v4 article {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: rgba(4, 79, 102, 0.62) !important;
  border: 1px solid rgba(129, 245, 234, 0.18) !important;
  box-shadow: 0 16px 36px rgba(0, 20, 28, 0.12) !important;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease !important;
  animation: pkFloatCard 6s ease-in-out infinite;
}
.pk-about-capabilities-v4 article:nth-child(2) { animation-delay: .6s; }
.pk-about-capabilities-v4 article:nth-child(3) { animation-delay: 1.1s; }
.pk-about-capabilities-v4 article:nth-child(4) { animation-delay: 1.6s; }
.pk-about-capabilities-v4 article:nth-child(5) { animation-delay: 2.1s; }
.pk-about-capabilities-v4 article:nth-child(6) { animation-delay: 2.6s; }
.pk-about-capabilities-v4 article::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(32,224,216,.18), rgba(57,231,125,.13));
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .35s ease, transform .35s ease;
  z-index: -1;
}
.pk-about-capabilities-v4 article:hover {
  transform: translateY(-8px) scale(1.01) !important;
  border-color: rgba(137, 255, 244, 0.34) !important;
  box-shadow: 0 24px 48px rgba(0, 24, 35, 0.22) !important;
  background: rgba(7, 98, 123, 0.78) !important;
}
.pk-about-capabilities-v4 article:hover::before {
  opacity: 1;
  transform: translateY(0);
}
@keyframes pkFloatCard {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

/* Clients: wow horizontal scroll cards */
.pk-clients-v5 .pk-section-shell {
  overflow: hidden;
}
.pk-client-marquee-v7 {
  margin-top: 34px;
  overflow: hidden;
  position: relative;
  mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.pk-client-track-v7 {
  display: flex;
  align-items: stretch;
  gap: 24px;
  width: max-content;
  animation: pkClientMarquee 34s linear infinite;
}
.pk-client-marquee-v7:hover .pk-client-track-v7 {
  animation-play-state: paused;
}
.pk-client-card-v6 {
  flex: 0 0 268px;
  min-width: 268px;
  border-radius: 28px !important;
  padding: 14px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(141, 251, 244, 0.22) !important;
  box-shadow: 0 18px 42px rgba(0, 18, 29, 0.16) !important;
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease !important;
}
.pk-client-card-v6:hover {
  transform: translateY(-8px) !important;
  background: rgba(255,255,255,.13) !important;
  box-shadow: 0 28px 54px rgba(0, 18, 29, 0.26) !important;
}
.pk-client-card-inner-v6 {
  min-height: 164px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(251,254,255,.96), rgba(234,246,249,.95)) !important;
}
.pk-client-card-inner-v6 img {
  max-width: 74% !important;
  max-height: 88px !important;
}
@keyframes pkClientMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-50% - 12px)); }
}

/* Keep mobile readable */
@media (max-width: 767px) {
  .pk-brand img { width: 168px !important; }
  .pk-hero-title-v5 { width: 100% !important; }
  .pk-title-access-v5 { text-align: center !important; }
  .pk-client-card-v6 { flex-basis: 220px; min-width: 220px; }
  .pk-client-card-inner-v6 { min-height: 140px !important; }
}

/* ===== v9 requested polish ===== */
/* 1) Header stays visible while scrolling */
.pk-top { isolation: auto !important; position: relative; z-index: 9999 !important; }
.pk-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999999 !important;
  transform: none !important;
}

/* 2) Hero line geometry: ENGINEERED and ACCESS centered inside FOR RELIABLE */
.pk-hero-title-v5 {
  width: min(780px, 100%) !important;
  max-width: min(780px, 100%) !important;
}
.pk-hero-title-v5 > .pk-title-line-v5:first-child {
  width: 82% !important;
  margin-inline: auto !important;
  text-align: center !important;
}
.pk-title-stack-v5 {
  width: 100% !important;
  display: block !important;
}
.pk-title-stack-v5 > .pk-title-line-v5 {
  width: 100% !important;
  text-align: center !important;
}
.pk-title-access-v5 {
  width: 82% !important;
  margin: 8px auto 0 !important;
  text-align: center !important;
}

/* 3) Moderate silver glitter on every lower section, never on hero */
.pk-about-v4::after,
.pk-why-v8::after,
.pk-clients-v8::after,
.pk-testimonials-v4::after,
.pk-contact-v2::after,
.pk-references-v4::after,
.pk-footer-v2::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: .22;
  background-image:
    radial-gradient(circle, rgba(238,248,252,.78) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(196,216,224,.55) 0 1.2px, transparent 1.9px),
    radial-gradient(circle, rgba(255,255,255,.35) 0 .8px, transparent 1.5px);
  background-size: 190px 170px, 270px 230px, 135px 145px;
  background-position: 12px 30px, 80px 110px, 34px 72px;
  animation: pkSilverDrift 18s linear infinite alternate;
}
.pk-about-v4 > *, .pk-why-v8 > *, .pk-clients-v8 > *, .pk-testimonials-v4 > *, .pk-contact-v2 > *, .pk-references-v4 > *, .pk-footer-v2 > * { position: relative; z-index: 1; }
@keyframes pkSilverDrift {
  from { background-position: 12px 30px, 80px 110px, 34px 72px; }
  to { background-position: 34px 10px, 48px 138px, 58px 48px; }
}

/* 4) Vision / Mission float and subtle paint hover */
.pk-direction-card-v4 {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  animation: pkVisionFloat 6.2s ease-in-out infinite;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease !important;
}
.pk-direction-card-v4:nth-child(2) { animation-delay: .9s; }
.pk-direction-card-v4::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  transform: translateX(-18%);
  background: linear-gradient(115deg, rgba(175,198,210,.10), rgba(240,249,252,.16), rgba(80,225,208,.14));
  transition: opacity .35s ease, transform .35s ease;
}
.pk-direction-card-v4:hover {
  transform: translateY(-8px) scale(1.012) !important;
  border-color: rgba(221,240,247,.30) !important;
  box-shadow: 0 26px 50px rgba(0,18,28,.22) !important;
}
.pk-direction-card-v4:hover::after { opacity: 1; transform: translateX(0); }
@keyframes pkVisionFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }

/* 5) Why PARKEN — central technology core with six floating reasons */
.pk-why-v8 {
  position: relative;
  padding: 92px 0 104px;
  background: linear-gradient(180deg, var(--pk7-section-top) 0%, var(--pk7-section-mid) 52%, var(--pk7-section-bottom) 100%) !important;
  overflow: hidden;
  color: #fff;
}
.pk-why-v8::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 50% 53%, rgba(86,238,224,.16), transparent 23%),
    linear-gradient(180deg, rgba(8,112,140,.38), rgba(5,70,93,.30));
}
.pk-why-v8 .pk-section-shell { position: relative; z-index: 1; }
.pk-why-head-v8 { max-width: 820px; margin: 0 auto 54px; text-align: center; }
.pk-why-head-v8 h2 { margin: 10px 0 16px; color:#fff !important; font-size:clamp(32px,3vw,46px) !important; line-height:1.05 !important; }
.pk-why-head-v8 h2 em { color:#65f083 !important; font-style:normal; }
.pk-why-head-v8 p { color:rgba(238,251,253,.86) !important; font-size:15.5px !important; line-height:1.7 !important; }
.pk-why-head-v8 .pk-kicker { color:#82fff0 !important; }
.pk-why-orbit-v8 {
  position: relative;
  min-height: 720px;
  display: grid;
  grid-template-columns: 1fr 360px 1fr;
  grid-template-rows: repeat(3, minmax(0,1fr));
  gap: 22px 30px;
  align-items: center;
}
.pk-why-core-v8 {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: center;
  position: relative;
  width: 330px;
  min-height: 330px;
  margin: auto;
  padding: 56px 38px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background:
    radial-gradient(circle at 38% 28%, rgba(255,255,255,.13), transparent 20%),
    linear-gradient(145deg, rgba(9,92,119,.95), rgba(5,59,82,.96));
  border: 1px solid rgba(190,239,243,.24);
  box-shadow: 0 0 0 18px rgba(182,222,230,.045), 0 0 0 40px rgba(189,219,227,.025), 0 30px 64px rgba(0,19,30,.26);
  animation: pkCoreFloat 6s ease-in-out infinite;
}
.pk-why-core-v8::before,
.pk-why-core-v8::after {
  content:"";
  position:absolute;
  inset:-28px;
  border-radius:50%;
  border:1px solid rgba(184,220,229,.10);
}
.pk-why-core-v8::after { inset:-58px; border-color:rgba(184,220,229,.055); }
.pk-why-core-v8 span { color:#83fff0; font-size:11px; font-weight:800; letter-spacing:1.7px; }
.pk-why-core-v8 strong { display:block; margin:13px 0 14px; color:#fff; font-size:24px; line-height:1.25; }
.pk-why-core-v8 p { margin:0; color:rgba(233,249,251,.80) !important; font-size:14px !important; line-height:1.65 !important; }
@keyframes pkCoreFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }

.pk-why-node-v8 {
  position: relative;
  min-height: 170px;
  padding: 24px 24px 22px;
  border-radius: 28px 8px 28px 8px;
  background: rgba(6,70,94,.72);
  border:1px solid rgba(205,235,242,.15);
  backdrop-filter: blur(10px);
  box-shadow:0 18px 38px rgba(0,18,29,.15);
  animation: pkWhyNodeFloat 6.6s ease-in-out infinite;
  transition: transform .3s ease, background .3s ease, box-shadow .3s ease;
}
.pk-node-1,.pk-node-3,.pk-node-5 { grid-column:1; }
.pk-node-2,.pk-node-4,.pk-node-6 { grid-column:3; }
.pk-node-1,.pk-node-2 { grid-row:1; }
.pk-node-3,.pk-node-4 { grid-row:2; }
.pk-node-5,.pk-node-6 { grid-row:3; }
.pk-node-2 { animation-delay:.5s; }.pk-node-3 { animation-delay:1s; }.pk-node-4 { animation-delay:1.5s; }.pk-node-5 { animation-delay:2s; }.pk-node-6 { animation-delay:2.5s; }
.pk-why-node-v8::after {
  content:"";
  position:absolute;
  top:50%;
  width:32px;
  height:1px;
  background:linear-gradient(90deg, rgba(203,226,233,.1), rgba(130,255,240,.75));
}
.pk-node-1::after,.pk-node-3::after,.pk-node-5::after { right:-32px; }
.pk-node-2::after,.pk-node-4::after,.pk-node-6::after { left:-32px; transform:scaleX(-1); }
.pk-why-node-v8 b { color:#90fff2; font-size:12px; letter-spacing:1.4px; }
.pk-why-node-v8 h3 { margin:12px 0 8px; color:#fff !important; font-size:20px !important; }
.pk-why-node-v8 p { margin:0; color:rgba(231,248,250,.80) !important; font-size:14px !important; line-height:1.55 !important; }
.pk-why-node-v8:hover { transform:translateY(-9px) scale(1.015) !important; background:rgba(10,92,116,.86); box-shadow:0 28px 50px rgba(0,18,29,.23); }
@keyframes pkWhyNodeFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }

/* 6) Clients — left column moves up, right column moves down, copy in middle */
.pk-clients-v8 {
  position: relative;
  padding: 94px 0;
  overflow: hidden;
  background: linear-gradient(180deg, var(--pk7-section-top) 0%, var(--pk7-section-mid) 50%, var(--pk7-section-bottom) 100%) !important;
}
.pk-client-split-v8 {
  display:grid;
  grid-template-columns:minmax(250px,1fr) minmax(330px,.9fr) minmax(250px,1fr);
  gap:30px;
  align-items:center;
  min-height:690px;
}
.pk-client-column-v8 {
  height:680px;
  overflow:hidden;
  position:relative;
  mask-image:linear-gradient(180deg, transparent 0, #000 7%, #000 93%, transparent 100%);
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 7%, #000 93%, transparent 100%);
}
.pk-client-vertical-track-v8 { display:grid; gap:18px; }
.pk-client-column-left-v8 .pk-client-vertical-track-v8 { animation:pkClientUp 30s linear infinite; }
.pk-client-column-right-v8 .pk-client-vertical-track-v8 { animation:pkClientDown 30s linear infinite; transform:translateY(-50%); }
.pk-client-column-v8:hover .pk-client-vertical-track-v8 { animation-play-state:paused; }
.pk-client-logo-v8 {
  min-height:150px;
  padding:14px;
  border-radius:28px 8px 28px 8px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(217,239,245,.16);
  box-shadow:0 14px 34px rgba(0,17,28,.16);
}
.pk-client-logo-v8 img {
  width:100%; height:122px; object-fit:contain; display:block;
  padding:24px;
  border-radius:21px 6px 21px 6px;
  background:linear-gradient(180deg,rgba(250,254,255,.97),rgba(233,246,249,.96));
  mix-blend-mode:multiply;
}
.pk-client-center-v8 { text-align:center; padding:34px 24px; }
.pk-client-center-v8 .pk-kicker { color:#86fff0 !important; }
.pk-client-center-v8 h2 { margin:12px 0 16px; color:#fff !important; font-size:clamp(32px,3vw,46px) !important; line-height:1.06 !important; }
.pk-client-center-v8 h2 em { color:#60ef80 !important; font-style:normal; }
.pk-client-center-v8 p { margin:0 auto; max-width:420px; color:rgba(237,250,252,.83) !important; font-size:15.5px !important; line-height:1.7 !important; }
.pk-client-center-mark-v8 { margin-top:28px; font-size:54px; font-weight:900; letter-spacing:6px; color:rgba(211,231,238,.10); }
@keyframes pkClientUp { from{transform:translateY(0)} to{transform:translateY(-50%)} }
@keyframes pkClientDown { from{transform:translateY(-50%)} to{transform:translateY(0)} }

/* 7) Client Stories — redesigned silver-edged quote ribbons */
.pk-story-viewport-v4 { padding: 18px 0 28px !important; }
.pk-story-track-v4 { gap: 26px !important; }
.pk-story-card-v4 {
  position:relative;
  overflow:visible !important;
  min-height:300px !important;
  border-radius:32px 8px 32px 8px !important;
  padding:38px 30px 28px !important;
  background:linear-gradient(145deg, rgba(7,76,100,.86), rgba(5,58,81,.90)) !important;
  border:1px solid rgba(205,231,238,.20) !important;
  box-shadow:0 22px 48px rgba(0,17,29,.20) !important;
}
.pk-story-card-v4::before {
  content:"“";
  position:absolute;
  top:-18px;
  left:26px;
  width:54px;
  height:54px;
  border-radius:18px 4px 18px 4px;
  display:grid;
  place-items:center;
  font-size:46px;
  line-height:1;
  color:#83fff1;
  background:linear-gradient(145deg, rgba(194,215,224,.18), rgba(8,108,130,.75));
  border:1px solid rgba(218,238,244,.24);
  box-shadow:0 12px 24px rgba(0,17,29,.18);
}
.pk-story-card-v4::after {
  content:"";
  position:absolute;
  left:34px;
  bottom:-13px;
  width:26px;
  height:26px;
  background:rgba(5,58,81,.90);
  clip-path:polygon(0 0,100% 0,0 100%);
}
.pk-story-card-v4:nth-child(even) { transform:translateY(24px); }
.pk-story-card-v4:hover { transform:translateY(-8px) !important; border-color:rgba(225,241,246,.34) !important; }
.pk-story-card-v4:nth-child(even):hover { transform:translateY(16px) !important; }
.pk-story-index { color:#9bfff4 !important; letter-spacing:1.4px; }

@media (max-width: 1100px) {
  .pk-why-orbit-v8 { grid-template-columns:1fr 300px 1fr; gap:18px 22px; }
  .pk-why-core-v8 { width:280px; min-height:280px; padding:42px 28px; }
  .pk-client-split-v8 { grid-template-columns:1fr .9fr 1fr; gap:20px; }
}
@media (max-width: 820px) {
  .pk-why-orbit-v8 { display:grid; grid-template-columns:1fr; grid-template-rows:auto; min-height:auto; }
  .pk-why-core-v8, .pk-why-node-v8 { grid-column:1 !important; grid-row:auto !important; width:auto; }
  .pk-why-core-v8 { border-radius:34px; min-height:auto; }
  .pk-why-core-v8::before,.pk-why-core-v8::after,.pk-why-node-v8::after { display:none; }
  .pk-client-split-v8 { grid-template-columns:1fr; }
  .pk-client-center-v8 { grid-row:1; }
  .pk-client-column-v8 { height:420px; }
  .pk-client-column-right-v8 { display:none; }
}
@media (max-width: 640px) {
  .pk-hero-title-v5 > .pk-title-line-v5:first-child,
  .pk-title-access-v5 { width:88% !important; }
  .pk-why-v8,.pk-clients-v8 { padding:68px 0; }
}

/* ===== v9 hero title alignment requested =====
   ENGINEERED starts at the exact same left edge as FOR RELIABLE.
   ACCESS stays larger and centered beneath the middle line. */
.pk-hero-title-v5 {
  width: min(780px, 100%) !important;
  max-width: min(780px, 100%) !important;
  justify-items: stretch !important;
}

.pk-hero-title-v5 > .pk-title-line-v5:first-child {
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

.pk-title-stack-v5 {
  width: 100% !important;
  display: block !important;
}

.pk-title-stack-v5 > .pk-title-line-v5 {
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

.pk-title-access-v5 {
  width: 100% !important;
  margin: 10px auto 0 !important;
  text-align: center !important;
  font-size: 1.18em !important;
  line-height: .92 !important;
}

@media (max-width: 640px) {
  .pk-hero-title-v5 > .pk-title-line-v5:first-child,
  .pk-title-stack-v5 > .pk-title-line-v5,
  .pk-title-access-v5 {
    width: 100% !important;
  }
  .pk-title-access-v5 {
    font-size: 1.12em !important;
  }
}

/* =====================================================================
   v10 — HIGH-TECH BACKGROUND PASS ONLY
   Base: Parken-Website-Hero-Title-Fixed-v9 (boss-reviewed version)
   Scope: keep HERO artwork/layout untouched. Rework only the background
   atmosphere below it using balanced medium blue + medium green,
   floating circuit trails and a mouse-reactive glow spotlight.
   ===================================================================== */
:root{
  --pk10-blue:#4c98b8;
  --pk10-blue-2:#5aaac4;
  --pk10-blue-deep:#2f7597;
  --pk10-green:#4aa98f;
  --pk10-green-2:#62b9a0;
  --pk10-aqua:#77c6c5;
  --pk10-ink:#073c55;
  --pk10-white:#f7fdff;
  --pk10-line:rgba(235,253,255,.50);
  --pk10-line-green:rgba(204,246,226,.42);
}

/* Never change the approved hero banner. */
.pk-hero{
  /* intentionally no v10 background override */
}

/* Remove the old silver-dot/glitter layer and old lower-section paint. */
.pk-about-v4::before,.pk-about-v4::after,
.pk-why-v8::before,.pk-why-v8::after,
.pk-clients-v8::before,.pk-clients-v8::after,
.pk-testimonials-v4::before,.pk-testimonials-v4::after,
.pk-contact-v2::before,.pk-contact-v2::after,
.pk-references-v4::before,.pk-references-v4::after,
.pk-footer-v2::before,.pk-footer-v2::after{
  content:none !important;
  display:none !important;
  animation:none !important;
  background:none !important;
}

/* Zones receiving the new high-tech background.  No image is stretched,
   cropped or zoomed: the entire effect is vector/CSS generated. */
.pk-features,
.pk-stats-v2,
#products.pk-marquee,
.pk-about-v4,
.pk-why-v8,
.pk-clients-v8,
.pk-testimonials-v4,
.pk-contact-v2,
.pk-references-v4,
.pk-footer-v2{
  --pk-mouse-x:50%;
  --pk-mouse-y:50%;
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    radial-gradient(ellipse at 13% 12%,rgba(134,200,217,.34),transparent 34%),
    radial-gradient(ellipse at 88% 18%,rgba(110,190,158,.26),transparent 34%),
    linear-gradient(112deg,#4b93b1 0%,#559fb8 30%,#579fa9 54%,#4e9e8b 78%,#5cad96 100%) !important;
}

/* Slight section-to-section shift without changing the approved palette. */
.pk-stats-v2,
.pk-why-v8,
.pk-testimonials-v4,
.pk-references-v4{
  background:
    radial-gradient(ellipse at 82% 10%,rgba(136,206,220,.28),transparent 31%),
    radial-gradient(ellipse at 11% 86%,rgba(111,190,158,.24),transparent 34%),
    linear-gradient(128deg,#579eb8 0%,#4c91ad 31%,#4c9e9a 62%,#59a78c 100%) !important;
}

/* Keep original content above interactive layers. */
.pk-features > *,
.pk-stats-v2 > *,
#products.pk-marquee > *,
.pk-about-v4 > *,
.pk-why-v8 > *,
.pk-clients-v8 > *,
.pk-testimonials-v4 > *,
.pk-contact-v2 > *,
.pk-references-v4 > *,
.pk-footer-v2 > *{
  position:relative !important;
  z-index:3 !important;
}

/* Injected effect holder — purely background, never affects layout. */
.pk-tech-effects{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  border-radius:inherit !important;
}

/* Mouse-reactive soft spotlight. Medium aqua/green, never neon. */
.pk-tech-mouse-glow{
  position:absolute;
  inset:0;
  opacity:.28;
  background:
    radial-gradient(circle 270px at var(--pk-mouse-x) var(--pk-mouse-y),
      rgba(226,251,245,.54) 0%,
      rgba(123,205,190,.30) 24%,
      rgba(106,187,211,.16) 48%,
      rgba(106,187,211,0) 72%);
  mix-blend-mode:screen;
  transition:opacity .35s ease;
}
.pk-tech-zone.pk-mouse-inside .pk-tech-mouse-glow{ opacity:.50; }

/* Floating circuit trails — responsive SVG uses "meet", so it is never cropped
   or squeezed when section proportions change. */
.pk-tech-circuit-svg{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:visible;
  opacity:.55;
  filter:drop-shadow(0 0 5px rgba(219,250,248,.18));
  animation:pk10CircuitFloat 13s ease-in-out infinite alternate;
}
.pk-tech-circuit-svg .pk-circuit-blue,
.pk-tech-circuit-svg .pk-circuit-green{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.6;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:12 11;
  animation:pk10CircuitDash 18s linear infinite;
}
.pk-tech-circuit-svg .pk-circuit-blue{ stroke:var(--pk10-line); }
.pk-tech-circuit-svg .pk-circuit-green{
  stroke:var(--pk10-line-green);
  animation-duration:22s;
  animation-direction:reverse;
}
.pk-tech-circuit-svg .pk-circuit-node-blue{ fill:rgba(233,253,255,.82); }
.pk-tech-circuit-svg .pk-circuit-node-green{ fill:rgba(213,248,230,.76); }
.pk-tech-circuit-svg .pk-circuit-pulse{
  transform-box:fill-box;
  transform-origin:center;
  animation:pk10NodePulse 3.8s ease-in-out infinite;
}
.pk-tech-circuit-svg .pk-circuit-pulse:nth-of-type(2n){animation-delay:1s}
.pk-tech-circuit-svg .pk-circuit-pulse:nth-of-type(3n){animation-delay:2s}

/* very subtle glassy mist gives depth without distracting from text/photos */
.pk-tech-effects::after{
  content:"";
  position:absolute;
  inset:-18% -12%;
  background:
    radial-gradient(ellipse at 22% 64%,rgba(226,249,253,.14),transparent 36%),
    radial-gradient(ellipse at 72% 28%,rgba(214,246,231,.12),transparent 35%);
  filter:blur(20px);
  animation:pk10MistMove 16s ease-in-out infinite alternate;
}

@keyframes pk10CircuitDash{ to{ stroke-dashoffset:-190; } }
@keyframes pk10CircuitFloat{
  0%{transform:translate3d(-1.5%,0,0)}
  50%{transform:translate3d(1%,1.5%,0)}
  100%{transform:translate3d(1.8%,-1%,0)}
}
@keyframes pk10NodePulse{
  0%,100%{opacity:.44;transform:scale(.82)}
  50%{opacity:1;transform:scale(1.35)}
}
@keyframes pk10MistMove{
  from{transform:translate3d(-2%,0,0) scale(1)}
  to{transform:translate3d(2%,-2%,0) scale(1.04)}
}

/* Cards remain visually separated and readable over the moving background.
   No size, image-fit or content-position changes are made. */
.pk-features article,
.pk-stat-v2,
.pk-about-capabilities-v4 article,
.pk-direction-card-v4,
.pk-why-core-v8,
.pk-why-node-v8,
.pk-client-logo-v8,
.pk-story-card-v4,
.pk-contact-details,
.pk-enquiry-form,
.pk-reference-empty-v4{
  backdrop-filter:blur(9px) saturate(1.03) !important;
}

/* Original dark-theme text remains readable on the balanced medium palette. */
.pk-about-v4 h2,.pk-about-v4 h3,
.pk-why-v8 h2,.pk-why-v8 h3,
.pk-clients-v8 h2,.pk-clients-v8 h3,
.pk-testimonials-v4 h2,.pk-testimonials-v4 h3,
.pk-contact-v2 h2,.pk-contact-v2 h3,
.pk-references-v4 h2,.pk-references-v4 h3,
.pk-footer-v2 h3{ color:#fff !important; }

.pk-about-v4 p,.pk-why-v8 p,.pk-clients-v8 p,.pk-testimonials-v4 p,
.pk-contact-v2 p,.pk-references-v4 p,
.pk-footer-brand p,.pk-footer-brand span,.pk-footer-col a,.pk-footer-bottom{
  color:rgba(244,253,255,.88) !important;
}

.pk-kicker,
.pk-about-v4 .pk-kicker,
.pk-why-v8 .pk-kicker,
.pk-clients-v8 .pk-kicker,
.pk-testimonials-v4 .pk-kicker,
.pk-contact-v2 .pk-kicker,
.pk-references-v4 .pk-kicker{
  color:#d6fff0 !important;
}

/* The product category strip gets the same effects but slightly stronger glass
   so moving text remains clear. */
#products.pk-marquee{
  border-top:1px solid rgba(236,253,255,.25) !important;
  border-bottom:1px solid rgba(236,253,255,.25) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
#products.pk-marquee .pk-marquee-item{color:#f5feff !important}
#products.pk-marquee .pk-marquee-dot{color:#caffdf !important}

/* Mobile/tablet: same effect, lower intensity and no costly pointer response.
   Layout and image aspect ratios remain exactly as the boss-reviewed base. */
@media (max-width:900px){
  .pk-tech-circuit-svg{opacity:.38}
  .pk-tech-mouse-glow{opacity:.18}
  .pk-tech-zone.pk-mouse-inside .pk-tech-mouse-glow{opacity:.28}
}
@media (max-width:640px){
  .pk-tech-circuit-svg{opacity:.28}
  .pk-tech-effects::after{opacity:.65}
}
@media (prefers-reduced-motion:reduce){
  .pk-tech-circuit-svg,
  .pk-tech-circuit-svg .pk-circuit-blue,
  .pk-tech-circuit-svg .pk-circuit-green,
  .pk-tech-circuit-svg .pk-circuit-pulse,
  .pk-tech-effects::after{animation:none !important}
  .pk-tech-mouse-glow{transition:none !important}
}

/* =====================================================================
   v11 — FOUR STRENGTHS reference rebuild
   Matches the approved reference composition: full-width cinematic panel,
   four angled visual cards, connected metric rail, side labels.
   Content is rewritten for PARKEN as a hardware-led brand.
   ===================================================================== */

/* =====================================================================
   v15 — clean rebuilt Four Strengths section only
   Old conflicting styles removed. Hardware-focused copy kept.
   ===================================================================== */
@keyframes pkStrengthMistFloat {
  0% { transform: translate3d(-1.5%,0,0) scale(1); opacity:.88; }
  50% { transform: translate3d(1.8%,-1.2%,0) scale(1.03); opacity:1; }
  100% { transform: translate3d(-1%,1%,0) scale(1.02); opacity:.9; }
}
@keyframes pkStrengthSparkle {
  0%,100% { opacity:.58; transform: translateY(0); }
  50% { opacity:1; transform: translateY(-4px); }
}
.pk-strengths-reference.pk-strengths-exact {
  position: relative;
  overflow: hidden;
  padding: 34px 0 40px !important;
  background:
    linear-gradient(180deg, rgba(245,252,255,.90) 0%, rgba(225,245,252,.92) 100%),
    linear-gradient(125deg, #dff2fb 0%, #d9f4fc 38%, #d7f4ef 100%) !important;
  isolation: isolate;
}
.pk-strengths-reference.pk-strengths-exact::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -5;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.22) 11%, rgba(255,255,255,0) 22%) left center/27% 100% no-repeat,
    linear-gradient(270deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.12) 12%, rgba(255,255,255,0) 22%) right center/20% 100% no-repeat,
    radial-gradient(circle at 8% 14%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.35) 10%, transparent 26%),
    radial-gradient(circle at 96% 12%, rgba(255,255,255,.92) 0%, rgba(255,255,255,.28) 10%, transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 28%, rgba(255,255,255,0) 72%, rgba(255,255,255,.08));
}
.pk-strengths-reference.pk-strengths-exact::after {
  content: "";
  position: absolute;
  left: -2%;
  right: -2%;
  bottom: -22px;
  height: 190px;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 12% 100%, rgba(255,255,255,.96) 0 18%, transparent 42%),
    radial-gradient(ellipse at 86% 100%, rgba(255,255,255,.92) 0 15%, transparent 38%),
    radial-gradient(ellipse at 48% 82%, rgba(163,243,255,.42), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(216,249,255,.10) 28%, rgba(232,251,255,.72) 65%, rgba(247,255,255,1) 100%);
  clip-path: polygon(0 72%, 14% 59%, 28% 66%, 42% 54%, 56% 71%, 69% 57%, 84% 65%, 100% 51%, 100% 100%, 0 100%);
}
.pk-strengths-exact .pk-strengths-skyline {
  position: absolute;
  inset: 0;
  z-index: -4;
  pointer-events: none;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.14)),
    url('assets/hero-background.png');
  background-size: cover;
  background-position: center center;
  opacity: .34;
  filter: saturate(.78) brightness(1.45) contrast(.78) blur(.2px);
}
.pk-strengths-exact .pk-strengths-mist {
  position: absolute;
  inset: -5%;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(44% 24% at 18% 54%, rgba(77,218,255,.22), transparent 68%),
    radial-gradient(34% 22% at 82% 58%, rgba(89,236,196,.24), transparent 66%),
    radial-gradient(32% 16% at 50% 18%, rgba(255,255,255,.95), transparent 72%),
    radial-gradient(68% 24% at 50% 85%, rgba(255,255,255,.46), transparent 76%);
  filter: blur(12px);
  animation: pkStrengthMistFloat 16s ease-in-out infinite;
}
.pk-strengths-exact .pk-strengths-sparkles {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .95;
  background:
    radial-gradient(circle at 9% 18%, rgba(255,255,255,.95) 0 2px, transparent 6px),
    radial-gradient(circle at 17% 37%, rgba(255,255,255,.9) 0 1.4px, transparent 5px),
    radial-gradient(circle at 22% 64%, rgba(151,241,255,.95) 0 1.8px, transparent 6px),
    radial-gradient(circle at 31% 24%, rgba(255,255,255,.95) 0 1.5px, transparent 5px),
    radial-gradient(circle at 39% 16%, rgba(255,255,255,.9) 0 2.1px, transparent 7px),
    radial-gradient(circle at 48% 32%, rgba(255,255,255,.95) 0 1.7px, transparent 6px),
    radial-gradient(circle at 56% 13%, rgba(164,246,255,.95) 0 2px, transparent 7px),
    radial-gradient(circle at 63% 46%, rgba(255,255,255,.92) 0 1.5px, transparent 5px),
    radial-gradient(circle at 71% 26%, rgba(255,255,255,.96) 0 2.1px, transparent 7px),
    radial-gradient(circle at 77% 66%, rgba(93,239,201,.95) 0 1.8px, transparent 6px),
    radial-gradient(circle at 88% 21%, rgba(255,255,255,.95) 0 2px, transparent 7px),
    radial-gradient(circle at 92% 41%, rgba(255,255,255,.88) 0 1.3px, transparent 4px),
    radial-gradient(circle at 14% 78%, rgba(255,255,255,.9) 0 1.2px, transparent 5px),
    radial-gradient(circle at 51% 75%, rgba(255,255,255,.9) 0 1.4px, transparent 5px),
    radial-gradient(circle at 83% 78%, rgba(255,255,255,.92) 0 1.2px, transparent 5px);
  animation: pkStrengthSparkle 7s ease-in-out infinite;
}
.pk-strengths-exact .pk-strengths-shell {
  width: min(1320px, calc(100% - 90px));
  position: relative;
}
.pk-strengths-exact .pk-strengths-head {
  margin: 0 auto 18px;
  max-width: 1040px;
  text-align: center;
}
.pk-strengths-exact .pk-strengths-head h2 {
  margin: 0 !important;
  font: 900 clamp(46px, 4.5vw, 72px)/.92 'Montserrat', Arial, sans-serif !important;
  letter-spacing: -2.6px !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.65), 0 10px 24px rgba(44,122,168,.10);
}
.pk-strengths-exact .pk-strengths-head h2 span {
  display: block;
  color: #0c4172 !important;
}
.pk-strengths-exact .pk-strengths-head h2 strong {
  display: block;
  margin-top: 7px !important;
  font: inherit !important;
  color: transparent !important;
  background: linear-gradient(90deg, #2b93d8 0%, #24b8e1 52%, #2dbd90 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.pk-strengths-exact .pk-strengths-head p {
  margin: 10px 0 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: #27577e !important;
  font: 650 10px/1.3 'Montserrat', Arial, sans-serif !important;
  letter-spacing: .34em !important;
  text-transform: uppercase !important;
}
.pk-strengths-exact .pk-strengths-head p i {
  width: 105px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #2d72a5);
}
.pk-strengths-exact .pk-strengths-head p i:last-child {
  background: linear-gradient(90deg, #2d72a5, transparent);
}
.pk-strengths-exact .pk-strengths-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
  margin: 0 auto 14px;
}
.pk-strengths-exact .pk-strength-card {
  position: relative;
  height: 338px;
  overflow: hidden;
  clip-path: polygon(8.5% 0, 100% 0, 91.5% 100%, 0 100%);
  border-radius: 20px;
  border: 1px solid rgba(225,252,255,.95);
  background: linear-gradient(180deg, rgba(111,217,248,.18) 0%, rgba(63,183,225,.20) 22%, rgba(18,130,185,.89) 68%, rgba(8,88,135,.98) 100%);
  box-shadow:
    0 18px 40px rgba(38,117,161,.16),
    0 0 0 1px rgba(181,244,255,.12),
    0 0 32px rgba(102,234,255,.24),
    inset 0 1px 0 rgba(255,255,255,.68);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.pk-strengths-exact .pk-strength-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(113deg, rgba(255,255,255,.34) 0 6.5%, transparent 6.8% 72%, rgba(255,255,255,.16) 72.4% 73.2%, transparent 73.4% 100%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 26%);
}
.pk-strengths-exact .pk-strength-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.02) 0 16%, rgba(255,255,255,0) 28%, rgba(9,90,132,.12) 48%, rgba(8,86,128,.70) 67%, rgba(7,78,119,.98) 100%);
}
.pk-strengths-exact .pk-strength-image {
  position: absolute;
  inset: 0 0 auto 0;
  height: 196px;
  overflow: hidden;
}
.pk-strengths-exact .pk-strength-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 46%, rgba(9,89,131,.08) 74%, rgba(9,89,131,0) 100%);
}
.pk-strengths-exact .pk-strength-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: saturate(1.04) brightness(1.03) contrast(.98);
}
.pk-strengths-exact .pk-strength-icon {
  position: absolute;
  top: 16px;
  left: 32px;
  z-index: 5;
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #f4fdff;
  background: linear-gradient(180deg, rgba(89,169,215,.78), rgba(50,125,181,.72));
  border: 1px solid rgba(238,254,255,.92);
  box-shadow: 0 10px 24px rgba(29,104,153,.16), 0 0 16px rgba(155,245,255,.30), inset 0 1px 0 rgba(255,255,255,.40);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.pk-strengths-exact .pk-strength-icon svg { width: 24px; height: 24px; }
.pk-strengths-exact .pk-strength-copy {
  position: absolute;
  z-index: 6;
  left: 28px;
  right: 26px;
  bottom: 18px;
}
.pk-strengths-exact .pk-strength-copy h3 {
  margin: 0 0 9px !important;
  color: #fff !important;
  font: 850 14px/1.12 'Montserrat', Arial, sans-serif !important;
  letter-spacing: -.18px !important;
  text-transform: uppercase;
}
.pk-strengths-exact .pk-strength-copy p {
  margin: 0 !important;
  color: rgba(245,253,255,.98) !important;
  font: 500 11px/1.38 'Montserrat', Arial, sans-serif !important;
}
.pk-strengths-exact .pk-strength-copy b {
  display: block;
  width: 34px;
  height: 3px;
  margin-top: 11px;
  border-radius: 4px;
  background: linear-gradient(90deg, #52eef4, #6cf4cd);
  box-shadow: 0 0 10px rgba(82,238,244,.50);
}
.pk-strengths-exact .pk-strength-stats {
  position: relative;
  width: min(1060px, 92%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(225,252,255,.95);
  background: linear-gradient(180deg, rgba(134,230,249,.16) 0%, rgba(56,184,221,.18) 16%, rgba(27,153,203,.92) 46%, rgba(17,121,178,.98) 100%);
  box-shadow: 0 18px 34px rgba(39,118,159,.14), 0 0 28px rgba(102,234,255,.20), inset 0 1px 0 rgba(255,255,255,.76), inset 0 0 0 1px rgba(197,249,255,.14);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.pk-strengths-exact .pk-strength-stats::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 13px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.06) 26%, rgba(255,255,255,0) 50%, rgba(255,255,255,.04));
}
.pk-strengths-exact .pk-strength-stat {
  position: relative;
  z-index: 1;
  min-height: 84px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 18px;
  border-right: 1px solid rgba(222,252,255,.28);
}
.pk-strengths-exact .pk-strength-stat:last-child { border-right: 0; }
.pk-strengths-exact .pk-strength-stat .pk-stat-v2-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #61efee;
  background: rgba(0,0,0,.10);
  border: 1px solid rgba(220,251,255,.30);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 12px rgba(97,239,238,.14);
}
.pk-strengths-exact .pk-strength-stat .pk-stat-v2-icon svg { width: 24px; height: 24px; }
.pk-strengths-exact .pk-strength-stat strong {
  display: block;
  color: #fff !important;
  font: 900 25px/1 'Montserrat', Arial, sans-serif !important;
  letter-spacing: -.7px;
}
.pk-strengths-exact .pk-strength-stat div>span {
  display: block;
  margin-top: 4px;
  color: rgba(246,253,255,.95) !important;
  font: 600 9px/1.15 'Montserrat', Arial, sans-serif !important;
  white-space: nowrap;
}
.pk-strengths-exact .pk-strengths-side {
  position: absolute;
  z-index: 3;
  top: 76px;
  color: #164d77;
  font-family: 'Montserrat', Arial, sans-serif;
  text-transform: uppercase;
  pointer-events: none;
}
.pk-strengths-exact .pk-strengths-side-left { left: 32px; }
.pk-strengths-exact .pk-strengths-side-right { right: 30px; top: 136px; }
.pk-strengths-exact .pk-strengths-side span {
  display: block;
  margin-bottom: 23px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .36em;
}
.pk-strengths-exact .pk-strengths-side small {
  display: block;
  font-size: 8.9px;
  line-height: 1.78;
  font-weight: 700;
  letter-spacing: .28em;
}
.pk-strengths-exact .pk-strengths-side::before,
.pk-strengths-exact .pk-strengths-side::after {
  content: "";
  display: block;
  width: 34px;
  height: 1px;
  background: #2c77a8;
  margin-bottom: 18px;
}
.pk-strengths-exact .pk-strengths-side::after {
  margin-top: 22px;
  margin-bottom: 0;
}
@media (max-width:1180px) {
  .pk-strengths-exact .pk-strengths-shell { width: calc(100% - 48px); }
  .pk-strengths-exact .pk-strengths-side { display:none; }
  .pk-strengths-exact .pk-strengths-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pk-strengths-exact .pk-strength-card { height: 322px; clip-path: polygon(5% 0,100% 0,95% 100%,0 100%); }
  .pk-strengths-exact .pk-strength-image { height: 190px; }
  .pk-strengths-exact .pk-strength-stats { width: 100%; }
}
@media (max-width:760px) {
  .pk-strengths-reference.pk-strengths-exact { padding: 30px 0 28px !important; }
  .pk-strengths-exact .pk-strengths-shell { width: calc(100% - 22px); }
  .pk-strengths-exact .pk-strengths-head h2 { font-size: 32px !important; letter-spacing: -1px !important; }
  .pk-strengths-exact .pk-strengths-head p { font-size: 7px !important; letter-spacing: .16em !important; gap: 8px; }
  .pk-strengths-exact .pk-strengths-head p i { width: 18px; }
  .pk-strengths-exact .pk-strengths-grid { grid-template-columns: 1fr; gap: 14px; }
  .pk-strengths-exact .pk-strength-card { height: 290px; clip-path: none; border-radius: 16px; }
  .pk-strengths-exact .pk-strength-image { height: 176px; }
  .pk-strengths-exact .pk-strength-icon { left: 18px; }
  .pk-strengths-exact .pk-strength-copy { left: 21px; right: 21px; }
  .pk-strengths-exact .pk-strength-stats { grid-template-columns: 1fr; width: 100%; }
  .pk-strengths-exact .pk-strength-stat { border-right: 0; border-bottom: 1px solid rgba(222,252,255,.28); padding: 10px 16px; }
  .pk-strengths-exact .pk-strength-stat:last-child { border-bottom: 0; }
  .pk-strengths-exact .pk-strength-stat div>span { white-space: normal; }
}
@media (prefers-reduced-motion:reduce) {
  .pk-strengths-exact .pk-strengths-mist,
  .pk-strengths-exact .pk-strengths-sparkles { animation: none !important; }
}


/* ========================== v16 FOUR STRENGTHS ========================== */
@keyframes pkS16Mist{0%{transform:translate3d(-1.5%,0,0) scale(1)}50%{transform:translate3d(1.2%,-1%,0) scale(1.03)}100%{transform:translate3d(-.7%,1%,0) scale(1.015)}}
@keyframes pkS16Spark{0%,100%{opacity:.62}50%{opacity:1}}
.pk-strengths-v16{position:relative;isolation:isolate;overflow:hidden;padding:66px 0 46px;background:linear-gradient(180deg,#dbf3ff 0%,#c7edf9 48%,#d5f6ef 100%);font-family:'Montserrat',Arial,sans-serif;color:#0c4774}
.pk-s16-city{position:absolute;inset:0;z-index:-5;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.18)),url('assets/hero-background.png') center 63%/cover no-repeat;filter:brightness(1.75) saturate(.65) contrast(.78);opacity:.27}
.pk-s16-aurora{position:absolute;inset:-12%;z-index:-4;background:radial-gradient(38% 24% at 12% 60%,rgba(37,174,237,.30),transparent 70%),radial-gradient(34% 23% at 88% 62%,rgba(52,207,147,.27),transparent 69%),radial-gradient(40% 20% at 50% 13%,rgba(255,255,255,.92),transparent 74%),radial-gradient(70% 28% at 52% 90%,rgba(255,255,255,.48),transparent 74%);filter:blur(16px);animation:pkS16Mist 17s ease-in-out infinite}
.pk-s16-sparkles{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 19%,#fff 0 2px,transparent 7px),radial-gradient(circle at 17% 34%,rgba(255,255,255,.95) 0 1.4px,transparent 5px),radial-gradient(circle at 24% 13%,rgba(255,255,255,.92) 0 2px,transparent 7px),radial-gradient(circle at 31% 27%,rgba(118,226,255,.96) 0 1.5px,transparent 5px),radial-gradient(circle at 41% 10%,#fff 0 1.8px,transparent 6px),radial-gradient(circle at 48% 35%,rgba(255,255,255,.94) 0 1.4px,transparent 5px),radial-gradient(circle at 57% 15%,rgba(143,237,255,.96) 0 2px,transparent 7px),radial-gradient(circle at 65% 29%,#fff 0 1.7px,transparent 6px),radial-gradient(circle at 72% 12%,rgba(255,255,255,.95) 0 2px,transparent 7px),radial-gradient(circle at 81% 33%,rgba(105,239,192,.88) 0 1.5px,transparent 5px),radial-gradient(circle at 90% 17%,#fff 0 2px,transparent 7px),radial-gradient(circle at 95% 46%,rgba(255,255,255,.9) 0 1.4px,transparent 5px),radial-gradient(circle at 13% 73%,rgba(255,255,255,.82) 0 1.4px,transparent 5px),radial-gradient(circle at 52% 76%,rgba(255,255,255,.9) 0 1.4px,transparent 5px),radial-gradient(circle at 86% 74%,rgba(255,255,255,.88) 0 1.3px,transparent 5px);animation:pkS16Spark 6s ease-in-out infinite}
.pk-strengths-v16:after{content:"";position:absolute;z-index:-2;left:-3%;right:-3%;bottom:-20px;height:180px;background:radial-gradient(ellipse at 15% 100%,rgba(255,255,255,.95),transparent 33%),radial-gradient(ellipse at 88% 100%,rgba(255,255,255,.95),transparent 28%),linear-gradient(180deg,transparent 0%,rgba(224,250,255,.12) 30%,rgba(238,253,255,.80) 68%,#f8ffff 100%);clip-path:polygon(0 74%,13% 58%,27% 66%,41% 54%,55% 72%,70% 57%,85% 65%,100% 50%,100% 100%,0 100%)}
.pk-s16-shell{width:min(1320px,calc(100% - 110px));margin:auto;position:relative;z-index:2}.pk-s16-head{text-align:center;max-width:1080px;margin:0 auto 20px}.pk-s16-head h2{margin:0;font:900 clamp(44px,4.6vw,72px)/.92 'Montserrat',Arial,sans-serif;letter-spacing:-2.5px;text-transform:uppercase}.pk-s16-head h2 span{display:block;color:#0d4374}.pk-s16-head h2 strong{display:block;margin-top:7px;background:linear-gradient(90deg,#248fd6,#22b9e0 50%,#2abe91);-webkit-background-clip:text;background-clip:text;color:transparent}.pk-s16-head p{margin:11px 0 0;display:flex;align-items:center;justify-content:center;gap:16px;font:650 10px/1.3 'Montserrat',Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#315e80}.pk-s16-head p i{width:90px;height:1px;background:linear-gradient(90deg,transparent,#3279aa)}.pk-s16-head p i:last-child{background:linear-gradient(90deg,#3279aa,transparent)}
.pk-s16-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:15px}.pk-s16-card{position:relative;height:320px;overflow:hidden;clip-path:polygon(8.5% 0,100% 0,91.5% 100%,0 100%);border:1px solid rgba(224,252,255,.98);background:linear-gradient(180deg,rgba(90,206,239,.18) 0%,rgba(40,169,216,.22) 26%,rgba(16,122,174,.88) 67%,rgba(8,87,132,.98) 100%);box-shadow:0 20px 44px rgba(37,120,161,.15),0 0 28px rgba(88,226,255,.24),inset 0 1px 0 rgba(255,255,255,.70);backdrop-filter:blur(8px)}.pk-s16-card:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(113deg,rgba(255,255,255,.32) 0 6.4%,transparent 6.7% 72%,rgba(255,255,255,.15) 72.3% 73.2%,transparent 73.5% 100%)}.pk-s16-card:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 0 32%,rgba(9,91,133,.10) 48%,rgba(8,86,129,.72) 67%,rgba(7,78,119,.98) 100%)}.pk-s16-photo{position:absolute;inset:0 0 auto 0;height:188px;overflow:hidden}.pk-s16-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(1.03) brightness(1.03)}.pk-s16-icon{position:absolute;z-index:5;top:15px;left:31px;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,rgba(72,163,211,.78),rgba(48,122,179,.72));border:1px solid rgba(239,254,255,.94);box-shadow:0 10px 24px rgba(29,104,153,.16),0 0 15px rgba(150,245,255,.28),inset 0 1px 0 rgba(255,255,255,.45)}.pk-s16-icon svg{width:24px;height:24px}.pk-s16-copy{position:absolute;z-index:6;left:29px;right:25px;bottom:18px;color:#fff}.pk-s16-copy h3{margin:0 0 8px;font:850 14px/1.14 'Montserrat',Arial,sans-serif;color:#fff}.pk-s16-copy p{margin:0;font:500 10.8px/1.38 'Montserrat',Arial,sans-serif;color:rgba(246,253,255,.98)}.pk-s16-copy b{display:block;width:34px;height:3px;margin-top:10px;border-radius:5px;background:linear-gradient(90deg,#54eff4,#68f4ce);box-shadow:0 0 10px rgba(84,239,244,.48)}
.pk-s16-stats{position:relative;width:min(1080px,92%);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border-radius:14px;border:1px solid rgba(225,252,255,.96);background:linear-gradient(180deg,rgba(120,226,248,.18),rgba(47,180,221,.18) 18%,rgba(28,151,202,.92) 47%,rgba(17,121,178,.98));box-shadow:0 18px 34px rgba(39,118,159,.14),0 0 28px rgba(102,234,255,.19),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(10px)}.pk-s16-stat{min-height:82px;display:flex;align-items:center;gap:13px;padding:11px 17px;border-right:1px solid rgba(226,252,255,.28)}.pk-s16-stat:last-child{border-right:0}.pk-s16-stat-icon{width:42px;height:42px;flex:0 0 42px;border-radius:11px;display:grid;place-items:center;font-size:24px;color:#61efee;background:rgba(0,0,0,.09);border:1px solid rgba(220,251,255,.30)}.pk-s16-stat strong{display:block;color:#fff;font:900 25px/1 'Montserrat',Arial,sans-serif}.pk-s16-stat div span{display:block;margin-top:5px;color:rgba(247,254,255,.96);font:600 9px/1.15 'Montserrat',Arial,sans-serif;white-space:nowrap}.pk-s16-side{position:absolute;z-index:3;top:95px;color:#174c74;font-family:'Montserrat',Arial,sans-serif;text-transform:uppercase}.pk-s16-side-left{left:30px}.pk-s16-side-right{right:27px;top:150px}.pk-s16-side span{display:block;margin-bottom:22px;font-size:12px;font-weight:700;letter-spacing:.36em}.pk-s16-side small{font-size:8.8px;line-height:1.76;font-weight:700;letter-spacing:.28em}.pk-s16-side:before,.pk-s16-side:after{content:"";display:block;width:34px;height:1px;background:#2d78a6;margin-bottom:18px}.pk-s16-side:after{margin-top:22px;margin-bottom:0}

/* =============================== v16 ABOUT =============================== */
@keyframes pkA16Pulse{0%,100%{box-shadow:0 0 0 0 rgba(61,224,232,.34)}50%{box-shadow:0 0 0 16px rgba(61,224,232,0)}}
.pk-about-v16{position:relative;overflow:hidden;padding:78px 0 82px;background:linear-gradient(145deg,#f8fcff 0%,#e9f6fb 48%,#e9f7f2 100%);font-family:'Montserrat',Arial,sans-serif;color:#123f63}.pk-about-v16:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(36% 28% at 14% 18%,rgba(77,178,232,.12),transparent 70%),radial-gradient(35% 28% at 88% 18%,rgba(67,199,144,.12),transparent 70%),linear-gradient(115deg,rgba(255,255,255,.65),transparent 18%,transparent 82%,rgba(255,255,255,.48))}.pk-a16-shell{position:relative;z-index:1;width:min(1280px,calc(100% - 72px));margin:auto}.pk-a16-head{text-align:left;max-width:930px;margin-bottom:30px}.pk-a16-head>span,.pk-a16-kicker{display:inline-block;color:#17a3b9;font:800 11px/1 'Montserrat',Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;margin-bottom:12px}.pk-a16-head h2{margin:0;color:#0b426e;font:900 clamp(42px,4.2vw,68px)/.95 'Montserrat',Arial,sans-serif;letter-spacing:-2.2px}.pk-a16-head h2 strong{color:#1caeae}.pk-a16-head p{margin:16px 0 0;max-width:760px;color:#557589;font:500 15px/1.6 'Montserrat',Arial,sans-serif}.pk-a16-showcase{position:relative;height:420px;border-radius:30px;overflow:hidden;border:1px solid rgba(96,190,214,.28);box-shadow:0 28px 60px rgba(34,105,142,.14),inset 0 1px 0 #fff;background:#0b4164;margin-bottom:48px}.pk-a16-slides,.pk-a16-slide{position:absolute;inset:0;margin:0}.pk-a16-slide{opacity:0;transition:opacity 1s ease}.pk-a16-slide.is-active{opacity:1}.pk-a16-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pk-a16-showcase-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,50,76,.15),rgba(4,53,81,.04) 55%,rgba(4,55,83,.30)),linear-gradient(180deg,transparent 55%,rgba(5,52,79,.55))}.pk-a16-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:29px;border:1px solid rgba(255,255,255,.84);background:rgba(5,64,90,.34);backdrop-filter:blur(12px);animation:pkA16Pulse 2.8s ease-in-out infinite}.pk-a16-play span{margin-left:5px}.pk-a16-showcase-label{position:absolute;left:36px;bottom:30px;color:#fff}.pk-a16-showcase-label small{display:block;font-size:10px;letter-spacing:.22em;margin-bottom:7px}.pk-a16-showcase-label strong{font-size:20px}.pk-a16-dots{position:absolute;right:34px;bottom:34px;display:flex;gap:8px}.pk-a16-dots i{width:30px;height:3px;border-radius:4px;background:rgba(255,255,255,.35)}.pk-a16-dots i.is-active{background:#63efdd;box-shadow:0 0 10px rgba(99,239,221,.4)}.pk-a16-story{display:grid;grid-template-columns:1.08fr .92fr;gap:38px;align-items:stretch}.pk-a16-copy,.pk-a16-hardware{border-radius:28px;padding:38px;background:rgba(255,255,255,.78);border:1px solid rgba(84,170,203,.16);box-shadow:0 18px 42px rgba(34,104,137,.08);backdrop-filter:blur(12px)}.pk-a16-copy h3{margin:0 0 20px;color:#0c426b;font:850 clamp(28px,2.6vw,42px)/1.02 'Montserrat',Arial,sans-serif;letter-spacing:-1.2px}.pk-a16-copy h3 em{font-style:normal;color:#1aa6b3}.pk-a16-copy p{margin:0 0 15px;color:#4e7182;font:500 13px/1.66 'Montserrat',Arial,sans-serif}.pk-a16-highlight{margin-top:22px;padding:18px 20px;border-radius:16px;background:linear-gradient(100deg,rgba(212,246,251,.88),rgba(213,247,235,.88));border-left:4px solid #22b9bd;color:#0c4f70;font:750 13px/1.5 'Montserrat',Arial,sans-serif}.pk-a16-hardware-head small{display:block;color:#27a0b4;font:800 9px/1 'Montserrat',Arial,sans-serif;letter-spacing:.22em;margin-bottom:8px}.pk-a16-hardware-head strong{font:900 30px/1 'Montserrat',Arial,sans-serif;color:#0d456e}.pk-a16-hardware-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.pk-a16-hardware-grid article{position:relative;min-height:140px;padding:20px;border-radius:18px;background:linear-gradient(145deg,rgba(237,249,253,.96),rgba(232,248,241,.90));border:1px solid rgba(78,165,198,.14)}.pk-a16-hardware-grid b{display:block;color:#23a6b5;font:900 22px/1 'Montserrat',Arial,sans-serif;margin-bottom:12px}.pk-a16-hardware-grid h4{margin:0 0 6px;color:#103f62;font:800 13px/1.25 'Montserrat',Arial,sans-serif}.pk-a16-hardware-grid p{margin:0;color:#66808e;font:500 10.5px/1.45 'Montserrat',Arial,sans-serif}.pk-a16-direction{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.pk-a16-direction article{padding:24px 26px;border-radius:20px;background:linear-gradient(110deg,rgba(255,255,255,.85),rgba(229,247,249,.82));border:1px solid rgba(83,168,198,.14)}.pk-a16-direction span{display:block;color:#22a3b7;font:800 9px/1 'Montserrat',Arial,sans-serif;letter-spacing:.2em;margin-bottom:9px}.pk-a16-direction h4{margin:0 0 7px;color:#0c456b;font:800 15px/1.25 'Montserrat',Arial,sans-serif}.pk-a16-direction p{margin:0;color:#607d8b;font:500 10.7px/1.5 'Montserrat',Arial,sans-serif}

/* ================================ v16 WHY ================================ */
@keyframes pkW16Rotate{to{transform:rotate(360deg)}}@keyframes pkW16Glow{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}
.pk-why-v16{position:relative;overflow:hidden;padding:82px 0 92px;background:linear-gradient(135deg,#2f91bd 0%,#2aa5b7 45%,#4bbf92 100%);font-family:'Montserrat',Arial,sans-serif;color:#fff}.pk-w16-grid-bg{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 38%,transparent 62%,#000)}.pk-w16-glow{position:absolute;width:560px;height:560px;border-radius:50%;filter:blur(55px);animation:pkW16Glow 7s ease-in-out infinite}.pk-w16-glow-a{left:-180px;top:-140px;background:rgba(91,226,255,.38)}.pk-w16-glow-b{right:-170px;bottom:-220px;background:rgba(92,239,178,.34);animation-delay:-3s}.pk-w16-shell{position:relative;z-index:1;width:min(1280px,calc(100% - 72px));margin:auto}.pk-w16-head{max-width:930px;margin-bottom:38px}.pk-w16-head>span{display:block;font:800 10px/1 'Montserrat',Arial,sans-serif;letter-spacing:.24em;color:#e6ffff;margin-bottom:13px}.pk-w16-head h2{margin:0;font:900 clamp(42px,4.1vw,66px)/.94 'Montserrat',Arial,sans-serif;letter-spacing:-2px;color:#fff;text-shadow:0 8px 24px rgba(7,78,101,.14)}.pk-w16-head h2 strong{color:#dffcff}.pk-w16-head p{max-width:760px;margin:15px 0 0;color:rgba(242,255,255,.91);font:500 14px/1.6 'Montserrat',Arial,sans-serif}.pk-w16-stage{position:relative;min-height:530px;border-radius:32px;padding:34px;background:rgba(8,79,106,.22);border:1px solid rgba(226,255,255,.35);box-shadow:0 30px 70px rgba(8,77,101,.18),inset 0 1px 0 rgba(255,255,255,.32);backdrop-filter:blur(12px);overflow:hidden}.pk-w16-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 20%,transparent 76%,rgba(255,255,255,.07));pointer-events:none}.pk-w16-core{position:absolute;left:52px;top:50%;transform:translateY(-50%);width:280px;height:280px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.22),rgba(12,95,124,.58) 56%,rgba(10,79,108,.84));border:1px solid rgba(228,255,255,.45);box-shadow:0 0 50px rgba(103,240,255,.25),inset 0 0 60px rgba(255,255,255,.08);z-index:3}.pk-w16-core img{width:128px;max-height:76px;object-fit:contain;margin-bottom:15px;filter:drop-shadow(0 8px 14px rgba(0,45,64,.18))}.pk-w16-core small{font:800 8px/1 'Montserrat',Arial,sans-serif;letter-spacing:.25em;color:#dffcff;margin-bottom:8px}.pk-w16-core strong{font:900 17px/1.15 'Montserrat',Arial,sans-serif;color:#fff}.pk-w16-ring{position:absolute;border-radius:50%;border:1px solid rgba(218,255,255,.42)}.pk-w16-ring-a{inset:-20px;border-style:dashed;animation:pkW16Rotate 18s linear infinite}.pk-w16-ring-b{inset:-42px;border-color:rgba(218,255,255,.16);animation:pkW16Rotate 28s linear infinite reverse}.pk-w16-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;fill:none;stroke:rgba(185,253,255,.48);stroke-width:1.3;stroke-dasharray:6 7;filter:drop-shadow(0 0 5px rgba(190,254,255,.40))}.pk-w16-cards{position:relative;z-index:4;margin-left:365px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pk-w16-cards article{position:relative;min-height:142px;padding:22px 22px 20px 56px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(4,89,116,.16));border:1px solid rgba(226,255,255,.36);box-shadow:0 16px 30px rgba(7,79,105,.12),inset 0 1px 0 rgba(255,255,255,.20);backdrop-filter:blur(10px)}.pk-w16-cards article:before{content:"";position:absolute;left:20px;top:24px;width:23px;height:23px;border-radius:7px;background:linear-gradient(145deg,#70e8f1,#8cf2be);box-shadow:0 0 18px rgba(117,237,222,.42)}.pk-w16-cards b{position:absolute;right:18px;top:16px;color:rgba(255,255,255,.20);font:900 34px/1 'Montserrat',Arial,sans-serif}.pk-w16-cards span{display:block;margin-bottom:9px;color:#fff;font:850 13px/1.2 'Montserrat',Arial,sans-serif}.pk-w16-cards p{margin:0;color:rgba(242,255,255,.90);font:500 10.5px/1.48 'Montserrat',Arial,sans-serif}

@media(max-width:1100px){.pk-s16-shell,.pk-a16-shell,.pk-w16-shell{width:calc(100% - 42px)}.pk-s16-side{display:none}.pk-s16-grid{grid-template-columns:repeat(2,1fr)}.pk-s16-card{height:315px}.pk-s16-stats{width:100%}.pk-a16-story{grid-template-columns:1fr}.pk-w16-stage{padding:28px}.pk-w16-core{position:relative;left:auto;top:auto;transform:none;margin:0 auto 36px}.pk-w16-lines{display:none}.pk-w16-cards{margin-left:0}}
@media(max-width:700px){.pk-strengths-v16{padding:38px 0 30px}.pk-s16-shell,.pk-a16-shell,.pk-w16-shell{width:calc(100% - 24px)}.pk-s16-head h2{font-size:32px;letter-spacing:-1px}.pk-s16-head p{font-size:7px;letter-spacing:.15em;gap:8px}.pk-s16-head p i{width:18px}.pk-s16-grid{grid-template-columns:1fr}.pk-s16-card{height:286px;clip-path:none;border-radius:18px}.pk-s16-photo{height:170px}.pk-s16-stats{grid-template-columns:1fr}.pk-s16-stat{border-right:0;border-bottom:1px solid rgba(226,252,255,.26)}.pk-about-v16,.pk-why-v16{padding:58px 0 64px}.pk-a16-head h2,.pk-w16-head h2{font-size:36px;letter-spacing:-1.2px}.pk-a16-showcase{height:260px;border-radius:22px}.pk-a16-showcase-label{left:20px;bottom:20px}.pk-a16-showcase-label strong{font-size:14px}.pk-a16-play{width:64px;height:64px}.pk-a16-copy,.pk-a16-hardware{padding:24px;border-radius:22px}.pk-a16-hardware-grid,.pk-a16-direction,.pk-w16-cards{grid-template-columns:1fr}.pk-w16-stage{padding:20px;border-radius:24px}.pk-w16-core{width:220px;height:220px}.pk-w16-cards article{min-height:0}}

/* =====================================================================
   v18 CLEAN REWORK — Four Strengths / About / Why Parken
   No circuit-line background. Natural HTML/CSS layout.
   ===================================================================== */
@keyframes pkS18Mist {0%,100%{transform:translate3d(-1%,0,0) scale(1)}50%{transform:translate3d(1.5%,-1%,0) scale(1.03)}}
@keyframes pkS18Spark {0%,100%{opacity:.62}50%{opacity:1}}
@keyframes pkW18Scan {0%{transform:translateX(-115%);opacity:0}15%{opacity:.65}50%{opacity:.9}85%{opacity:.55}100%{transform:translateX(115%);opacity:0}}
@keyframes pkW18Aura {0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.08)}}

/* remove legacy circuit graphics everywhere, while allowing mouse glow to remain */
.pk-tech-circuit-svg{display:none !important;}
.pk-tech-effects::after{display:none !important;}

/* FOUR STRENGTHS */
.pk-strengths-v18{position:relative;isolation:isolate;overflow:hidden;padding:42px 0 38px;background:linear-gradient(180deg,#e9f8ff 0%,#d8f3fc 42%,#d7f5ef 100%);font-family:'Montserrat',Arial,sans-serif;color:#0c4771}
.pk-strengths-v18:before{content:"";position:absolute;inset:0;z-index:-6;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.96),transparent 21%),radial-gradient(circle at 82% 10%,rgba(255,255,255,.90),transparent 19%),linear-gradient(110deg,rgba(255,255,255,.76) 0 9%,transparent 22%,transparent 78%,rgba(255,255,255,.28));pointer-events:none}
.pk-strengths-v18:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-26px;height:170px;z-index:-2;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(211,249,255,.20) 30%,rgba(237,253,255,.76) 64%,rgba(249,255,255,1));clip-path:polygon(0 70%,12% 56%,27% 65%,42% 52%,57% 69%,73% 56%,87% 64%,100% 49%,100% 100%,0 100%);pointer-events:none}
.pk-s18-city{position:absolute;inset:0;z-index:-5;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.16)),url('assets/hero-background.png') center 61%/cover no-repeat;filter:brightness(1.72) saturate(.68) contrast(.78);opacity:.34}
.pk-s18-aura{position:absolute;inset:-10%;z-index:-4;background:radial-gradient(38% 24% at 11% 58%,rgba(46,180,238,.28),transparent 70%),radial-gradient(34% 23% at 88% 62%,rgba(49,205,151,.28),transparent 69%),radial-gradient(38% 19% at 50% 13%,rgba(255,255,255,.95),transparent 74%);filter:blur(17px);animation:pkS18Mist 17s ease-in-out infinite}
.pk-s18-sparkles{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 19%,#fff 0 2.2px,transparent 7px),radial-gradient(circle at 16% 32%,rgba(255,255,255,.95) 0 1.5px,transparent 5px),radial-gradient(circle at 23% 14%,rgba(255,255,255,.96) 0 2px,transparent 7px),radial-gradient(circle at 31% 27%,rgba(105,223,255,.96) 0 1.6px,transparent 5px),radial-gradient(circle at 39% 9%,#fff 0 2px,transparent 7px),radial-gradient(circle at 48% 34%,rgba(255,255,255,.98) 0 1.5px,transparent 5px),radial-gradient(circle at 56% 15%,rgba(128,235,255,.97) 0 2.1px,transparent 7px),radial-gradient(circle at 66% 28%,#fff 0 1.8px,transparent 6px),radial-gradient(circle at 74% 11%,rgba(255,255,255,.97) 0 2.2px,transparent 7px),radial-gradient(circle at 82% 34%,rgba(81,236,190,.90) 0 1.6px,transparent 5px),radial-gradient(circle at 90% 17%,#fff 0 2.2px,transparent 7px),radial-gradient(circle at 95% 45%,rgba(255,255,255,.92) 0 1.5px,transparent 5px),radial-gradient(circle at 13% 72%,rgba(255,255,255,.90) 0 1.5px,transparent 5px),radial-gradient(circle at 52% 76%,rgba(255,255,255,.92) 0 1.5px,transparent 5px),radial-gradient(circle at 86% 73%,rgba(255,255,255,.90) 0 1.4px,transparent 5px);animation:pkS18Spark 6s ease-in-out infinite}
.pk-s18-ribbon{position:absolute;z-index:-2;height:105px;width:58%;border-radius:50%;border-top:2px solid rgba(255,255,255,.72);filter:drop-shadow(0 0 12px rgba(72,212,244,.35));pointer-events:none}.pk-s18-ribbon-a{left:-9%;bottom:7%;transform:rotate(3deg)}.pk-s18-ribbon-b{right:-10%;bottom:8%;transform:rotate(-4deg);border-top-color:rgba(132,245,218,.62)}
.pk-s18-shell{position:relative;z-index:2;width:min(1320px,calc(100% - 110px));margin:auto}.pk-s18-head{text-align:center;max-width:1060px;margin:0 auto 20px}.pk-s18-head h2{margin:0;font:900 clamp(45px,4.4vw,72px)/.92 'Montserrat',Arial,sans-serif;letter-spacing:-2.5px;text-transform:uppercase}.pk-s18-head h2 span{display:block;color:#0d4475}.pk-s18-head h2 strong{display:block;margin-top:7px;background:linear-gradient(90deg,#278fd6,#23b7df 50%,#2abc91);-webkit-background-clip:text;background-clip:text;color:transparent}.pk-s18-head p{margin:11px 0 0;display:flex;align-items:center;justify-content:center;gap:16px;font:650 10px/1.3 'Montserrat',Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#315d80}.pk-s18-head p i{width:90px;height:1px;background:linear-gradient(90deg,transparent,#3178a9)}.pk-s18-head p i:last-child{background:linear-gradient(90deg,#3178a9,transparent)}
.pk-s18-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:15px}.pk-s18-card{position:relative;height:326px;overflow:hidden;clip-path:polygon(8.5% 0,100% 0,91.5% 100%,0 100%);border:1px solid rgba(224,252,255,.98);background:linear-gradient(180deg,rgba(89,205,239,.18),rgba(40,169,216,.22) 26%,rgba(16,122,174,.88) 67%,rgba(8,87,132,.98));box-shadow:0 20px 44px rgba(37,120,161,.15),0 0 28px rgba(88,226,255,.24),inset 0 1px 0 rgba(255,255,255,.70);backdrop-filter:blur(8px);transition:transform .25s ease,box-shadow .25s ease}.pk-s18-card:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(113deg,rgba(255,255,255,.32) 0 6.4%,transparent 6.7% 72%,rgba(255,255,255,.15) 72.3% 73.2%,transparent 73.5%)}.pk-s18-card:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 0 32%,rgba(9,91,133,.10) 48%,rgba(8,86,129,.72) 67%,rgba(7,78,119,.98) 100%)}.pk-s18-card:hover{transform:translateY(-5px);box-shadow:0 25px 48px rgba(37,120,161,.18),0 0 34px rgba(88,226,255,.34),inset 0 1px 0 rgba(255,255,255,.78)}.pk-s18-photo{position:absolute;inset:0 0 auto 0;height:191px;overflow:hidden}.pk-s18-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(1.03) brightness(1.03)}.pk-s18-icon{position:absolute;z-index:5;top:15px;left:31px;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,rgba(72,163,211,.78),rgba(48,122,179,.72));border:1px solid rgba(239,254,255,.94);box-shadow:0 10px 24px rgba(29,104,153,.16),0 0 15px rgba(150,245,255,.28),inset 0 1px 0 rgba(255,255,255,.45)}.pk-s18-icon svg{width:24px;height:24px}.pk-s18-no{position:absolute;z-index:5;right:28px;top:18px;color:rgba(255,255,255,.88);font:900 10px/1 'Montserrat',Arial,sans-serif;letter-spacing:.22em}.pk-s18-copy{position:absolute;z-index:6;left:29px;right:25px;bottom:18px;color:#fff}.pk-s18-copy h3{margin:0 0 8px;font:850 14px/1.14 'Montserrat',Arial,sans-serif;color:#fff}.pk-s18-copy p{margin:0;font:500 10.8px/1.38 'Montserrat',Arial,sans-serif;color:rgba(246,253,255,.98)}.pk-s18-copy b{display:block;width:34px;height:3px;margin-top:10px;border-radius:5px;background:linear-gradient(90deg,#54eff4,#68f4ce);box-shadow:0 0 10px rgba(84,239,244,.48)}
.pk-s18-stats{position:relative;width:min(1080px,92%);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border-radius:14px;border:1px solid rgba(225,252,255,.96);background:linear-gradient(180deg,rgba(120,226,248,.18),rgba(47,180,221,.18) 18%,rgba(28,151,202,.92) 47%,rgba(17,121,178,.98));box-shadow:0 18px 34px rgba(39,118,159,.14),0 0 28px rgba(102,234,255,.19),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(10px)}.pk-s18-stats:before{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 34%,rgba(255,255,255,.04))}.pk-s18-stat{position:relative;z-index:1;min-height:82px;display:flex;align-items:center;gap:13px;padding:11px 17px;border-right:1px solid rgba(226,252,255,.28)}.pk-s18-stat:last-child{border-right:0}.pk-s18-stat-icon{width:42px;height:42px;flex:0 0 42px;border-radius:11px;display:grid;place-items:center;color:#61efee;background:rgba(0,0,0,.09);border:1px solid rgba(220,251,255,.30)}.pk-s18-stat-icon svg{width:24px;height:24px}.pk-s18-stat strong{display:block;color:#fff;font:900 25px/1 'Montserrat',Arial,sans-serif}.pk-s18-stat div span{display:block;margin-top:5px;color:rgba(247,254,255,.96);font:600 9px/1.15 'Montserrat',Arial,sans-serif;white-space:nowrap}.pk-s18-side{position:absolute;z-index:3;top:96px;color:#174c74;font-family:'Montserrat',Arial,sans-serif;text-transform:uppercase}.pk-s18-side-left{left:30px}.pk-s18-side-right{right:27px;top:150px}.pk-s18-side span{display:block;margin-bottom:22px;font-size:12px;font-weight:700;letter-spacing:.36em}.pk-s18-side small{font-size:8.8px;line-height:1.76;font-weight:700;letter-spacing:.28em}.pk-s18-side:before,.pk-s18-side:after{content:"";display:block;width:34px;height:1px;background:#2d78a6;margin-bottom:18px}.pk-s18-side:after{margin-top:22px;margin-bottom:0}

/* ABOUT — one clean flow: showcase first, copy second */
.pk-about-v18{position:relative;overflow:hidden;padding:76px 0 84px;background:linear-gradient(145deg,#f8fcff 0%,#edf8fc 47%,#edf8f3 100%);font-family:'Montserrat',Arial,sans-serif;color:#123f63}.pk-a18-aura{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(32% 23% at 15% 25%,rgba(75,181,232,.10),transparent 70%),radial-gradient(30% 22% at 87% 60%,rgba(70,200,150,.10),transparent 70%);filter:blur(10px)}.pk-a18-shell{position:relative;z-index:1;width:min(1260px,calc(100% - 72px));margin:auto}.pk-a18-showcase{position:relative;height:430px;border-radius:30px;overflow:hidden;border:1px solid rgba(92,185,214,.26);box-shadow:0 28px 60px rgba(34,105,142,.13),inset 0 1px 0 #fff;background:#0b4164;margin-bottom:46px}.pk-a18-slides,.pk-a18-slide{position:absolute;inset:0;margin:0}.pk-a18-slide{opacity:0;transition:opacity 1s ease}.pk-a18-slide.is-active{opacity:1}.pk-a18-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pk-a18-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,48,73,.06),rgba(4,48,73,0) 50%,rgba(4,48,73,.18)),linear-gradient(180deg,transparent 54%,rgba(4,51,78,.58))}.pk-a18-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:28px;border:1px solid rgba(255,255,255,.88);background:rgba(7,74,103,.28);backdrop-filter:blur(10px);box-shadow:0 0 28px rgba(83,227,244,.18)}.pk-a18-play span{margin-left:5px}.pk-a18-media-label{position:absolute;left:32px;bottom:28px;color:#fff}.pk-a18-media-label small{display:block;font-size:9px;letter-spacing:.22em;margin-bottom:7px}.pk-a18-media-label strong{font-size:19px}.pk-a18-dots{position:absolute;right:32px;bottom:31px;display:flex;gap:8px}.pk-a18-dots i{width:31px;height:3px;border-radius:5px;background:rgba(255,255,255,.34)}.pk-a18-dots i.is-active{background:#65efdd;box-shadow:0 0 10px rgba(101,239,221,.38)}.pk-a18-intro{max-width:900px;margin:0 auto 44px;text-align:center}.pk-a18-kicker,.pk-a18-copy>span{display:inline-block;color:#18a5b6;font:800 10px/1 'Montserrat',Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase;margin-bottom:13px}.pk-a18-intro h2{margin:0;color:#0b426e;font:900 clamp(42px,4.2vw,68px)/.95 'Montserrat',Arial,sans-serif;letter-spacing:-2.2px}.pk-a18-intro h2 strong{color:#1eaeac}.pk-a18-intro p{margin:17px auto 0;max-width:720px;color:#557589;font:500 14px/1.65 'Montserrat',Arial,sans-serif}.pk-a18-flow{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.pk-a18-copy,.pk-a18-statement{padding:34px 36px;border-radius:26px;background:rgba(255,255,255,.78);border:1px solid rgba(83,171,201,.15);box-shadow:0 18px 42px rgba(34,104,137,.07);backdrop-filter:blur(10px)}.pk-a18-copy h3{margin:0 0 19px;color:#0c426b;font:850 clamp(28px,2.6vw,41px)/1.03 'Montserrat',Arial,sans-serif;letter-spacing:-1.1px}.pk-a18-copy h3 em{font-style:normal;color:#1aa6b3}.pk-a18-copy p{margin:0 0 14px;color:#4f7182;font:500 13px/1.67 'Montserrat',Arial,sans-serif}.pk-a18-statement{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(13,85,121,.94),rgba(25,157,170,.90));color:#fff;position:relative;overflow:hidden}.pk-a18-statement:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-80px;background:radial-gradient(circle,rgba(117,242,229,.26),transparent 66%)}.pk-a18-statement small{position:relative;z-index:1;font:800 9px/1 'Montserrat',Arial,sans-serif;letter-spacing:.23em;color:#bcf8f0;margin-bottom:17px}.pk-a18-statement strong{position:relative;z-index:1;font:900 29px/1.05 'Montserrat',Arial,sans-serif;letter-spacing:-.9px}.pk-a18-statement p{position:relative;z-index:1;margin:13px 0 0;color:rgba(244,255,255,.90);font:500 13px/1.55 'Montserrat',Arial,sans-serif}.pk-a18-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.pk-a18-bottom article{padding:23px 25px;border-radius:20px;background:linear-gradient(110deg,rgba(255,255,255,.86),rgba(230,247,249,.82));border:1px solid rgba(83,168,198,.14)}.pk-a18-bottom span{display:block;color:#20a3b6;font:800 9px/1 'Montserrat',Arial,sans-serif;letter-spacing:.20em;margin-bottom:9px}.pk-a18-bottom h4{margin:0 0 7px;color:#0c456b;font:800 15px/1.25 'Montserrat',Arial,sans-serif}.pk-a18-bottom p{margin:0;color:#607d8b;font:500 10.7px/1.5 'Montserrat',Arial,sans-serif}

/* WHY PARKEN — professional hardware console, no circuit lines */
.pk-why-v18{position:relative;overflow:hidden;padding:86px 0 94px;background:linear-gradient(135deg,#2d8fba 0%,#2b9fb1 48%,#4ab88f 100%);font-family:'Montserrat',Arial,sans-serif;color:#fff}.pk-w18-aura{position:absolute;width:620px;height:620px;border-radius:50%;filter:blur(72px);opacity:.32;animation:pkW18Aura 9s ease-in-out infinite}.pk-w18-aura-a{left:-240px;top:-260px;background:#72deff}.pk-w18-aura-b{right:-230px;bottom:-310px;background:#78e6ae;animation-delay:-4s}.pk-w18-shell{position:relative;z-index:1;width:min(1260px,calc(100% - 72px));margin:auto}.pk-w18-head{display:grid;grid-template-columns:1fr 360px;gap:54px;align-items:end;margin-bottom:34px}.pk-w18-head>div>span{display:block;font:800 10px/1 'Montserrat',Arial,sans-serif;letter-spacing:.24em;color:#e7ffff;margin-bottom:13px}.pk-w18-head h2{margin:0;font:900 clamp(42px,4vw,64px)/.94 'Montserrat',Arial,sans-serif;letter-spacing:-1.9px;color:#fff;text-shadow:0 8px 24px rgba(7,78,101,.12)}.pk-w18-head h2 strong{color:#dffcff}.pk-w18-head p{margin:0;color:rgba(242,255,255,.91);font:500 13px/1.65 'Montserrat',Arial,sans-serif}.pk-w18-console{position:relative;border-radius:28px;padding:22px;background:rgba(7,70,98,.20);border:1px solid rgba(229,255,255,.38);box-shadow:0 30px 70px rgba(8,77,101,.17),inset 0 1px 0 rgba(255,255,255,.34);backdrop-filter:blur(13px);overflow:hidden}.pk-w18-console:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.17),transparent 18%,transparent 80%,rgba(255,255,255,.07));pointer-events:none}.pk-w18-console-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 18px;border-bottom:1px solid rgba(222,255,255,.18)}.pk-w18-console-top small{display:block;color:#c8f8f5;font:800 8px/1 'Montserrat',Arial,sans-serif;letter-spacing:.25em;margin-bottom:7px}.pk-w18-console-top strong{font:850 15px/1 'Montserrat',Arial,sans-serif;letter-spacing:.04em}.pk-w18-status{display:flex;align-items:center;gap:8px;font:800 8px/1 'Montserrat',Arial,sans-serif;letter-spacing:.20em;color:#ecffff}.pk-w18-status i{width:8px;height:8px;border-radius:50%;background:#75f4c3;box-shadow:0 0 14px #75f4c3}.pk-w18-scan{position:absolute;z-index:1;top:0;bottom:0;width:35%;left:0;background:linear-gradient(90deg,transparent,rgba(189,250,255,.16),transparent);transform:skewX(-12deg);animation:pkW18Scan 7s ease-in-out infinite;pointer-events:none}.pk-w18-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:18px}.pk-w18-grid article{position:relative;min-height:178px;padding:23px 21px 20px;border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(7,81,109,.17));border:1px solid rgba(229,255,255,.30);box-shadow:0 15px 30px rgba(7,79,105,.10),inset 0 1px 0 rgba(255,255,255,.20);backdrop-filter:blur(10px);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.pk-w18-grid article:hover{transform:translateY(-5px);background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(7,81,109,.18));box-shadow:0 20px 35px rgba(7,79,105,.14),0 0 22px rgba(123,241,230,.16),inset 0 1px 0 rgba(255,255,255,.25)}.pk-w18-grid b{position:absolute;right:17px;top:16px;color:rgba(255,255,255,.18);font:900 33px/1 'Montserrat',Arial,sans-serif}.pk-w18-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;margin-bottom:17px;color:#0c6380;font:900 18px/1 'Montserrat',Arial,sans-serif;background:linear-gradient(145deg,#7be9f3,#91efc2);box-shadow:0 0 20px rgba(127,238,222,.25)}.pk-w18-grid h3{margin:0 0 9px;color:#fff;font:850 13px/1.2 'Montserrat',Arial,sans-serif;letter-spacing:.01em}.pk-w18-grid p{margin:0;color:rgba(243,255,255,.90);font:500 10.5px/1.50 'Montserrat',Arial,sans-serif}

@media(max-width:1100px){.pk-s18-shell,.pk-a18-shell,.pk-w18-shell{width:calc(100% - 42px)}.pk-s18-side{display:none}.pk-s18-grid{grid-template-columns:repeat(2,1fr)}.pk-s18-stats{width:100%}.pk-a18-flow{grid-template-columns:1fr}.pk-w18-head{grid-template-columns:1fr;gap:18px}.pk-w18-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.pk-strengths-v18{padding:34px 0 30px}.pk-s18-shell,.pk-a18-shell,.pk-w18-shell{width:calc(100% - 24px)}.pk-s18-head h2{font-size:32px;letter-spacing:-1px}.pk-s18-head p{font-size:7px;letter-spacing:.15em;gap:8px}.pk-s18-head p i{width:18px}.pk-s18-grid{grid-template-columns:1fr}.pk-s18-card{height:292px;clip-path:none;border-radius:18px}.pk-s18-photo{height:174px}.pk-s18-stats{grid-template-columns:1fr}.pk-s18-stat{border-right:0;border-bottom:1px solid rgba(226,252,255,.26)}.pk-about-v18,.pk-why-v18{padding:56px 0 64px}.pk-a18-showcase{height:250px;border-radius:22px}.pk-a18-media-label{left:18px;bottom:18px}.pk-a18-media-label strong{font-size:13px}.pk-a18-play{width:62px;height:62px}.pk-a18-intro h2,.pk-w18-head h2{font-size:36px;letter-spacing:-1.2px}.pk-a18-copy,.pk-a18-statement{padding:25px;border-radius:21px}.pk-a18-bottom,.pk-w18-grid{grid-template-columns:1fr}.pk-w18-console{padding:17px;border-radius:22px}.pk-w18-console-top{align-items:flex-start;gap:18px;flex-direction:column}.pk-w18-grid article{min-height:0}}

/* =====================================================================
   =====================================================================
   PARKEN FINAL RECOVERY OVERRIDES — 18 SEP 2026
   Everything above this line is the user's original 5,304-line backup.
   Everything below is the complete compatibility/final-state layer
   accumulated after that backup.
   =====================================================================
   ===================================================================== */

/* =====================================================================
   PARKEN — FINAL RESTORED STYLE.CSS
   Consolidated from the user's backup stylesheet + latest approved changes.

   CURRENT FINAL STATE
   - Original PARKEN hero/building background retained
   - Fixed glass header retained
   - TOP hero product video retained (recovered pre-removal version)
   - Approved moving product-video bar included
   - Four Strengths rebuilt in the approved light blue/green hardware style
   - About Us image slideshow replaced by about-slideshow.mp4
   - About Us video is full-width and controlled-height
   - Old gear section removed
   - Vision / Mission retained
   - IBM Plex Sans from About Us to footer
   - Why PARKEN, trust wheel, 14 client boxes, client stories,
     contact, references and footer all styled in this single file
   - No parken-final.css required
   ===================================================================== */

500;600;700&family=Montserrat:wght@400;500;600;700;800;900&display=swap');

:root {
  --pk-navy: #063d51;
  --pk-deep: #042d3b;
  --pk-deeper: #031f2b;
  --pk-blue: #0a6f92;
  --pk-blue-2: #138fb4;
  --pk-cyan: #56d9ed;
  --pk-teal: #149b94;
  --pk-green: #39bd8d;
  --pk-mint: #78ead0;
  --pk-mint-soft: #baf8ea;
  --pk-ice: #edfafd;
  --pk-ink: #0d4d63;
  --pk-text: #526f78;
  --pk-white: #ffffff;
  --pk-border: rgba(22, 122, 148, 0.15);
  --pk-shadow: 0 20px 50px rgba(0, 59, 80, 0.13);
  --pk-radius: 22px;
}

/* =====================================================================
   BASE / RESET
   ===================================================================== */

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 132px;
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  color: var(--pk-ink);
  background: #f2fbfc;
  font-size: 16px;
  line-height: 1.5;
}

body, button, input, select, textarea {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

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

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

button, input, select, textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

h1, h2, h3, h4, p {
  margin-top: 0;
}

.pk-shell {
  width: min(90%, 1320px);
  margin-inline: auto;
}

/* Legacy pieces that must never return in the final layout. */
.pk-intro-popup,
.pk-about-slides,
.pk-about-slide,
.pk-gears,
.pk-tech-circuit-svg,
.pk-tech-effects {
  display: none !important;
}

/* =====================================================================
   FIXED HEADER — retained from backup direction
   ===================================================================== */

.pk-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  min-height: 132px;
  display: flex;
  align-items: center;
  gap: 36px;
  padding: 14px 56px;
  background: linear-gradient(120deg, rgba(7, 53, 71, 0.92), rgba(0, 219, 207, 0.12));
  border-bottom: 1px solid rgba(198, 255, 255, 0.16);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 16px 40px rgba(0, 22, 33, 0.18);
}

.pk-brand {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.pk-brand img {
  width: 132px;
  height: 132px;
  object-fit: contain;
}

.pk-header nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 34px;
  flex: 1;
  margin-left: 12px;
}

.pk-header nav a {
  position: relative;
  padding: 15px 0;
  color: #fff;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

.pk-header nav a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 6px;
  height: 2px;
  background: linear-gradient(90deg, #4edce8, #57e7b8);
  transition: right 0.25s ease;
}

.pk-header nav a:hover,
.pk-header nav a.is-active {
  color: #dffff7;
}

.pk-header nav a:hover::after,
.pk-header nav a.is-active::after {
  right: 0;
}

.pk-quote {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 14px 22px;
  border-radius: 999px;
  background: linear-gradient(100deg, #0dd6c4, #35f0a4);
  color: #043f48;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: 0 5px 24px rgba(4, 236, 204, 0.17);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.pk-quote:hover,
.pk-quote:focus-visible {
  transform: translateY(-2px);
  background: linear-gradient(100deg, #003745, #045a5c 60%, #027368);
  color: #eafffa;
  box-shadow: 0 7px 26px rgba(0, 35, 44, 0.4);
}

.pk-quote span {
  font-size: 22px;
  line-height: 1;
}

.pk-menu {
  display: none;
  margin-left: auto;
  width: 42px;
  height: 42px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 10px;
  background: rgba(6, 54, 73, 0.48);
}

.pk-menu span {
  display: block;
  width: 20px;
  height: 2px;
  margin: 4px auto;
  background: #fff;
}

/* =====================================================================
   HERO — original building/hero artwork retained, top product video removed
   ===================================================================== */

.pk-hero {
  position: relative;
  min-height: 760px;
  padding: 132px 0 0;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(0, 55, 69, 0.54), rgba(0, 160, 134, 0.10)),
    url('assets/hero-background.png') center / cover no-repeat;
}

.pk-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(1, 38, 53, 0.64) 0%, rgba(2, 62, 77, 0.28) 42%, rgba(1, 57, 68, 0.06) 72%),
    radial-gradient(circle at 76% 48%, rgba(57, 235, 208, 0.14), transparent 34%);
}

.pk-hero::after {
  content: '';
  position: absolute;
  right: -10%;
  top: 9%;
  width: 58%;
  height: 78%;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(113, 255, 229, 0.12), transparent 65%);
  filter: blur(10px);
}

.pk-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(2, 36, 50, 0.42), rgba(3, 61, 73, 0.10) 58%, rgba(2, 46, 55, 0));
}

.pk-hero-inner {
  position: relative;
  z-index: 2;
  width: min(1440px, calc(100% - 80px));
  min-height: 628px;
  margin: 0 auto;
  padding: 48px 0 56px;
  display: flex;
  align-items: center;
}

.pk-hero-copy {
  width: min(690px, 58%);
}

.pk-hero-copy h1 {
  margin: 0;
  color: #fff;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: clamp(56px, 6.6vw, 104px);
  line-height: 0.88;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 12px 28px rgba(0, 31, 43, 0.12);
}

.pk-hero-copy h1 span,
.pk-hero-copy h1 strong {
  display: block;
}

.pk-hero-copy h1 strong {
  width: fit-content;
  margin-top: 7px;
  color: transparent;
  background: linear-gradient(90deg, #dffcff 0%, #91f0e3 55%, #84f0bc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 0.78em;
  letter-spacing: -0.04em;
}

.pk-hero-copy p {
  max-width: 650px;
  margin: 28px 0 0;
  color: rgba(239, 253, 255, 0.95);
  font-size: 18px;
  line-height: 1.65;
  font-weight: 500;
}

.pk-primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
  padding: 15px 24px;
  border: 1px solid rgba(230, 255, 255, 0.32);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.10);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 32px rgba(0, 34, 50, 0.11);
  transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.pk-primary-button:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(217, 255, 251, 0.52);
}

/* =====================================================================
   APPROVED MOVING PRODUCT VIDEO BAR
   ===================================================================== */

.pk-product-video-bar {
  position: relative;
  width: 100%;
  overflow: hidden;
  isolation: isolate;
  padding: 14px 0;
  background: linear-gradient(100deg, #055a77 0%, #0e8195 52%, #3aaa8b 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 35, 52, 0.10);
}

.pk-product-video-bar::before,
.pk-product-video-bar::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 9%;
  z-index: 5;
  pointer-events: none;
}

.pk-product-video-bar::before {
  left: 0;
  background: linear-gradient(90deg, #07546a 0%, rgba(7, 84, 106, 0) 100%);
}

.pk-product-video-bar::after {
  right: 0;
  background: linear-gradient(270deg, #2b947f 0%, rgba(43, 148, 127, 0) 100%);
}

.pk-video-bar-mask {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 42%, rgba(0, 35, 52, 0.08));
}

.pk-video-marquee {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
}

.pk-video-track {
  display: flex;
  align-items: center;
  gap: 16px;
  width: max-content;
  will-change: transform;
  animation: pkVideoScroll 48s linear infinite;
}

.pk-product-video-bar:hover .pk-video-track {
  animation-play-state: paused;
}

.pk-video-card {
  flex: 0 0 auto;
  width: 220px;
  height: 118px;
  overflow: hidden;
  border-radius: 10px;
  background: #06354b;
  border: 1px solid rgba(225, 255, 255, 0.35);
  box-shadow: 0 8px 22px rgba(0, 29, 44, 0.20);
}

.pk-video-card video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: #062e43;
}

@keyframes pkVideoScroll {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(calc(-50% - 8px), 0, 0); }
}

/* =====================================================================
   FOUR STRENGTHS — compact approved light hardware section
   ===================================================================== */

.pk-strengths {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 42px 0 40px;
  background:
    linear-gradient(180deg, rgba(245, 252, 255, 0.94) 0%, rgba(225, 245, 252, 0.94) 100%),
    linear-gradient(125deg, #dff2fb 0%, #d9f4fc 38%, #d7f4ef 100%);
}

.pk-strengths::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 7% 14%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.20) 14%, transparent 28%),
    radial-gradient(circle at 93% 15%, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.18) 14%, transparent 29%),
    radial-gradient(ellipse at 50% 100%, rgba(255, 255, 255, 0.86), transparent 55%);
}

.pk-strengths::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.8;
  pointer-events: none;
  background:
    radial-gradient(circle at 10% 20%, rgba(255,255,255,.96) 0 1.4px, transparent 5px),
    radial-gradient(circle at 22% 62%, rgba(147,241,255,.88) 0 1.5px, transparent 5px),
    radial-gradient(circle at 38% 17%, rgba(255,255,255,.95) 0 1.5px, transparent 5px),
    radial-gradient(circle at 56% 11%, rgba(167,245,255,.91) 0 1.6px, transparent 5px),
    radial-gradient(circle at 75% 66%, rgba(97,238,197,.88) 0 1.6px, transparent 5px),
    radial-gradient(circle at 88% 21%, rgba(255,255,255,.95) 0 1.5px, transparent 5px);
}

.pk-strengths-shell {
  position: relative;
  z-index: 2;
  width: min(1320px, calc(100% - 84px));
  margin: 0 auto;
}

.pk-strengths-heading {
  max-width: 1000px;
  margin: 0 auto 22px;
  text-align: center;
}

.pk-strengths-heading h2 {
  margin: 0;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: clamp(42px, 4.4vw, 68px);
  line-height: 0.94;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-transform: uppercase;
}

.pk-strengths-heading h2 span,
.pk-strengths-heading h2 strong {
  display: block;
}

.pk-strengths-heading h2 span {
  color: #0c4172;
}

.pk-strengths-heading h2 strong {
  margin-top: 6px;
  color: transparent;
  background: linear-gradient(90deg, #2b93d8 0%, #24b8e1 52%, #2dbd90 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.pk-strengths-heading p {
  margin: 11px 0 0;
  color: #27577e;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.pk-strength-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 17px;
  margin-bottom: 16px;
}

.pk-strength-card {
  position: relative;
  height: 330px;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(225, 252, 255, 0.94);
  background: linear-gradient(180deg, rgba(111,217,248,.18) 0%, rgba(63,183,225,.22) 22%, rgba(18,130,185,.89) 68%, rgba(8,88,135,.98) 100%);
  box-shadow: 0 18px 40px rgba(38, 117, 161, 0.16), 0 0 30px rgba(102, 234, 255, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.62);
  backdrop-filter: blur(8px);
}

.pk-strength-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.02) 0 18%, transparent 30%, rgba(9,90,132,.12) 50%, rgba(8,86,128,.72) 70%, rgba(7,78,119,.98) 100%);
}

.pk-strength-photo {
  position: absolute;
  inset: 0 0 auto 0;
  height: 195px;
  overflow: hidden;
}

.pk-strength-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.03) brightness(1.03) contrast(0.98);
}

.pk-strength-icon {
  position: absolute;
  top: 16px;
  left: 20px;
  z-index: 4;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #f4fdff;
  background: linear-gradient(180deg, rgba(89,169,215,.78), rgba(50,125,181,.72));
  border: 1px solid rgba(238, 254, 255, 0.88);
  box-shadow: 0 10px 24px rgba(29, 104, 153, 0.16), 0 0 16px rgba(155, 245, 255, 0.28);
  backdrop-filter: blur(10px);
}

.pk-strength-icon svg {
  width: 26px;
  height: 26px;
}

.pk-strength-card-copy {
  position: absolute;
  z-index: 5;
  left: 25px;
  right: 25px;
  bottom: 20px;
  color: #fff;
}

.pk-strength-card-copy h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 14px;
  line-height: 1.22;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.pk-strength-card-copy p {
  margin: 0;
  color: rgba(246, 255, 255, 0.86);
  font-size: 11.5px;
  line-height: 1.48;
  font-weight: 500;
}

.pk-strength-card-copy i {
  display: block;
  width: 34px;
  height: 2px;
  margin-top: 12px;
  background: linear-gradient(90deg, #7af4e0, rgba(122, 244, 224, 0.12));
}

.pk-stat-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  margin: 0 auto;
  border-radius: 13px;
  border: 1px solid rgba(224, 253, 255, 0.72);
  background: linear-gradient(180deg, rgba(57, 178, 209, 0.80), rgba(22, 133, 165, 0.92));
  box-shadow: 0 14px 28px rgba(11, 112, 145, 0.15), inset 0 1px 0 rgba(255,255,255,.32);
}

.pk-stat-bar article {
  min-height: 82px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 11px 14px;
  text-align: center;
  color: #fff;
  border-right: 1px solid rgba(226, 252, 255, 0.23);
}

.pk-stat-bar article:last-child {
  border-right: 0;
}

.pk-stat-bar strong {
  color: #fff;
  font-size: 27px;
  line-height: 1;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.pk-stat-bar span {
  margin-top: 7px;
  color: #d9f9ff;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.08em;
}

/* =====================================================================
   PRODUCT WORD MARQUEE
   ===================================================================== */

.pk-marquee {
  position: relative;
  overflow: hidden;
  padding: 0;
  background: linear-gradient(100deg, #021f2b, #054345 60%, #01594f);
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #e7ffff;
}

.pk-marquee-track {
  display: flex;
  align-items: center;
  gap: 22px;
  width: max-content;
  padding: 16px 0;
  animation: pkWordScroll 34s linear infinite;
}

.pk-marquee-track span {
  color: #eafcf6;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

.pk-marquee-track b {
  color: #62e6c6;
  font-weight: 700;
}

@keyframes pkWordScroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* =====================================================================
   IBM PLEX SANS — ABOUT US TO END
   ===================================================================== */

#about,
#about *,
#why,
#why *,
.pk-advantage,
.pk-advantage *,
#clients,
#clients *,
#testimonials,
#testimonials *,
#contact,
#contact *,
#references,
#references *,
.pk-footer,
.pk-footer * {
  font-family: 'IBM Plex Sans', Arial, sans-serif;
}

/* =====================================================================
   ABOUT US — VIDEO SLIDESHOW REPLACEMENT
   ===================================================================== */

.pk-about {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: linear-gradient(145deg, #f8fcff 0%, #edf8fc 47%, #edf8f3 100%);
}

.pk-about-cinematic {
  position: relative;
  width: 100vw;
  max-width: none;
  height: 420px;
  min-height: 420px;
  max-height: 420px;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  background: #063d52;
}

.pk-about-video-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pk-about-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% center;
  background: #063d52;
}

.pk-about-shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2,28,43,.90) 0%, rgba(2,31,46,.82) 18%, rgba(3,39,53,.61) 38%, rgba(3,46,58,.25) 62%, rgba(3,46,58,.06) 100%),
    linear-gradient(180deg, rgba(0,24,39,.08), rgba(0,24,39,.22));
}

.pk-about-title {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 7%;
  transform: translateY(-50%);
  width: min(650px, 48%);
  max-width: 650px;
  color: #fff;
  text-align: left;
}

.pk-about-title > span {
  display: block;
  margin: 0 0 13px;
  color: #b5f8ec;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.20em;
  text-transform: uppercase;
}

.pk-about-title h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(48px, 4.2vw, 72px);
  line-height: 0.96;
  font-weight: 700;
  letter-spacing: -0.045em;
  text-shadow: 0 3px 15px rgba(0, 20, 30, 0.28);
}

.pk-about-title h2 em {
  display: block;
  margin-top: 3px;
  color: #96eadc;
  font-style: normal;
  font-weight: 700;
}

.pk-about-title p {
  width: 100%;
  max-width: 620px;
  margin: 18px 0 0;
  color: rgba(255,255,255,.96);
  font-size: 17px;
  line-height: 1.5;
  font-weight: 400;
}

.pk-about-progress {
  position: absolute;
  z-index: 5;
  left: 7%;
  bottom: 23px;
  width: 190px;
  height: 2px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.28);
}

.pk-about-progress i {
  display: block;
  width: 45%;
  height: 100%;
  background: #a5efe3;
}

/* About text below video */
.pk-about-context {
  position: relative;
  width: min(92%, 1320px);
  margin: 0 auto;
  padding: 72px 0 78px;
  display: grid;
  grid-template-columns: 0.86fr 1.34fr;
  gap: 72px;
  align-items: start;
  overflow: hidden;
}

.pk-about-globe {
  position: absolute;
  right: -2%;
  top: 4%;
  width: 48%;
  height: 90%;
  opacity: 0.14;
  pointer-events: none;
  background:
    radial-gradient(circle at center, rgba(7,130,157,.42), transparent 66%),
    url('assets/about-globe-network.jpg') center / contain no-repeat;
  filter: saturate(0.85) blur(0.25px);
}

.pk-about-context-heading,
.pk-about-context-text {
  position: relative;
  z-index: 2;
}

.pk-about-context-heading h3 {
  margin: 0;
  color: #0a5368;
  font-size: clamp(36px, 3.4vw, 54px);
  line-height: 1.04;
  font-weight: 700;
  letter-spacing: -0.045em;
}

.pk-about-context-text {
  display: grid;
  gap: 16px;
  padding-top: 4px;
}

.pk-about-context-text p {
  margin: 0;
  color: #45636d;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
}

/* =====================================================================
   VISION / MISSION
   ===================================================================== */

.pk-vision-mission {
  width: min(92%, 1320px);
  margin: 0 auto 86px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.pk-vm-card {
  position: relative;
  min-height: 310px;
  overflow: hidden;
  padding: 42px 42px 38px;
  border-radius: 24px;
  background: linear-gradient(145deg, #07516a, #0b7685 64%, #238f7d);
  color: #fff;
  box-shadow: var(--pk-shadow);
}

.pk-vm-card::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(125deg, rgba(255,255,255,.10), transparent 30%, transparent 70%, rgba(255,255,255,.05));
}

.pk-vm-card::after {
  content: '';
  position: absolute;
  right: -80px;
  bottom: -110px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.14);
}

.pk-vm-label {
  position: relative;
  z-index: 2;
  color: #a8f9e8;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.20em;
}

.pk-vm-number {
  position: absolute;
  top: 34px;
  right: 38px;
  z-index: 2;
  color: rgba(255,255,255,.35);
  font-size: 42px;
  line-height: 1;
  font-weight: 700;
}

.pk-vm-card h3 {
  position: relative;
  z-index: 2;
  max-width: 520px;
  margin: 44px 0 14px;
  color: #fff;
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.02;
  font-weight: 700;
  letter-spacing: -0.045em;
}

.pk-vm-card p {
  position: relative;
  z-index: 2;
  max-width: 620px;
  margin: 0;
  color: rgba(255,255,255,.84);
  font-size: 15px;
  line-height: 1.7;
}

/* =====================================================================
   WHY PARKEN
   ===================================================================== */

.pk-why {
  position: relative;
  overflow: hidden;
  background: #082c3d;
  color: #fff;
}

.pk-why-stage {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  padding: 86px 7%;
  background:
    radial-gradient(circle at 72% 48%, rgba(76, 224, 196, 0.18), transparent 29%),
    radial-gradient(circle at 16% 15%, rgba(91, 207, 244, 0.13), transparent 27%),
    linear-gradient(120deg, #0a3445 0%, #07566d 55%, #0a6c70 100%);
}

.pk-why-stage::after {
  content: '';
  position: absolute;
  right: -10%;
  bottom: -32%;
  width: 64%;
  height: 80%;
  border-radius: 50%;
  border: 1px solid rgba(166, 245, 231, 0.13);
  box-shadow: 0 0 80px rgba(79, 225, 210, 0.07);
  pointer-events: none;
}

.pk-why-dark {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(1,25,38,.54), transparent 58%);
}

.pk-why-main-copy {
  position: relative;
  z-index: 3;
  width: min(600px, 44%);
}

.pk-why-main-copy > span {
  display: block;
  margin-bottom: 20px;
  color: #9ef2df;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
}

.pk-why-main-copy h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 5vw, 78px);
  line-height: 0.92;
  font-weight: 700;
  letter-spacing: -0.05em;
}

.pk-why-main-copy p {
  margin: 26px 0 0;
  color: #c8f4ec;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.pk-why-side-copy {
  position: absolute;
  z-index: 3;
  top: 80px;
  right: 7%;
  color: #baf6eb;
  text-align: right;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 600;
  letter-spacing: 0.10em;
}

.pk-why-side-copy i {
  display: block;
  width: 80px;
  height: 2px;
  margin: 12px 0 0 auto;
  background: #7df0d1;
}

.pk-why-benefits {
  position: absolute;
  z-index: 3;
  right: 6%;
  bottom: 70px;
  width: 48%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.pk-why-benefit {
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 16px;
  background: rgba(4,49,66,.52);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  transition: transform 0.25s ease, background 0.25s ease;
}

.pk-why-benefit:hover {
  transform: translateY(-3px);
  background: rgba(7, 73, 88, 0.66);
}

.pk-why-benefit h3 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.pk-why-benefit p {
  margin: 0;
  color: rgba(255,255,255,.73);
  font-size: 12px;
  line-height: 1.45;
}

/* =====================================================================
   ADVANTAGE + TRUST WHEEL
   ===================================================================== */

.pk-advantage {
  padding: 90px 0 100px;
  background:
    radial-gradient(circle at 10% 12%, rgba(80, 193, 231, 0.11), transparent 22%),
    radial-gradient(circle at 88% 70%, rgba(71, 202, 149, 0.10), transparent 24%),
    linear-gradient(180deg, #eefbfd, #e4f8f5);
}

.pk-advantage-heading {
  max-width: 860px;
  margin-bottom: 42px;
}

.pk-advantage-heading > span,
.pk-small-title {
  display: block;
  margin-bottom: 13px;
  color: #168374;
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.18em;
}

.pk-advantage-heading h2 {
  margin: 0;
  color: #0b5266;
  font-size: clamp(42px, 4.4vw, 66px);
  line-height: 1.02;
  font-weight: 700;
  letter-spacing: -0.045em;
}

.pk-advantage-heading h2 em {
  display: block;
  color: #159f86;
  font-style: normal;
  font-weight: 700;
}

.pk-advantage-heading > p {
  max-width: 720px;
  margin: 18px 0 0;
  color: #5c777f;
  font-size: 16px;
  line-height: 1.65;
}

.pk-advantage-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.pk-advantage-panel,
.pk-trust-panel {
  padding: 36px;
  border: 1px solid rgba(7,109,128,.12);
  border-radius: 24px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 48px rgba(5,87,101,.08);
  backdrop-filter: blur(10px);
}

.pk-advantage-panel h3,
.pk-trust-panel h3 {
  margin: 0;
  color: #0a5368;
  font-size: clamp(28px, 2.4vw, 40px);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.035em;
}

.pk-advantage-panel ul {
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.pk-advantage-panel li {
  position: relative;
  padding-left: 26px;
  color: #526f78;
  font-size: 14px;
  line-height: 1.6;
}

.pk-advantage-panel li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(135deg, #13a7d2, #3ccb9e);
  box-shadow: 0 0 0 5px rgba(45,186,176,.10);
}

.pk-trust-panel > p {
  margin: 18px 0 0;
  color: #56727a;
  font-size: 15px;
  line-height: 1.65;
}

.pk-trust-wheel {
  position: relative;
  width: min(100%, 540px);
  aspect-ratio: 1;
  margin: 28px auto 0;
}

.pk-trust-pie {
  position: absolute;
  inset: 11%;
  border-radius: 50%;
  background: conic-gradient(#0f91b4 0 60deg, #16a99b 60deg 120deg, #1db783 120deg 180deg, #49c7a7 180deg 240deg, #36afd0 240deg 300deg, #247db0 300deg 360deg);
  box-shadow: 0 20px 40px rgba(8,110,132,.14);
}

.pk-trust-pie::after {
  content: '';
  position: absolute;
  inset: 27%;
  border-radius: 50%;
  background: #f4fbfb;
  box-shadow: inset 0 0 0 1px rgba(4,97,118,.08);
}

.pk-trust-core {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #0b5266;
  text-align: center;
}

.pk-trust-core small {
  display: block;
  color: #168374;
  font-size: 10px;
  letter-spacing: 0.18em;
}

.pk-trust-core strong {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  line-height: 1.04;
}

.pk-trust-label {
  position: absolute;
  width: 32%;
  color: #305f6b;
  font-size: 11px;
  line-height: 1.28;
}

.pk-trust-label b {
  display: inline-block;
  margin-right: 6px;
  color: #0c8d91;
}

.pk-trust-label-1 { top: 9%; left: 1%; }
.pk-trust-label-2 { top: 9%; right: 0; text-align: right; }
.pk-trust-label-3 { top: 46%; right: -2%; text-align: right; }
.pk-trust-label-4 { bottom: 7%; right: 4%; text-align: right; }
.pk-trust-label-5 { bottom: 7%; left: 4%; }
.pk-trust-label-6 { top: 46%; left: -2%; }

/* =====================================================================
   CLIENTS — 14 BOX GRID
   ===================================================================== */

.pk-clients {
  position: relative;
  overflow: hidden;
  padding: 90px 0 100px;
  color: #fff;
  background: linear-gradient(145deg, #0a708a, #07829a 48%, #46ad91);
}

.pk-clients-bg {
  position: absolute;
  inset: 0;
  opacity: 0.24;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 20%, rgba(255,255,255,.35), transparent 26%),
    linear-gradient(110deg, transparent 0 45%, rgba(255,255,255,.08) 45% 48%, transparent 48% 100%);
}

.pk-clients-shell {
  position: relative;
  z-index: 2;
  width: min(90%, 1320px);
  margin: 0 auto;
}

.pk-clients-heading {
  max-width: 920px;
  margin: 0 auto 44px;
  text-align: center;
}

.pk-clients-heading > span {
  display: block;
  margin-bottom: 12px;
  color: #d9fff7;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
}

.pk-clients-heading h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(40px, 4.5vw, 66px);
  line-height: 1.02;
  font-weight: 700;
  letter-spacing: -0.045em;
}

.pk-clients-heading h2 strong {
  display: block;
  color: #c3fff0;
  font-weight: 700;
}

.pk-clients-heading p {
  max-width: 780px;
  margin: 18px auto 0;
  color: rgba(255,255,255,.83);
  font-size: 15px;
  line-height: 1.65;
}

.pk-client-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 14px;
}

.pk-client-slot {
  height: 118px;
  min-width: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 16px;
  background: rgba(255,255,255,.93);
  box-shadow: 0 10px 24px rgba(1,47,60,.12);
}

.pk-client-slot img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  background: transparent !important;
}

/* =====================================================================
   CLIENT STORIES
   ===================================================================== */

.pk-stories {
  position: relative;
  overflow: hidden;
  padding: 94px 0 110px;
  background:
    radial-gradient(circle at 87% 10%, rgba(72, 203, 162, 0.10), transparent 23%),
    linear-gradient(180deg, #eaf9fc, #dff6f1);
}

.pk-stories-stage {
  position: relative;
  width: min(90%, 1320px);
  margin: 0 auto;
}

.pk-stories-heading > span {
  display: block;
  margin-bottom: 12px;
  color: #198b7a;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
}

.pk-stories-heading h2 {
  margin: 0;
  color: #0a5368;
  font-size: clamp(42px, 4.4vw, 66px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.045em;
}

.pk-stories-heading h2 strong {
  display: block;
  color: #129b88;
  font-weight: 700;
}

.pk-stories-intro {
  max-width: 620px;
  margin: 16px 0 34px;
  color: #59747b;
  font-size: 15px;
  line-height: 1.65;
}

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

.pk-story-card {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 22px;
  background: linear-gradient(145deg, #08647c, #0a7d83 56%, #17917f);
  color: #fff;
  box-shadow: 0 18px 40px rgba(5,73,89,.14);
}

.pk-story-badge {
  align-self: flex-start;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.pk-story-quote {
  flex: 1;
  margin: 28px 0 34px;
  color: #fff;
  font-size: 17px;
  line-height: 1.65;
}

.pk-story-person {
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.18);
}

.pk-story-person strong {
  display: block;
  color: #fff;
  font-size: 15px;
}

.pk-story-person span {
  display: block;
  margin-top: 6px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1.5;
}

.pk-story-arrow {
  position: absolute;
  top: 58px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(5,97,112,.16);
  border-radius: 50%;
  background: #fff;
  color: #0c6f78;
  font-size: 18px;
  box-shadow: 0 8px 18px rgba(0,70,86,.08);
}

.pk-story-prev { right: 54px; }
.pk-story-next { right: 0; }

.pk-story-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}

.pk-story-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #8dbec3;
  transition: width 0.2s ease, background 0.2s ease;
}

.pk-story-dots button.is-active {
  width: 26px;
  border-radius: 999px;
  background: #159b88;
}

/* =====================================================================
   CONTACT
   ===================================================================== */

.pk-contact {
  padding: 96px 0 100px;
  background:
    radial-gradient(circle at 80% 10%, rgba(91, 226, 198, 0.12), transparent 28%),
    linear-gradient(145deg, #063a4d, #075d70 56%, #127b72);
  color: #fff;
}

.pk-contact-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 54px;
  align-items: start;
}

.pk-contact-copy > span {
  display: block;
  margin-bottom: 13px;
  color: #a7f4df;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
}

.pk-contact-copy h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(48px, 5vw, 76px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.05em;
}

.pk-contact-copy > p {
  max-width: 560px;
  margin: 20px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 16px;
  line-height: 1.7;
}

.pk-contact-details {
  display: grid;
  gap: 10px;
  margin-top: 34px;
}

.pk-contact-details a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 18px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 14px;
  background: rgba(255,255,255,.07);
  transition: background 0.2s ease, transform 0.2s ease;
}

.pk-contact-details a:hover {
  transform: translateY(-2px);
  background: rgba(255,255,255,.11);
}

.pk-contact-details small {
  color: #baf4e7;
  font-size: 10px;
  letter-spacing: 0.14em;
}

.pk-contact-details strong {
  color: #fff;
  font-size: 15px;
}

.pk-enquiry-form {
  display: grid;
  gap: 16px;
  padding: 30px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 22px;
  background: rgba(255,255,255,.09);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 20px 50px rgba(0,24,36,.17);
}

.pk-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pk-enquiry-form label {
  display: grid;
  gap: 8px;
}

.pk-enquiry-form label > span {
  color: #d7fff4;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.11em;
}

.pk-enquiry-form input,
.pk-enquiry-form select,
.pk-enquiry-form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  padding: 14px 15px;
  outline: none;
  background: rgba(255,255,255,.96);
  color: #184a59;
}

.pk-enquiry-form input:focus,
.pk-enquiry-form select:focus,
.pk-enquiry-form textarea:focus {
  border-color: #65e8cd;
  box-shadow: 0 0 0 3px rgba(101, 232, 205, 0.14);
}

.pk-enquiry-form textarea {
  min-height: 130px;
  resize: vertical;
}

.pk-send-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 15px 20px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #0eb2d3, #3fc998);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  box-shadow: 0 10px 24px rgba(4, 107, 125, 0.20);
}

/* =====================================================================
   REFERENCES
   ===================================================================== */

.pk-references {
  padding: 84px 0 94px;
  background: #edf9fa;
}

.pk-reference-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 28px;
}

.pk-reference-heading span {
  display: block;
  margin-bottom: 10px;
  color: #188375;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
}

.pk-reference-heading h2 {
  margin: 0;
  color: #0b5368;
  font-size: clamp(40px, 4vw, 60px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.045em;
}

.pk-reference-heading p {
  max-width: 480px;
  margin: 0;
  color: #607a82;
  text-align: right;
  font-size: 14px;
  line-height: 1.6;
}

.pk-reference-placeholder {
  min-height: 220px;
  display: grid;
  place-items: center;
  padding: 24px;
  border: 1px dashed rgba(8,105,124,.24);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(228,248,248,.88));
  color: #0c6172;
  text-align: center;
}

.pk-reference-placeholder span {
  display: block;
  color: #1a8b7a;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
}

.pk-reference-placeholder strong {
  display: block;
  margin-top: 10px;
  font-size: 20px;
}

/* =====================================================================
   FOOTER
   ===================================================================== */

.pk-footer {
  padding: 68px 0 0;
  background: #042d3b;
  color: #fff;
}

.pk-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr 0.8fr 0.8fr;
  gap: 44px;
  padding-bottom: 54px;
}

.pk-footer-brand img {
  width: 150px;
  height: auto;
  margin-bottom: 18px;
}

.pk-footer-brand p {
  max-width: 380px;
  margin: 0 0 16px;
  color: rgba(255,255,255,.75);
  font-size: 14px;
  line-height: 1.65;
}

.pk-footer-brand > span {
  color: rgba(255,255,255,.58);
  font-size: 12px;
  line-height: 1.7;
}

.pk-footer-column h3 {
  margin: 0 0 18px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.pk-footer-column a {
  display: block;
  margin: 10px 0;
  color: rgba(255,255,255,.70);
  font-size: 13px;
}

.pk-footer-column a:hover {
  color: #8ff1d9;
}

.pk-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 5%;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.55);
  font-size: 11px;
}

/* =====================================================================
   FLOATING BUTTONS
   ===================================================================== */

.pk-scroll-top {
  position: fixed;
  right: 22px;
  bottom: 86px;
  z-index: 80;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #075d72;
  color: #fff;
  font-size: 18px;
  box-shadow: 0 10px 24px rgba(0,43,58,.18);
  opacity: 0.88;
}

.pk-whatsapp {
  position: fixed;
  right: 22px;
  bottom: 25px;
  z-index: 80;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #1aae72;
  color: #fff;
  font-weight: 800;
  box-shadow: 0 12px 28px rgba(0,92,65,.22);
}

/* =====================================================================
   RESPONSIVE — 1200
   ===================================================================== */

@media (max-width: 1200px) {
  html { scroll-padding-top: 96px; }

  .pk-header {
    min-height: 96px;
    gap: 20px;
    padding: 10px 25px;
  }

  .pk-brand img {
    width: 92px;
    height: 92px;
  }

  .pk-header nav {
    gap: 20px;
  }

  .pk-header nav a {
    font-size: 12px;
  }

  .pk-quote {
    padding: 13px 18px;
    font-size: 11px;
  }

  .pk-hero {
    padding-top: 96px;
  }

  .pk-hero-inner {
    width: calc(100% - 60px);
    min-height: 650px;
  }

  .pk-strengths-shell {
    width: calc(100% - 54px);
  }

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

  .pk-client-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* =====================================================================
   RESPONSIVE — 900
   ===================================================================== */

@media (max-width: 900px) {
  html { scroll-padding-top: 82px; }

  .pk-header {
    min-height: 82px;
    padding: 8px 18px;
  }

  .pk-brand {
    flex: 1;
  }

  .pk-brand img {
    width: 72px;
    height: 72px;
  }

  .pk-header nav,
  .pk-quote {
    display: none;
  }

  .pk-menu {
    display: block;
  }

  .pk-header nav.pk-expanded,
  .pk-header nav.is-open {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 18px;
    background: rgba(6, 60, 75, 0.97);
    border-top: 1px solid rgba(105, 216, 205, 0.30);
    box-shadow: 0 16px 34px rgba(0, 28, 39, 0.22);
  }

  .pk-header nav.pk-expanded a,
  .pk-header nav.is-open a {
    padding: 11px 8px;
    font-size: 13px;
  }

  .pk-hero {
    min-height: 650px;
    padding-top: 82px;
    background-position: 62% center;
  }

  .pk-hero-inner {
    width: calc(100% - 44px);
    min-height: 568px;
    padding: 40px 0;
  }

  .pk-hero-copy {
    width: 74%;
  }

  .pk-hero-copy h1 {
    font-size: clamp(50px, 10vw, 78px);
  }

  .pk-video-card {
    width: 190px;
    height: 104px;
  }

  .pk-video-track {
    gap: 12px;
    animation-duration: 38s;
  }

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

  .pk-stat-bar article:nth-child(3) {
    border-right: 0;
  }

  .pk-stat-bar article:nth-child(n+4) {
    border-top: 1px solid rgba(226, 252, 255, 0.18);
  }

  .pk-about-cinematic {
    height: 400px;
    min-height: 400px;
    max-height: 400px;
  }

  .pk-about-title {
    left: 42px;
    width: 58%;
  }

  .pk-about-progress {
    left: 42px;
  }

  .pk-about-context {
    width: calc(100% - 56px);
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .pk-about-globe {
    width: 58%;
    opacity: 0.10;
  }

  .pk-vision-mission {
    width: calc(100% - 56px);
    grid-template-columns: 1fr;
  }

  .pk-why-stage {
    min-height: auto;
    padding: 74px 7%;
  }

  .pk-why-main-copy {
    width: 72%;
  }

  .pk-why-side-copy {
    display: none;
  }

  .pk-why-benefits {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 44px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pk-advantage-layout,
  .pk-contact-grid {
    grid-template-columns: 1fr;
  }

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

  .pk-story-cards {
    grid-template-columns: 1fr;
  }

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

/* =====================================================================
   RESPONSIVE — 620
   ===================================================================== */

@media (max-width: 620px) {
  .pk-header {
    min-height: 76px;
    padding: 7px 14px;
  }

  .pk-brand img {
    width: 66px;
    height: 66px;
  }

  .pk-hero {
    min-height: 590px;
    padding-top: 76px;
    background-position: 66% center;
  }

  .pk-hero-inner {
    width: calc(100% - 44px);
    min-height: 514px;
    padding: 30px 0 44px;
  }

  .pk-hero-copy {
    width: 100%;
  }

  .pk-hero-copy h1 {
    font-size: clamp(44px, 12vw, 58px);
  }

  .pk-hero-copy h1 strong {
    width: auto;
  }

  .pk-hero-copy p {
    max-width: 430px;
    margin-top: 22px;
    font-size: 15px;
  }

  .pk-primary-button {
    margin-top: 25px;
  }

  .pk-product-video-bar {
    padding: 10px 0;
  }

  .pk-video-card {
    width: 158px;
    height: 90px;
    border-radius: 8px;
  }

  .pk-strengths {
    padding: 36px 0 34px;
  }

  .pk-strengths-shell {
    width: calc(100% - 24px);
  }

  .pk-strengths-heading h2 {
    font-size: 32px;
    letter-spacing: -0.035em;
  }

  .pk-strengths-heading p {
    font-size: 7px;
    letter-spacing: 0.16em;
  }

  .pk-strength-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .pk-strength-card {
    height: 300px;
  }

  .pk-strength-photo {
    height: 176px;
  }

  .pk-stat-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pk-stat-bar article {
    border-right: 0;
    border-bottom: 1px solid rgba(226, 252, 255, 0.18);
  }

  .pk-stat-bar article:last-child {
    grid-column: 1 / -1;
    border-bottom: 0;
  }

  .pk-about-cinematic {
    height: 360px;
    min-height: 360px;
    max-height: 360px;
  }

  .pk-about-video {
    object-position: 62% center;
  }

  .pk-about-title {
    left: 22px;
    width: calc(100% - 44px);
    max-width: none;
  }

  .pk-about-title h2 {
    font-size: 42px;
  }

  .pk-about-title p {
    max-width: 92%;
    margin-top: 14px;
    font-size: 14px;
  }

  .pk-about-progress {
    left: 22px;
    bottom: 18px;
    width: 130px;
  }

  .pk-about-context {
    width: calc(100% - 44px);
    padding: 54px 0 58px;
  }

  .pk-about-context-heading h3 {
    font-size: 36px;
  }

  .pk-about-context-text p {
    font-size: 14px;
  }

  .pk-about-globe {
    right: -18%;
    width: 82%;
    opacity: 0.08;
  }

  .pk-vision-mission {
    width: calc(100% - 44px);
    margin-bottom: 60px;
  }

  .pk-vm-card {
    min-height: 280px;
    padding: 30px 24px;
  }

  .pk-vm-number {
    right: 24px;
  }

  .pk-why-main-copy {
    width: 100%;
  }

  .pk-why-main-copy h2 {
    font-size: 44px;
  }

  .pk-why-benefits {
    grid-template-columns: 1fr;
  }

  .pk-advantage {
    padding: 66px 0;
  }

  .pk-advantage .pk-shell {
    width: calc(100% - 44px);
  }

  .pk-advantage-panel,
  .pk-trust-panel {
    padding: 26px 22px;
  }

  .pk-trust-wheel {
    transform: scale(0.96);
  }

  .pk-clients {
    padding: 68px 0;
  }

  .pk-client-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .pk-client-slot {
    height: 96px;
    padding: 10px;
  }

  .pk-stories {
    padding: 68px 0 78px;
  }

  .pk-stories-stage {
    width: calc(100% - 44px);
  }

  .pk-story-arrow {
    position: static;
    display: inline-grid;
    margin: 0 5px 20px 0;
  }

  .pk-form-row {
    grid-template-columns: 1fr;
  }

  .pk-contact {
    padding: 68px 0;
  }

  .pk-contact .pk-shell,
  .pk-references .pk-shell,
  .pk-footer .pk-shell {
    width: calc(100% - 44px);
  }

  .pk-enquiry-form {
    padding: 22px;
  }

  .pk-reference-heading {
    display: block;
  }

  .pk-reference-heading p {
    margin-top: 14px;
    text-align: left;
  }

  .pk-references {
    padding: 66px 0;
  }

  .pk-footer {
    padding-top: 50px;
  }

  .pk-footer-grid {
    grid-template-columns: 1fr;
  }

  .pk-footer-bottom {
    flex-direction: column;
  }
}

/* =====================================================================
   ACCESSIBILITY / REDUCED MOTION
   ===================================================================== */

.pk-header a:focus-visible,
.pk-menu:focus-visible,
.pk-primary-button:focus-visible,
.pk-story-arrow:focus-visible,
.pk-story-dots button:focus-visible,
.pk-send-button:focus-visible,
.pk-scroll-top:focus-visible,
.pk-whatsapp:focus-visible {
  outline: 3px solid #65e8cd;
  outline-offset: 4px;
}

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

  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }

  .pk-video-track,
  .pk-marquee-track {
    animation: none !important;
  }
}

/* Small per-card variation hooks used by the current HTML. */
.pk-benefit-1,
.pk-benefit-3,
.pk-benefit-5 {
  background-image: linear-gradient(145deg, rgba(255,255,255,.055), rgba(4,49,66,.08));
}

.pk-benefit-2,
.pk-benefit-4,
.pk-benefit-6 {
  background-image: linear-gradient(145deg, rgba(117,244,220,.04), rgba(4,49,66,.06));
}

.pk-static-number {
  font-variant-numeric: tabular-nums;
}

/* =====================================================================
   RECOVERED TOP HERO PRODUCT VIDEO
   This is the exact direction used immediately before the "remove it"
   request: compact on the right, no layout shift, hidden on small mobile.
   ===================================================================== */

.pk-hero-inner {
  position: relative;
}

.pk-hero-product {
  position: absolute !important;
  z-index: 3 !important;
  width: min(46vw, 720px) !important;
  max-width: 720px !important;
  right: 2.8vw !important;
  top: 50% !important;
  transform: translateY(-46%) !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.pk-hero-product-video {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  clip-path: inset(0 2.2% 3.8% 0) !important;
  background: transparent !important;
}

@media (max-width: 900px) {
  .pk-hero-product {
    width: min(50vw, 560px) !important;
    right: -2vw !important;
  }
}

@media (max-width: 700px) {
  .pk-hero-product {
    display: none !important;
  }
}
/* ================================================================
   FINAL RECOVERY CORRECTIONS — 2026-09-18
   Restores the last approved visual state after the full backup CSS.
   ================================================================ */

/* HERO TITLE — restore the previous proportions/alignment/colors */
.pk-hero-copy {
  width: min(650px, 50%) !important;
}

.pk-hero-copy h1 {
  width: 100% !important;
  max-width: 620px !important;
  margin: 0 !important;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
  font-size: clamp(50px, 5.35vw, 82px) !important;
  line-height: .92 !important;
  font-weight: 900 !important;
  letter-spacing: -.047em !important;
  text-transform: uppercase !important;
  color: #fff !important;
}

.pk-hero-copy h1 span {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
  color: #fff !important;
}

.pk-hero-copy h1 strong {
  display: block !important;
  width: 100% !important;
  margin: 9px auto 0 !important;
  text-align: center !important;
  font-size: 1.02em !important;
  line-height: .92 !important;
  letter-spacing: -.045em !important;
  color: transparent !important;
  background: linear-gradient(90deg,#10bce7 0%,#18cae2 46%,#25dfbd 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* MOVING PRODUCT CLIP BAR — keep visible, premium, and close to approved strip */
.pk-product-video-bar {
  padding: 12px 0 !important;
  background:
    linear-gradient(90deg,rgba(10,99,130,.98) 0%,rgba(27,151,169,.98) 48%,rgba(73,179,145,.98) 100%) !important;
  border-top: 1px solid rgba(240,255,255,.30) !important;
  border-bottom: 1px solid rgba(240,255,255,.28) !important;
}

.pk-video-track {
  gap: 14px !important;
  animation-duration: 46s !important;
}

.pk-video-card {
  width: 224px !important;
  height: 122px !important;
  border-radius: 9px !important;
  background: rgba(2,49,70,.68) !important;
  border: 1px solid rgba(230,255,255,.43) !important;
  box-shadow: 0 8px 20px rgba(0,31,45,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.pk-video-card video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* FOUR STRENGTHS — restore the previous city/aurora background instead of flat white */
.pk-strengths {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  padding: 38px 0 38px !important;
  background:
    linear-gradient(180deg,rgba(238,249,255,.80) 0%,rgba(219,243,251,.82) 48%,rgba(218,246,239,.86) 100%),
    url('assets/hero-background.png') center 61% / cover no-repeat !important;
}

.pk-strengths::before {
  content: '' !important;
  position: absolute !important;
  inset: -6% !important;
  z-index: -2 !important;
  display: block !important;
  pointer-events: none !important;
  background:
    radial-gradient(36% 25% at 10% 58%,rgba(52,184,235,.25),transparent 70%),
    radial-gradient(34% 24% at 90% 60%,rgba(61,204,155,.24),transparent 70%),
    radial-gradient(40% 22% at 50% 6%,rgba(255,255,255,.92),transparent 72%) !important;
  filter: blur(12px) !important;
  opacity: 1 !important;
}

.pk-strengths::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  display: block !important;
  pointer-events: none !important;
  opacity: .82 !important;
  background:
    radial-gradient(circle at 8% 19%,#fff 0 2px,transparent 7px),
    radial-gradient(circle at 18% 34%,rgba(255,255,255,.95) 0 1.5px,transparent 5px),
    radial-gradient(circle at 31% 15%,rgba(114,225,255,.92) 0 1.7px,transparent 6px),
    radial-gradient(circle at 48% 30%,#fff 0 1.5px,transparent 5px),
    radial-gradient(circle at 60% 12%,rgba(128,237,255,.92) 0 2px,transparent 7px),
    radial-gradient(circle at 77% 32%,rgba(92,237,195,.88) 0 1.7px,transparent 6px),
    radial-gradient(circle at 91% 18%,#fff 0 2px,transparent 7px) !important;
}

.pk-strengths-heading {
  margin-bottom: 18px !important;
}

.pk-strengths-heading h2 {
  font-size: clamp(43px, 4.15vw, 64px) !important;
  line-height: .93 !important;
}

.pk-strengths-heading h2 span {
  color: #0d4675 !important;
}

.pk-strengths-heading h2 strong {
  background: linear-gradient(90deg,#258ed5 0%,#20b8df 52%,#2abc91 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* PRODUCT WORD MARQUEE — restore the brighter aqua/green strip and white lettering */
#products.pk-marquee,
.pk-marquee {
  background:
    linear-gradient(90deg,#2da8c7 0%,#36b7c5 38%,#45c1b0 68%,#61c997 100%) !important;
  border-top: 1px solid rgba(255,255,255,.36) !important;
  border-bottom: 1px solid rgba(255,255,255,.32) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.pk-marquee-track {
  padding: 13px 0 !important;
  gap: 20px !important;
}

.pk-marquee-track span,
#products.pk-marquee .pk-marquee-track span {
  color: #f8ffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-shadow: 0 1px 4px rgba(0,65,80,.12) !important;
}

.pk-marquee-track b,
#products.pk-marquee .pk-marquee-track b {
  color: #e8fff5 !important;
}

/* Responsive recovery */
@media (max-width: 1000px) {
  .pk-hero-copy { width: 56% !important; }
  .pk-hero-copy h1 { font-size: clamp(46px, 6.2vw, 70px) !important; }
  .pk-video-card { width: 205px !important; height: 112px !important; }
}

@media (max-width: 700px) {
  .pk-hero-copy { width: 100% !important; }
  .pk-hero-copy h1 { max-width: 470px !important; font-size: clamp(40px, 12vw, 58px) !important; }
  .pk-hero-copy h1 strong { text-align: left !important; }
  .pk-video-card { width: 166px !important; height: 94px !important; }
  .pk-strengths { padding: 32px 0 30px !important; }
  .pk-strengths-heading h2 { font-size: 34px !important; }
}



/* ============================================================
   PARKEN — FINAL HEADER + HERO
   18 SEPTEMBER 2026
   ============================================================ */


/* ============================================================
   BASIC ANCHOR BEHAVIOUR
   ============================================================ */

html {
    scroll-behavior: smooth;
}

#home,
#about,
#why,
#products,
#clients,
#references,
#contact,
#strengths {
    scroll-margin-top: 90px;
}



/* ============================================================
   HEADER
   ============================================================ */

.parken-header {
    position: fixed;

    top: 0;
    left: 0;
    right: 0;

    z-index: 9999;

    width: 100%;

    height: 92px;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    background:
        rgba(247, 253, 255, 0.92);

    border-bottom:
        1px solid rgba(25, 116, 149, 0.10);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

    box-shadow:
        0 8px 30px
        rgba(0, 49, 73, 0.06);

    transition:
        height .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}



/* WHEN USER SCROLLS */

.parken-header.is-scrolled {

    height: 78px;

    background:
        rgba(251, 254, 255, 0.97);

    box-shadow:
        0 10px 35px
        rgba(0, 48, 73, 0.10);

}



.parken-header-inner {

    width:
        min(
            1520px,
            calc(100% - 70px)
        );

    height: 100%;

    margin:
        0 auto;

    display:
        flex;

    align-items:
        center;

    gap:
        30px;

}



/* ============================================================
   LARGE PARKEN LOGO
   ============================================================ */

.parken-header-logo {

    flex:
        0 0 auto;

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-start;

    width:
        185px;

    height:
        74px;

    overflow:
        visible;

}



.parken-header-logo img {

    display:
        block;

    width:
        178px;

    max-width:
        100%;

    height:
        70px;

    object-fit:
        contain;

    object-position:
        left center;

    transition:
        transform .28s ease;

}



.parken-header-logo:hover img {

    transform:
        scale(1.045);

}



/* ============================================================
   NAVIGATION
   ============================================================ */

.parken-nav {

    flex:
        1;

    min-width:
        0;

    height:
        100%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        clamp(
            17px,
            1.75vw,
            31px
        );

}



.parken-nav-link {

    position:
        relative;

    height:
        100%;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #173f59;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        12px;

    font-weight:
        600;

    line-height:
        1;

    letter-spacing:
        -0.01em;

    white-space:
        nowrap;

    text-decoration:
        none;

    transition:
        color .2s ease;

}



/* HOME-CLOUD-STYLE UNDERLINE */

.parken-nav-link::after {

    content:
        "";

    position:
        absolute;

    left:
        50%;

    bottom:
        0;

    width:
        0;

    height:
        3px;

    border-radius:
        4px 4px 0 0;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            #18bce7,
            #37e4b1
        );

    box-shadow:
        0 0 9px
        rgba(39, 217, 203, 0.32);

    transition:
        width .25s ease;

}



.parken-nav-link:hover {

    color:
        #0586ad;

}



.parken-nav-link:hover::after {

    width:
        38%;

}



.parken-nav-link.is-active {

    color:
        #05799d;

}



.parken-nav-link.is-active::after {

    width:
        72%;

}



/* ============================================================
   GET A QUOTE
   ============================================================ */

.parken-header-quote {

    flex:
        0 0 auto;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        13px;

    min-height:
        43px;

    padding:
        0 20px;

    border-radius:
        999px;

    background:
        linear-gradient(
            100deg,
            #087da8,
            #0793a6
        );

    color:
        #ffffff;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        .04em;

    text-decoration:
        none;

    box-shadow:
        0 8px 22px
        rgba(5, 112, 149, 0.18);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;

}



.parken-header-quote span {

    font-size:
        15px;

    line-height:
        1;

}



.parken-header-quote:hover {

    transform:
        translateY(-2px);

    background:
        linear-gradient(
            100deg,
            #0796b7,
            #16ac93
        );

    box-shadow:
        0 10px 27px
        rgba(5, 112, 149, 0.26);

}



/* ============================================================
   MOBILE MENU BUTTON
   ============================================================ */

.parken-menu-button {

    display:
        none;

    width:
        43px;

    height:
        43px;

    border:
        0;

    border-radius:
        10px;

    background:
        rgba(10, 113, 150, 0.08);

    align-items:
        center;

    justify-content:
        center;

    flex-direction:
        column;

    gap:
        5px;

}



.parken-menu-button span {

    display:
        block;

    width:
        21px;

    height:
        2px;

    border-radius:
        10px;

    background:
        #075578;

}



/* ============================================================
   HERO
   ============================================================ */

.parken-hero {

    position:
        relative;

    width:
        100%;

    min-height:
        820px;

    overflow:
        hidden;

    isolation:
        isolate;

    background:
        #003b55;

}



/* ============================================================
   HERO BACKGROUND
   ============================================================ */

.parken-hero-bg {

    position:
        absolute;

    inset:
        0;

    z-index:
        0;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    object-position:
        center;

}



.parken-hero-overlay {

    position:
        absolute;

    inset:
        0;

    z-index:
        1;

    pointer-events:
        none;

    background:

        linear-gradient(
            90deg,
            rgba(0, 43, 64, 0.88)
            0%,

            rgba(0, 55, 76, 0.73)
            35%,

            rgba(0, 70, 91, 0.37)
            61%,

            rgba(0, 73, 90, 0.10)
            100%
        ),

        linear-gradient(
            180deg,
            rgba(0, 44, 65, 0.18),
            rgba(0, 38, 56, 0.16)
        );

}



/* ============================================================
   MOVING NEON LINES
   ============================================================ */

.parken-hero-lights {

    position:
        absolute;

    inset:
        0;

    z-index:
        2;

    width:
        100%;

    height:
        100%;

    pointer-events:
        none;

}



.parken-light-path {

    fill:
        none;

    stroke-width:
        5;

    stroke-linecap:
        round;

    filter:
        url(#parkenNeonGlow);

    stroke-dasharray:
        120 650;

}



.parken-light-1 {

    stroke:
        url(#parkenCyanLight);

    animation:
        parkenNeonMove
        5s
        linear
        infinite;

}



.parken-light-2 {

    stroke:
        url(#parkenGreenLight);

    stroke-width:
        3;

    animation:
        parkenNeonMove
        7s
        linear
        infinite;

    animation-delay:
        -2s;

}



.parken-light-3 {

    stroke:
        url(#parkenCyanLight);

    stroke-width:
        7;

    animation:
        parkenTrafficMove
        4s
        linear
        infinite;

}



.parken-light-4 {

    stroke:
        url(#parkenGreenLight);

    stroke-width:
        4;

    animation:
        parkenTrafficMove
        6s
        linear
        infinite;

    animation-delay:
        -3s;

}



@keyframes parkenNeonMove {

    from {

        stroke-dashoffset:
            900;

    }

    to {

        stroke-dashoffset:
            -900;

    }

}



@keyframes parkenTrafficMove {

    from {

        stroke-dashoffset:
            1000;

    }

    to {

        stroke-dashoffset:
            -1000;

    }

}



/* ============================================================
   HERO MAIN LAYOUT
   ============================================================ */

.parken-hero-container {

    position:
        relative;

    z-index:
        5;

    width:
        min(
            1520px,
            calc(100% - 100px)
        );

    min-height:
        820px;

    margin:
        0 auto;

    padding-top:
        126px;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(360px, .72fr);

    gap:
        clamp(
            45px,
            7vw,
            130px
        );

    align-items:
        center;

}



/* ============================================================
   LEFT HERO COPY
   ============================================================ */

.parken-hero-copy {

    position:
        relative;

    padding-bottom:
        26px;

}



.parken-hero-kicker {

    display:
        block;

    margin-bottom:
        18px;

    color:
        #8cf7e4;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        11px;

    font-weight:
        700;

    line-height:
        1;

    letter-spacing:
        .24em;

}



/* ============================================================
   HERO TITLE
   FONT BASED ON YOUR ATTACHED REFERENCE
   ============================================================ */

.parken-hero-title {

    margin:
        0;

    width:
        min(
            820px,
            100%
        );

    font-family:
        "League Spartan",
        "Montserrat",
        Arial,
        sans-serif;

    font-size:
        clamp(
            70px,
            6.7vw,
            116px
        );

    font-weight:
        900;

    line-height:
        .79;

    letter-spacing:
        -0.045em;

    text-transform:
        uppercase;

}



.parken-hero-title > span {

    display:
        block;

}



.parken-title-white {

    color:
        #ffffff;

}



.parken-title-access {

    margin-top:
        7px;

    width:
        fit-content;

    padding-right:
        .04em;

    font-size:
        1.18em;

    line-height:
        .82;

    background:
        linear-gradient(
            90deg,
            #17bff0
            0%,

            #1bd8e4
            42%,

            #42efad
            100%
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent;

    filter:
        drop-shadow(
            0 6px 18px
            rgba(23, 199, 223, 0.14)
        );

}



/* ============================================================
   DESCRIPTION
   ============================================================ */

.parken-hero-description {

    max-width:
        680px;

    margin:
        32px 0 0;

    color:
        rgba(
            245,
            253,
            255,
            0.94
        );

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        clamp(
            16px,
            1.15vw,
            20px
        );

    font-weight:
        400;

    line-height:
        1.65;

}



/* ============================================================
   CAPABILITY TEXT — REPLACES EXPLORE SOLUTIONS BUTTON
   ============================================================ */

.parken-hero-capabilities {

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        13px;

    margin-top:
        29px;

    color:
        #d9f9f5;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .13em;

}



.parken-hero-capabilities i {

    width:
        4px;

    height:
        4px;

    border-radius:
        50%;

    background:
        #41e7c2;

    box-shadow:
        0 0 10px
        rgba(65, 231, 194, .65);

}



/* ============================================================
   RIGHT SIDE — REPLACES OLD HERO PRODUCT VIDEO
   ============================================================ */

.parken-hero-system {

    position:
        relative;

    width:
        min(
            470px,
            100%
        );

    min-height:
        430px;

    justify-self:
        end;

    padding:
        46px 38px 35px;

    border:
        1px solid
        rgba(
            195,
            249,
            247,
            0.20
        );

    border-radius:
        30px;

    background:
        linear-gradient(
            145deg,
            rgba(4, 74, 96, 0.25),
            rgba(5, 98, 104, 0.11)
        );

    backdrop-filter:
        blur(9px);

    -webkit-backdrop-filter:
        blur(9px);

    box-shadow:
        0 35px 70px
        rgba(0, 31, 45, 0.16),

        inset
        0 1px 0
        rgba(255, 255, 255, 0.13);

    overflow:
        hidden;

}



.parken-system-glow {

    position:
        absolute;

    width:
        330px;

    height:
        330px;

    border-radius:
        50%;

    right:
        -140px;

    top:
        -145px;

    background:
        radial-gradient(
            circle,
            rgba(61, 238, 202, .27),
            rgba(31, 194, 222, .12)
            42%,
            transparent
            70%
        );

    filter:
        blur(12px);

}



.parken-system-heading {

    position:
        relative;

    z-index:
        2;

}



.parken-system-heading small {

    display:
        block;

    margin-bottom:
        7px;

    color:
        #6cf1da;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .24em;

}



.parken-system-heading strong {

    display:
        block;

    color:
        #ffffff;

    font-family:
        "League Spartan",
        "Montserrat",
        sans-serif;

    font-size:
        28px;

    font-weight:
        800;

    letter-spacing:
        -.025em;

}



.parken-system-line {

    width:
        100%;

    height:
        1px;

    margin:
        25px 0 10px;

    background:
        linear-gradient(
            90deg,
            rgba(94, 244, 232, .55),
            rgba(255, 255, 255, .10)
        );

}



.parken-system-item {

    position:
        relative;

    z-index:
        2;

    display:
        grid;

    grid-template-columns:
        48px 1fr;

    gap:
        17px;

    align-items:
        center;

    min-height:
        80px;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            .09
        );

}



.parken-system-item b {

    color:
        rgba(
            130,
            246,
            231,
            .76
        );

    font-family:
        "League Spartan",
        sans-serif;

    font-size:
        14px;

    font-weight:
        700;

}



.parken-system-item strong {

    display:
        block;

    color:
        #ffffff;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        12px;

    font-weight:
        700;

    letter-spacing:
        .07em;

}



.parken-system-item span {

    display:
        block;

    margin-top:
        5px;

    color:
        rgba(
            221,
            248,
            247,
            .68
        );

    font-family:
        "Inter",
        sans-serif;

    font-size:
        11px;

}



.parken-system-footer {

    position:
        relative;

    z-index:
        2;

    margin-top:
        21px;

    color:
        rgba(
            208,
            249,
            242,
            .68
        );

    font-family:
        "Inter",
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .25em;

}



/* ============================================================
   SCROLL INDICATOR
   ============================================================ */

.parken-scroll-indicator {

    position:
        absolute;

    z-index:
        7;

    left:
        50%;

    bottom:
        25px;

    transform:
        translateX(-50%);

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    gap:
        8px;

    color:
        rgba(
            242,
            255,
            255,
            .70
        );

    text-decoration:
        none;

}



.parken-scroll-indicator span {

    font-family:
        "Inter",
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .25em;

}



.parken-scroll-indicator i {

    position:
        relative;

    display:
        block;

    width:
        1px;

    height:
        28px;

    overflow:
        hidden;

    background:
        rgba(
            255,
            255,
            255,
            .25
        );

}



.parken-scroll-indicator i::after {

    content:
        "";

    position:
        absolute;

    top:
        -15px;

    left:
        0;

    width:
        1px;

    height:
        15px;

    background:
        #5bf1da;

    animation:
        parkenScrollLine
        1.8s
        ease-in-out
        infinite;

}



@keyframes parkenScrollLine {

    0% {

        transform:
            translateY(0);

    }

    100% {

        transform:
            translateY(46px);

    }

}



/* ============================================================
   TABLET
   ============================================================ */

@media
(max-width: 1180px) {

    .parken-header-inner {

        width:
            calc(100% - 40px);

        gap:
            18px;

    }


    .parken-header-logo {

        width:
            150px;

    }


    .parken-header-logo img {

        width:
            145px;

    }


    .parken-nav {

        gap:
            15px;

    }


    .parken-nav-link {

        font-size:
            11px;

    }


    .parken-header-quote {

        padding:
            0 16px;

    }


    .parken-hero-container {

        width:
            calc(100% - 60px);

        grid-template-columns:
            1fr
            390px;

        gap:
            45px;

    }


    .parken-hero-title {

        font-size:
            clamp(
                64px,
                7vw,
                92px
            );

    }

}



/* ============================================================
   MOBILE NAV
   ============================================================ */

@media
(max-width: 930px) {

    .parken-header {

        height:
            80px;

    }


    .parken-header.is-scrolled {

        height:
            72px;

    }


    .parken-header-inner {

        width:
            calc(100% - 30px);

    }


    .parken-header-logo {

        flex:
            1;

        width:
            auto;

    }


    .parken-header-logo img {

        width:
            150px;

        height:
            60px;

    }


    .parken-menu-button {

        display:
            flex;

    }


    .parken-header-quote {

        margin-left:
            auto;

    }


    .parken-nav {

        position:
            absolute;

        top:
            100%;

        left:
            15px;

        right:
            15px;

        height:
            auto;

        display:
            none;

        flex-direction:
            column;

        align-items:
            stretch;

        gap:
            0;

        padding:
            12px;

        border:
            1px solid
            rgba(
                28,
                128,
                158,
                .12
            );

        border-radius:
            18px;

        background:
            rgba(
                250,
                254,
                255,
                .98
            );

        box-shadow:
            0 20px 45px
            rgba(
                0,
                43,
                61,
                .14
            );

        backdrop-filter:
            blur(20px);

    }


    .parken-nav.is-open {

        display:
            flex;

    }


    .parken-nav-link {

        height:
            46px;

        justify-content:
            flex-start;

        padding:
            0 14px;

        border-radius:
            10px;

    }


    .parken-nav-link::after {

        left:
            14px;

        bottom:
            4px;

        transform:
            none;

    }


    .parken-nav-link.is-active::after {

        width:
            28px;

    }


    .parken-hero {

        min-height:
            auto;

    }


    .parken-hero-container {

        width:
            calc(100% - 44px);

        min-height:
            auto;

        padding:
            150px 0 90px;

        display:
            block;

    }


    .parken-hero-copy {

        max-width:
            720px;

    }


    .parken-hero-system {

        width:
            100%;

        max-width:
            620px;

        min-height:
            auto;

        margin-top:
            50px;

        justify-self:
            start;

    }

}



/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media
(max-width: 600px) {

    .parken-header-quote {

        display:
            none;

    }


    .parken-header-logo img {

        width:
            142px;

    }


    .parken-hero-container {

        width:
            calc(100% - 34px);

        padding-top:
            130px;

    }


    .parken-hero-title {

        font-size:
            clamp(
                48px,
                15vw,
                72px
            );

        line-height:
            .82;

    }


    .parken-hero-kicker {

        font-size:
            8px;

        letter-spacing:
            .19em;

    }


    .parken-hero-description {

        margin-top:
            25px;

        font-size:
            15px;

    }


    .parken-hero-capabilities {

        gap:
            9px;

        font-size:
            8px;

        line-height:
            1.5;

    }


    .parken-hero-system {

        padding:
            30px 24px;

        border-radius:
            23px;

    }


    .parken-system-heading strong {

        font-size:
            23px;

    }


    .parken-scroll-indicator {

        display:
            none;

    }

}



/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media
(prefers-reduced-motion: reduce) {

    .parken-light-path,
    .parken-scroll-indicator i::after {

        animation:
            none !important;

    }

}

/* ============================================================
   PARKEN HEADER + HERO CORRECTION
   KEEP ALL PREVIOUS CSS ABOVE THIS
   ============================================================ */


/* ============================================================
   FORCE OLD HERO VIDEO / NEW RIGHT PANEL OFF
   ============================================================ */

.pk-hero-product,
.pk-hero-product-video,
.parken-hero-system,
.parken-scroll-indicator {
  display: none !important;
}



/* ============================================================
   HEADER — RESTORE DARK PARKEN STYLE
   ============================================================ */

.parken-header {
  position: fixed !important;

  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  z-index: 9999 !important;

  width: 100% !important;
  height: 100px !important;

  background:
    linear-gradient(
      110deg,
      rgba(3, 48, 68, .96) 0%,
      rgba(3, 67, 84, .94) 54%,
      rgba(5, 92, 88, .91) 100%
    ) !important;

  border: 0 !important;

  border-bottom:
    1px solid rgba(126, 246, 231, .17) !important;

  backdrop-filter:
    blur(18px) !important;

  -webkit-backdrop-filter:
    blur(18px) !important;

  box-shadow:
    0 13px 34px rgba(0, 25, 38, .18) !important;

  transition:
    height .3s ease,
    background .3s ease,
    box-shadow .3s ease !important;
}



.parken-header.is-scrolled {
  height: 82px !important;

  background:
    linear-gradient(
      110deg,
      rgba(3, 46, 65, .985),
      rgba(4, 72, 83, .98),
      rgba(5, 89, 84, .97)
    ) !important;

  box-shadow:
    0 14px 35px rgba(0, 23, 34, .25) !important;
}



.parken-header-inner {
  width:
    min(
      1540px,
      calc(100% - 64px)
    ) !important;

  height:
    100% !important;

  margin:
    0 auto !important;

  display:
    flex !important;

  align-items:
    center !important;

  gap:
    26px !important;
}



/* ============================================================
   BIGGER ORIGINAL PARKEN LOGO
   ============================================================ */

.parken-header-logo {
  flex:
    0 0 205px !important;

  width:
    205px !important;

  height:
    88px !important;

  display:
    flex !important;

  align-items:
    center !important;
}



.parken-header-logo img {
  display:
    block !important;

  width:
    195px !important;

  height:
    82px !important;

  object-fit:
    contain !important;

  object-position:
    left center !important;

  border:
    0 !important;

  background:
    transparent !important;
}



/* ============================================================
   HEADER WORDING — BIGGER + BETTER FILLED
   ============================================================ */

.parken-nav {
  flex:
    1 !important;

  height:
    100% !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    space-evenly !important;

  gap:
    22px !important;

  margin:
    0 !important;
}



.parken-nav-link {
  position:
    relative !important;

  height:
    100% !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  padding:
    0 3px !important;

  color:
    rgba(255,255,255,.94) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    13px !important;

  font-weight:
    700 !important;

  line-height:
    1 !important;

  letter-spacing:
    .02em !important;

  white-space:
    nowrap !important;

  text-decoration:
    none !important;
}



.parken-nav-link:hover,
.parken-nav-link.is-active {
  color:
    #74f3dc !important;
}



/* HOMECLOUD-STYLE ACTIVE UNDERLINE */

.parken-nav-link::after {
  content:
    "" !important;

  position:
    absolute !important;

  left:
    50% !important;

  bottom:
    0 !important;

  width:
    0 !important;

  height:
    3px !important;

  border-radius:
    5px 5px 0 0 !important;

  transform:
    translateX(-50%) !important;

  background:
    linear-gradient(
      90deg,
      #17cbed,
      #45efb7
    ) !important;

  box-shadow:
    0 0 12px rgba(52, 236, 207, .45) !important;

  transition:
    width .25s ease !important;
}



.parken-nav-link:hover::after {
  width:
    42% !important;
}



.parken-nav-link.is-active::after {
  width:
    78% !important;
}



/* ============================================================
   GET A QUOTE
   ============================================================ */

.parken-header-quote {
  flex:
    0 0 auto !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    17px !important;

  min-height:
    47px !important;

  padding:
    0 24px !important;

  border-radius:
    999px !important;

  background:
    linear-gradient(
      100deg,
      #13d9d3,
      #36efa4
    ) !important;

  color:
    #063f4a !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    12px !important;

  font-weight:
    800 !important;

  letter-spacing:
    .03em !important;

  text-decoration:
    none !important;

  box-shadow:
    0 7px 24px rgba(9, 220, 195, .17) !important;
}



.parken-header-quote:hover {
  background:
    linear-gradient(
      100deg,
      #0bc0cc,
      #27dc9d
    ) !important;

  transform:
    translateY(-2px) !important;
}



/* ============================================================
   HERO
   ============================================================ */

.parken-hero {
  position:
    relative !important;

  width:
    100% !important;

  min-height:
    790px !important;

  overflow:
    hidden !important;

  isolation:
    isolate !important;

  background:
    #003b55 !important;
}



/* ORIGINAL BACKGROUND */

.parken-hero-bg {
  position:
    absolute !important;

  inset:
    0 !important;

  z-index:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center center !important;
}



/* READABILITY */

.parken-hero-overlay {
  position:
    absolute !important;

  inset:
    0 !important;

  z-index:
    1 !important;

  pointer-events:
    none !important;

  background:

    linear-gradient(
      90deg,

      rgba(0, 38, 58, .91)
      0%,

      rgba(0, 47, 67, .79)
      30%,

      rgba(0, 57, 73, .51)
      52%,

      rgba(0, 67, 78, .12)
      79%,

      rgba(0, 67, 78, .04)
      100%
    ) !important;
}



/* ============================================================
   HERO CONTENT
   ============================================================ */

.parken-hero-inner {
  position:
    relative !important;

  z-index:
    5 !important;

  width:
    min(
      1480px,
      calc(100% - 110px)
    ) !important;

  min-height:
    790px !important;

  margin:
    0 auto !important;

  padding-top:
    100px !important;

  display:
    flex !important;

  align-items:
    center !important;
}



.parken-hero-copy {
  width:
    min(
      920px,
      70%
    ) !important;

  max-width:
    920px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}



/* ============================================================
   HEADING — MATCH ATTACHED INTELLIGENCE REFERENCE
   ============================================================ */

.parken-hero-title {
  margin:
    0 !important;

  padding:
    0 !important;

  font-family:
    "Montserrat",
    Arial,
    Helvetica,
    sans-serif !important;

  font-size:
    clamp(
      68px,
      6.2vw,
      112px
    ) !important;

  font-weight:
    900 !important;

  line-height:
    .82 !important;

  letter-spacing:
    -.055em !important;

  text-transform:
    uppercase !important;

  text-align:
    left !important;
}



.parken-hero-title span,
.parken-hero-title strong {
  display:
    block !important;

  margin:
    0 !important;

  padding:
    0 !important;
}



.parken-hero-title span {
  color:
    #ffffff !important;

  font-weight:
    900 !important;
}



.parken-hero-title strong {
  width:
    fit-content !important;

  margin-top:
    8px !important;

  padding-right:
    .04em !important;

  font-size:
    1.19em !important;

  line-height:
    .80 !important;

  font-weight:
    900 !important;

  background:
    linear-gradient(
      90deg,
      #16bdf0 0%,
      #16d7eb 46%,
      #43eead 100%
    ) !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;
}



/* ============================================================
   DESCRIPTION
   ============================================================ */

.parken-hero-description {
  max-width:
    730px !important;

  margin:
    34px 0 0 !important;

  color:
    rgba(246,253,255,.94) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    17px !important;

  font-weight:
    500 !important;

  line-height:
    1.65 !important;
}



/* ============================================================
   SMALL PRODUCT CATEGORY LINE
   ============================================================ */

.parken-hero-capabilities {
  display:
    flex !important;

  align-items:
    center !important;

  flex-wrap:
    wrap !important;

  gap:
    13px !important;

  margin-top:
    27px !important;

  color:
    rgba(228,255,250,.91) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    9px !important;

  font-weight:
    800 !important;

  letter-spacing:
    .17em !important;
}



.parken-hero-capabilities i {
  width:
    4px !important;

  height:
    4px !important;

  border-radius:
    50% !important;

  background:
    #49ebc2 !important;

  box-shadow:
    0 0 9px rgba(73,235,194,.62) !important;
}



/* ============================================================
   SUBTLE MOVING LIGHTS
   NO MORE BRIGHT RANDOM STRIPES
   ============================================================ */

.parken-hero-lights {
  position:
    absolute !important;

  inset:
    0 !important;

  z-index:
    2 !important;

  width:
    100% !important;

  height:
    100% !important;

  pointer-events:
    none !important;

  opacity:
    .52 !important;
}



.parken-light-path {
  fill:
    none !important;

  stroke-linecap:
    round !important;

  filter:
    url(#parkenNeonGlow) !important;

  stroke-dasharray:
    165 1050 !important;
}



.parken-light-1 {
  stroke:
    url(#parkenCyanLight) !important;

  stroke-width:
    2.5 !important;

  animation:
    parkenArchitectureMove
    11s
    linear
    infinite !important;
}



.parken-light-2 {
  stroke:
    url(#parkenGreenLight) !important;

  stroke-width:
    2 !important;

  animation:
    parkenArchitectureMove
    14s
    linear
    infinite !important;

  animation-delay:
    -5s !important;
}



.parken-light-road {
  stroke:
    url(#parkenCyanLight) !important;

  stroke-width:
    2.4 !important;

  opacity:
    .55 !important;

  animation:
    parkenRoadMove
    13s
    linear
    infinite !important;

  animation-delay:
    -3s !important;
}



@keyframes parkenArchitectureMove {

  from {
    stroke-dashoffset:
      1300;
  }

  to {
    stroke-dashoffset:
      -1300;
  }

}



@keyframes parkenRoadMove {

  from {
    stroke-dashoffset:
      1500;
  }

  to {
    stroke-dashoffset:
      -1500;
  }

}



/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1200px) {

  .parken-header-inner {
    width:
      calc(100% - 40px) !important;
  }


  .parken-header-logo {
    flex-basis:
      170px !important;

    width:
      170px !important;
  }


  .parken-header-logo img {
    width:
      165px !important;
  }


  .parken-nav {
    gap:
      15px !important;
  }


  .parken-nav-link {
    font-size:
      11px !important;
  }


  .parken-hero-inner {
    width:
      calc(100% - 70px) !important;
  }


  .parken-hero-copy {
    width:
      75% !important;
  }

}



/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 930px) {

  .parken-header {
    height:
      82px !important;
  }


  .parken-header-logo img {
    width:
      155px !important;

    height:
      68px !important;
  }


  .parken-menu-button {
    display:
      flex !important;

    flex-direction:
      column !important;

    justify-content:
      center !important;

    align-items:
      center !important;

    gap:
      5px !important;

    width:
      43px !important;

    height:
      43px !important;

    border:
      1px solid rgba(119,244,226,.24) !important;

    border-radius:
      9px !important;

    background:
      rgba(255,255,255,.08) !important;
  }


  .parken-menu-button span {
    width:
      21px !important;

    height:
      2px !important;

    background:
      #ffffff !important;
  }


  .parken-nav {
    position:
      absolute !important;

    top:
      100% !important;

    left:
      15px !important;

    right:
      15px !important;

    display:
      none !important;

    height:
      auto !important;

    padding:
      15px !important;

    flex-direction:
      column !important;

    align-items:
      stretch !important;

    gap:
      0 !important;

    border:
      1px solid rgba(113,242,223,.20) !important;

    border-radius:
      15px !important;

    background:
      rgba(3,53,71,.98) !important;

    box-shadow:
      0 22px 45px rgba(0,20,30,.27) !important;
  }


  .parken-nav.is-open {
    display:
      flex !important;
  }


  .parken-nav-link {
    height:
      47px !important;

    justify-content:
      flex-start !important;

    font-size:
      13px !important;
  }


  .parken-hero {
    min-height:
      700px !important;
  }


  .parken-hero-inner {
    width:
      calc(100% - 42px) !important;

    min-height:
      700px !important;

    padding-top:
      90px !important;
  }


  .parken-hero-copy {
    width:
      100% !important;
  }


  .parken-hero-title {
    font-size:
      clamp(
        52px,
        10vw,
        82px
      ) !important;
  }

}



/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 600px) {

  .parken-header-quote {
    display:
      none !important;
  }


  .parken-header-logo {
    flex:
      1 !important;
  }


  .parken-hero-title {
    font-size:
      clamp(
        44px,
        14vw,
        68px
      ) !important;

    line-height:
      .84 !important;
  }


  .parken-hero-description {
    font-size:
      15px !important;

    margin-top:
      26px !important;
  }

}

/* ============================================================
   PARKEN HERO — CINEMATIC FLOWING LIGHT TRAILS
   ============================================================ */

.parken-hero-lights {
  position: absolute !important;

  inset: 0 !important;

  z-index: 2 !important;

  width: 100% !important;

  height: 100% !important;

  pointer-events: none !important;

  overflow: hidden !important;

  opacity: .88 !important;
}



.parken-flow-light {
  fill: none !important;

  stroke-linecap: round !important;

  filter:
    url(#parkenTrailGlow) !important;

  stroke-dasharray:
    180 1550 !important;

  will-change:
    stroke-dashoffset !important;
}



/* UPPER BRIDGE */

.parken-flow-1 {
  stroke:
    url(#parkenCyanTrail) !important;

  stroke-width:
    3.5px !important;

  animation:
    parkenFlowForward
    10s
    linear
    infinite !important;
}



.parken-flow-2 {
  stroke:
    url(#parkenWhiteTrail) !important;

  stroke-width:
    2.4px !important;

  animation:
    parkenFlowForward
    13s
    linear
    infinite !important;

  animation-delay:
    -5s !important;
}



.parken-flow-3 {
  stroke:
    url(#parkenGreenTrail) !important;

  stroke-width:
    2px !important;

  opacity:
    .68 !important;

  animation:
    parkenFlowForward
    17s
    linear
    infinite !important;

  animation-delay:
    -9s !important;
}



/* ROAD */

.parken-flow-road-1 {
  stroke:
    url(#parkenCyanTrail) !important;

  stroke-width:
    6px !important;

  animation:
    parkenRoadFlow
    7.5s
    linear
    infinite !important;
}



.parken-flow-road-2 {
  stroke:
    url(#parkenWhiteTrail) !important;

  stroke-width:
    3.2px !important;

  opacity:
    .76 !important;

  animation:
    parkenRoadFlow
    10s
    linear
    infinite !important;

  animation-delay:
    -4s !important;
}



.parken-flow-road-3 {
  stroke:
    url(#parkenGreenTrail) !important;

  stroke-width:
    2.4px !important;

  opacity:
    .64 !important;

  animation:
    parkenRoadFlow
    13s
    linear
    infinite !important;

  animation-delay:
    -7s !important;
}



@keyframes parkenFlowForward {

  from {
    stroke-dashoffset:
      1850;
  }

  to {
    stroke-dashoffset:
      -1850;
  }

}



@keyframes parkenRoadFlow {

  from {
    stroke-dashoffset:
      2100;
  }

  to {
    stroke-dashoffset:
      -2100;
  }

}

/* ============================================================
   PARKEN HEADER — FINAL POSITION / SPACING
   ============================================================ */

.parken-header-inner {
  width:
    min(
      1600px,
      calc(100% - 80px)
    ) !important;

  margin:
    0 auto !important;

  display:
    grid !important;

  grid-template-columns:
    215px
    minmax(0, 1fr)
    175px !important;

  align-items:
    center !important;

  column-gap:
    28px !important;
}



/* LOGO LEFT */

.parken-header-logo {
  width:
    210px !important;

  height:
    90px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;
}



.parken-header-logo img {
  width:
    195px !important;

  height:
    84px !important;

  object-fit:
    contain !important;

  object-position:
    left center !important;
}



/* NAV PERFECTLY CENTRED */

.parken-nav {
  width:
    100% !important;

  height:
    100% !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    clamp(
      25px,
      2.25vw,
      48px
    ) !important;

  margin:
    0 !important;
}



.parken-nav-link {
  position:
    relative !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  height:
    100% !important;

  padding:
    0 !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    13px !important;

  font-weight:
    800 !important;

  letter-spacing:
    .01em !important;

  white-space:
    nowrap !important;
}



/* QUOTE RIGHT */

.parken-header-quote {
  justify-self:
    end !important;

  min-width:
    165px !important;
}

/* ============================================================
   MOVING PRODUCT VIDEO BAR
   ============================================================ */

.pk-product-video-bar {
  position: relative;
  width: 100%;
  height: 116px;
  overflow: hidden;

  background:
    linear-gradient(
      100deg,
      #07526c 0%,
      #0b7890 45%,
      #319985 100%
    );

  border-top: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}


.pk-product-video-bar::before,
.pk-product-video-bar::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8%;
  z-index: 4;
  pointer-events: none;
}


.pk-product-video-bar::before {
  left: 0;

  background:
    linear-gradient(
      90deg,
      #07526c,
      transparent
    );
}


.pk-product-video-bar::after {
  right: 0;

  background:
    linear-gradient(
      270deg,
      #319985,
      transparent
    );
}


.pk-product-video-track {
  display: flex;
  width: max-content;
  height: 100%;

  animation:
    pkProductVideoMove
    48s
    linear
    infinite;

  will-change: transform;
}


.pk-product-video-group {
  display: flex;
  align-items: stretch;
  height: 100%;
}


.pk-product-video-group video {
  display: block;

  flex: 0 0 205px;

  width: 205px;
  height: 100%;

  object-fit: cover;
  object-position: center;

  border-right:
    1px solid rgba(255,255,255,.16);

  background:
    #06394f;
}


.pk-product-video-bar:hover
.pk-product-video-track {
  animation-play-state: paused;
}


@keyframes pkProductVideoMove {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}


@media (max-width: 700px) {

  .pk-product-video-bar {
    height: 92px;
  }

  .pk-product-video-group video {
    flex-basis: 165px;
    width: 165px;
  }

}

/* ============================================================
   MOVING PRODUCT VIDEO BAR
   MATCH PREVIOUS PARKEN LOOK
   ============================================================ */

.parken-video-strip {
  position: relative;
  width: 100%;
  height: 108px;
  overflow: hidden;

  padding: 10px 0;

  background:
    linear-gradient(
      100deg,
      #073d54 0%,
      #07536c 40%,
      #086779 72%,
      #0b746f 100%
    );

  border-top:
    1px solid rgba(255,255,255,.16);

  border-bottom:
    1px solid rgba(255,255,255,.16);

  box-sizing: border-box;
}


/* SOFT EDGE FADES */

.parken-video-strip::before,
.parken-video-strip::after {
  content: "";

  position: absolute;

  top: 0;
  bottom: 0;

  width: 55px;

  z-index: 5;

  pointer-events: none;
}


.parken-video-strip::before {
  left: 0;

  background:
    linear-gradient(
      90deg,
      #073d54 0%,
      rgba(7,61,84,0) 100%
    );
}


.parken-video-strip::after {
  right: 0;

  background:
    linear-gradient(
      270deg,
      #0b746f 0%,
      rgba(11,116,111,0) 100%
    );
}


/* MOVING TRACK */

.parken-video-strip-track {
  display: flex;

  width: max-content;
  height: 88px;

  animation:
    parkenVideoStripMove
    38s
    linear
    infinite;

  will-change: transform;
}


/* EACH COMPLETE SET */

.parken-video-strip-group {
  display: flex;

  align-items: center;

  gap: 10px;

  padding-right: 10px;

  height: 88px;
}


/* SMALL VIDEO CARDS */

.parken-video-strip video {
  flex: 0 0 165px;

  width: 165px;
  height: 82px;

  display: block;

  object-fit: cover;
  object-position: center;

  border-radius: 9px;

  border:
    1px solid rgba(220,250,255,.32);

  background:
    #092f43;

  box-shadow:
    0 4px 12px rgba(0,20,32,.26);

  overflow: hidden;
}


/* PAUSE WHEN USER HOVERS */

.parken-video-strip:hover
.parken-video-strip-track {
  animation-play-state: paused;
}


/* CONTINUOUS MOVEMENT */

@keyframes parkenVideoStripMove {

  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }

}



/* ============================================================
   FOUR STRENGTHS — EXACT PREVIOUS WEBSITE SETUP
   ============================================================ */

.pk-strengths-v18 {
  position: relative !important;

  isolation: isolate !important;

  padding:
    20px 0 46px !important;

  background:
    #b8edfb
    url("assets/strengths-city-v19.png")
    center / cover
    no-repeat !important;

  scroll-margin-top:
    70px !important;

  overflow:
    hidden !important;
}


/* THE PNG IS BACKGROUND ONLY */

.pk-strengths-v18::before,
.pk-strengths-v18::after,
.pk-s18-city,
.pk-s18-aura,
.pk-s18-ribbon {
  display:
    none !important;
}


.pk-s18-sparkles {
  opacity:
    .65 !important;
}



/* ============================================================
   MAIN CONTENT WIDTH
   ============================================================ */

.pk-s18-shell {
  position:
    relative !important;

  z-index:
    2 !important;

  width:
    76% !important;

  max-width:
    1280px !important;

  margin:
    0 auto !important;
}



/* ============================================================
   HEADING
   ============================================================ */

.pk-s18-head {
  margin:
    0 auto 22px !important;

  max-width:
    none !important;

  text-align:
    center !important;
}


.pk-s18-head h2 {
  margin:
    0 !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    clamp(
      30px,
      2.7vw,
      46px
    ) !important;

  line-height:
    1 !important;

  letter-spacing:
    -1.2px !important;

  font-weight:
    900 !important;

  text-transform:
    uppercase !important;
}


.pk-s18-head h2 span {
  display:
    block !important;

  color:
    #095585 !important;
}


.pk-s18-head h2 strong {
  display:
    block !important;

  margin-top:
    2px !important;

  background:
    linear-gradient(
      90deg,
      #039ff0 18%,
      #00a8e2 50%,
      #00cda2 88%
    ) !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;
}


.pk-s18-head p {
  margin-top:
    9px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    12px !important;

  color:
    #315d80 !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    10px !important;

  font-weight:
    650 !important;

  letter-spacing:
    .23em !important;

  text-transform:
    uppercase !important;
}


.pk-s18-head p i {
  display:
    block !important;

  width:
    64px !important;

  height:
    1px !important;

  background:
    #3477a1 !important;
}



/* ============================================================
   FOUR CARDS
   ============================================================ */

.pk-s18-grid {
  display:
    grid !important;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    ) !important;

  gap:
    16px !important;

  margin:
    0 0 12px !important;
}


.pk-s18-card {
  position:
    relative !important;

  height:
    clamp(
      246px,
      18vw,
      302px
    ) !important;

  overflow:
    hidden !important;

  clip-path:
    none !important;

  transform:
    skewX(-12deg) !important;

  border:
    2px solid #dcffff !important;

  border-radius:
    9px !important;

  background:
    linear-gradient(
      180deg,
      #74d7f47a,
      #38b7d98a 48%,
      #1189b6bd 100%
    ) !important;

  box-shadow:
    0 0 5px #ffffff,
    0 0 15px #63f6ff,
    inset 0 0 9px #a4faff !important;

  backdrop-filter:
    blur(5px) !important;
}


.pk-s18-card:hover {
  transform:
    skewX(-12deg) !important;

  box-shadow:
    0 0 6px #ffffff,
    0 0 22px #63f6ff !important;
}


.pk-s18-card::before {
  content:
    "" !important;

  position:
    absolute !important;

  inset:
    0 !important;

  z-index:
    4 !important;

  pointer-events:
    none !important;

  border-radius:
    7px !important;

  background:
    linear-gradient(
      115deg,
      #ffffff30,
      transparent 28% 88%,
      #aafcff60
    ) !important;

  box-shadow:
    inset 0 0 10px
    #adfbff80 !important;
}


.pk-s18-card::after {
  content:
    "" !important;

  position:
    absolute !important;

  inset:
    0 !important;

  z-index:
    2 !important;

  pointer-events:
    none !important;

  background:
    linear-gradient(
      180deg,
      transparent 36%,
      #1488ad15 51%,
      #117fa2b8 65%,
      #116f92c9 100%
    ) !important;
}



/* ============================================================
   CARD IMAGES
   ============================================================ */

.pk-s18-photo {
  position:
    absolute !important;

  inset:
    0 0 auto 0 !important;

  height:
    63% !important;

  overflow:
    hidden !important;

  transform:
    skewX(12deg) scale(1.08) !important;
}


.pk-s18-photo img {
  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  filter:
    saturate(1.03)
    brightness(1.03) !important;
}



/* ============================================================
   ICON
   ============================================================ */

.pk-s18-icon {
  position:
    absolute !important;

  z-index:
    5 !important;

  top:
    12px !important;

  left:
    13px !important;

  width:
    40px !important;

  height:
    40px !important;

  display:
    grid !important;

  place-items:
    center !important;

  border-radius:
    8px !important;

  color:
    #ffffff !important;

  background:
    #218dc1a6 !important;
}


.pk-s18-icon svg {
  width:
    24px !important;

  height:
    24px !important;

  transform:
    skewX(12deg) !important;
}


.pk-s18-no {
  display:
    none !important;
}



/* ============================================================
   CARD WORDING
   ============================================================ */

.pk-s18-copy {
  position:
    absolute !important;

  z-index:
    6 !important;

  left:
    20px !important;

  right:
    15px !important;

  bottom:
    17px !important;

  transform:
    skewX(12deg) !important;

  color:
    #ffffff !important;
}


.pk-s18-copy h3 {
  margin:
    0 0 8px !important;

  color:
    #ffffff !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    clamp(
      10px,
      .87vw,
      14px
    ) !important;

  font-weight:
    850 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    0 !important;
}


.pk-s18-copy p {
  margin:
    0 !important;

  color:
    rgba(255,255,255,.98) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    clamp(
      10px,
      .78vw,
      12px
    ) !important;

  font-weight:
    500 !important;

  line-height:
    1.35 !important;
}


.pk-s18-copy b {
  display:
    block !important;

  width:
    30px !important;

  height:
    2px !important;

  margin-top:
    9px !important;

  background:
    #55f2df !important;
}



/* ============================================================
   STAT BAR
   ============================================================ */

.pk-s18-stats {
  position:
    relative !important;

  width:
    97% !important;

  margin:
    0 auto !important;

  display:
    grid !important;

  grid-template-columns:
    repeat(
      5,
      1fr
    ) !important;

  overflow:
    hidden !important;

  border-radius:
    7px !important;

  background:
    linear-gradient(
      180deg,
      #68d9e87a,
      #138cafa6 40%,
      #127c9eab
    ) !important;

  box-shadow:
    0 0 12px #c9ffff,
    inset 0 0 12px #a5f8ff8c !important;
}


.pk-s18-stat {
  position:
    relative !important;

  z-index:
    1 !important;

  min-height:
    64px !important;

  display:
    flex !important;

  align-items:
    center !important;

  gap:
    10px !important;

  padding:
    9px 12px !important;

  border-right:
    1px solid rgba(226,252,255,.28) !important;
}


.pk-s18-stat:last-child {
  border-right:
    0 !important;
}


.pk-s18-stat-icon {
  width:
    34px !important;

  height:
    34px !important;

  flex:
    0 0 34px !important;

  display:
    grid !important;

  place-items:
    center !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  background:
    none !important;

  color:
    #66f7f5 !important;

  font-size:
    27px !important;
}


.pk-s18-stat strong {
  display:
    block !important;

  color:
    #ffffff !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    22px !important;

  font-weight:
    900 !important;
}


.pk-s18-stat div span {
  display:
    block !important;

  margin-top:
    4px !important;

  color:
    rgba(247,254,255,.96) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    10px !important;

  font-weight:
    600 !important;

  line-height:
    1.15 !important;

  white-space:
    normal !important;
}



/* ============================================================
   SIDE WORDING
   ============================================================ */

.pk-s18-side {
  position:
    absolute !important;

  z-index:
    3 !important;

  top:
    132px !important;

  opacity:
    .83 !important;

  color:
    #174c74 !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  text-transform:
    uppercase !important;
}


.pk-s18-side-left {
  left:
    2% !important;
}


.pk-s18-side-right {
  right:
    2% !important;

  top:
    160px !important;
}


.pk-s18-side span {
  display:
    block !important;

  margin-bottom:
    10px !important;

  font-size:
    12px !important;

  font-weight:
    700 !important;

  letter-spacing:
    .36em !important;
}


.pk-s18-side small {
  font-size:
    9px !important;

  line-height:
    1.8 !important;

  font-weight:
    700 !important;

  letter-spacing:
    .2em !important;
}


.pk-s18-side::before,
.pk-s18-side::after {
  display:
    none !important;
}



/* ============================================================
   RESPONSIVE
   ============================================================ */

@media
(max-width: 1100px) {

  .pk-s18-shell {
    width:
      86% !important;
  }

  .pk-s18-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      ) !important;

    gap:
      22px !important;
  }

  .pk-s18-side {
    display:
      none !important;
  }

}


@media
(max-width: 700px) {

  .pk-strengths-v18 {
    padding:
      32px 0 38px !important;

    background-size:
      auto 100% !important;
  }

  .pk-s18-shell {
    width:
      calc(100% - 48px) !important;
  }

  .pk-s18-grid {
    grid-template-columns:
      1fr !important;
  }

  .pk-s18-card,
  .pk-s18-card:hover {
    height:
      330px !important;

    transform:
      skewX(-5deg) !important;
  }

  .pk-s18-copy,
  .pk-s18-icon svg {
    transform:
      skewX(5deg) !important;
  }

  .pk-s18-stats {
    width:
      100% !important;

    grid-template-columns:
      1fr !important;
  }

  .pk-s18-stat {
    border-right:
      0 !important;

    border-bottom:
      1px solid rgba(226,252,255,.26) !important;
  }

}

/* =========================================================
   VISION + MISSION REDESIGN
   ========================================================= */

.pk-vm-redesign {
  padding: 44px 0 34px;
  background: #dfeaed;
}

.pk-vm-wrap {
  width: min(1600px, calc(100% - 48px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}

.pk-vm-box {
  position: relative;
  overflow: hidden;
  min-height: 360px;
  padding: 34px 38px 34px;
  border-radius: 32px;
  color: #ecfbff;
  border: 1px solid rgba(255,255,255,.18);
  background:
    linear-gradient(160deg, #0f6f87 0%, #117f93 52%, #23988f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 12px 30px rgba(9, 63, 78, .12);
}

.pk-vm-topline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.pk-vm-label {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: #bff7ef;
}

.pk-vm-no {
  font-size: 14px;
  font-weight: 800;
  color: rgba(255,255,255,.45);
}

.pk-vm-box h3 {
  margin: 0 0 14px;
  max-width: 620px;
  font-size: clamp(24px, 2vw, 38px);
  line-height: 1.08;
  font-weight: 800;
  color: #ffffff;
}

.pk-vm-box p {
  margin: 0;
  max-width: 700px;
  font-size: clamp(18px, 1.2vw, 22px);
  line-height: 1.65;
  font-weight: 500;
  color: rgba(239, 252, 255, .95);
}

.pk-vm-deco {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.pk-vm-deco-a {
  width: 320px;
  height: 320px;
  right: -80px;
  bottom: -110px;
  background:
    radial-gradient(circle at center,
      rgba(85, 255, 235, .22) 0%,
      rgba(85, 255, 235, .06) 55%,
      transparent 72%);
  border: 1px solid rgba(255,255,255,.12);
}

.pk-vm-deco-b {
  width: 360px;
  height: 360px;
  right: -100px;
  bottom: -130px;
  background:
    radial-gradient(circle at center,
      rgba(74, 255, 214, .18) 0%,
      rgba(74, 255, 214, .05) 55%,
      transparent 74%);
  border: 1px solid rgba(255,255,255,.1);
}



/* =========================================================
   WHY PARKEN — NATURAL VERSION
   uses assets/why-machine-reference.jpeg
   ========================================================= */

.pk-why-natural {
  position: relative;
  overflow: hidden;
  padding: 52px 0 58px;
  background:
    linear-gradient(135deg, #073d59 0%, #09607a 52%, #15907c 100%);
}

.pk-why-natural::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 8% 18%, rgba(255,255,255,.08), transparent 28%),
    radial-gradient(circle at 88% 80%, rgba(79,255,219,.12), transparent 30%);
  pointer-events: none;
}

.pk-why-natural-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4,24,38,.12), rgba(4,24,38,.18));
}

.pk-why-natural-inner {
  position: relative;
  z-index: 2;
  width: min(1600px, calc(100% - 48px));
  margin: 0 auto;
}

.pk-why-natural-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 28px;
}

.pk-why-natural-copy .pk-kicker,
.pk-clients-center-copy .pk-kicker {
  display: inline-block;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #abf8ef;
}

.pk-why-natural-copy h2 {
  margin: 0;
  max-width: 760px;
  font-size: clamp(56px, 4.9vw, 114px);
  line-height: .95;
  font-weight: 900;
  color: #f8fbfc;
  text-transform: uppercase;
}

.pk-why-natural-copy p {
  margin: 22px 0 0;
  font-size: clamp(26px, 1.5vw, 34px);
  line-height: 1.22;
  font-weight: 700;
  color: #d7f7f2;
  text-transform: uppercase;
}

.pk-why-natural-side {
  margin-top: 8px;
  text-align: right;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #d5fffb;
}

.pk-why-band {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(8px);
  box-shadow:
    0 20px 40px rgba(3, 38, 53, .22),
    inset 0 1px 0 rgba(255,255,255,.16);
}

.pk-why-band-image {
  position: relative;
  height: 420px;
  overflow: hidden;
}

.pk-why-band-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.03) 35%, rgba(0,34,47,.18) 100%);
}

.pk-why-band-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.pk-why-band-content {
  position: relative;
  margin-top: -110px;
  padding: 0 30px 28px;
  z-index: 2;
}

.pk-why-icons-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}

.pk-why-icon-card {
  text-align: center;
  padding: 18px 14px 16px;
  border-radius: 26px;
  background: rgba(255,255,255,.84);
  box-shadow:
    0 10px 24px rgba(9, 79, 100, .14),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.pk-why-icon-circle {
  width: 74px;
  height: 74px;
  margin: 0 auto 14px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 30px;
  background:
    radial-gradient(circle at 30% 30%, #ffffff 0%, #e8fdff 45%, #d6f9f3 100%);
  box-shadow:
    0 6px 16px rgba(0, 125, 156, .18),
    inset 0 0 0 2px rgba(63, 222, 208, .35);
}

.pk-why-icon-card h3 {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800;
  color: #0c4d76;
  text-transform: uppercase;
}

.pk-why-icon-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: #54738b;
}



/* =========================================================
   OUR CLIENTS — NATURAL VERSION
   uses assets/clients-layout-reference.jpeg
   ========================================================= */

.pk-clients-natural {
  position: relative;
  overflow: hidden;
  padding: 68px 0 78px;
  background:
    #dff0f5
    url("assets/clients-layout-reference.jpeg")
    center / cover no-repeat;
}

.pk-clients-natural::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(248,253,255,.48), rgba(242,251,255,.36)),
    radial-gradient(circle at 50% 45%, rgba(255,255,255,.42), transparent 45%);
}

.pk-clients-natural-overlay {
  display: none;
}

.pk-clients-natural-inner {
  position: relative;
  z-index: 2;
  width: min(1600px, calc(100% - 48px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr minmax(320px, 420px) 1fr;
  gap: 30px;
  align-items: center;
}

.pk-clients-center-copy {
  text-align: center;
  padding: 18px 10px;
}

.pk-clients-center-copy h2 {
  margin: 0 0 16px;
  font-size: clamp(40px, 3.3vw, 64px);
  line-height: 1.02;
  font-weight: 900;
  color: #113f69;
  text-transform: uppercase;
}

.pk-clients-center-copy p {
  margin: 0 auto;
  max-width: 380px;
  font-size: 17px;
  line-height: 1.75;
  font-weight: 500;
  color: #5d7688;
}

.pk-clients-column {
  display: grid;
  gap: 16px;
}

.pk-clients-column-left {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pk-clients-column-right {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pk-client-box {
  min-height: 140px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(255,255,255,.65);
  box-shadow:
    0 10px 24px rgba(60, 113, 133, .10),
    inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter: blur(4px);
}

.pk-client-box img {
  display: block;
  max-width: 100%;
  max-height: 88px;
  object-fit: contain;
}

.pk-client-box-wide {
  grid-column: span 2;
}



/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1280px) {
  .pk-why-icons-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pk-clients-natural-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .pk-clients-center-copy {
    order: -1;
  }
}

@media (max-width: 980px) {
  .pk-vm-wrap {
    grid-template-columns: 1fr;
  }

  .pk-why-natural-head {
    flex-direction: column;
  }

  .pk-why-natural-side {
    text-align: left;
  }

  .pk-why-band-image {
    height: 360px;
  }

  .pk-why-band-content {
    margin-top: -80px;
  }

  .pk-clients-column-left,
  .pk-clients-column-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pk-client-box-wide {
    grid-column: span 2;
  }
}

@media (max-width: 700px) {
  .pk-vm-redesign {
    padding: 28px 0 22px;
  }

  .pk-vm-wrap,
  .pk-why-natural-inner,
  .pk-clients-natural-inner {
    width: calc(100% - 28px);
  }

  .pk-vm-box {
    min-height: auto;
    padding: 24px 22px 26px;
    border-radius: 24px;
  }

  .pk-why-natural {
    padding: 32px 0 36px;
  }

  .pk-why-natural-copy h2 {
    font-size: clamp(40px, 12vw, 64px);
  }

  .pk-why-natural-copy p {
    font-size: 20px;
  }

  .pk-why-band-image {
    height: 280px;
  }

  .pk-why-band-content {
    margin-top: 0;
    padding: 18px 16px 18px;
  }

  .pk-why-icons-row {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .pk-clients-natural {
    padding: 38px 0 42px;
  }

  .pk-clients-center-copy h2 {
    font-size: clamp(30px, 9vw, 42px);
  }

  .pk-clients-column-left,
  .pk-clients-column-right {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .pk-client-box {
    min-height: 112px;
    padding: 12px;
    border-radius: 18px;
  }

  .pk-client-box img {
    max-height: 68px;
  }
}

.parken-hero {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  isolation: isolate;
}


.parken-hero {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}


/* VIDEO */
.parken-hero-video {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  z-index: 0;
}


/* DARK GRADIENT OVER VIDEO */
.parken-hero-overlay {
  position: absolute;
  inset: 0;

  background: linear-gradient(
    90deg,
    rgba(0, 35, 55, 0.75) 0%,
    rgba(0, 42, 65, 0.48) 45%,
    rgba(0, 40, 60, 0.10) 100%
  );

  z-index: 1;
  pointer-events: none;
}


/* TEXT */
.parken-hero-inner {
  position: relative;
  z-index: 2;

  min-height: 100vh;

  display: flex;
  align-items: center;
}

/* ============================================================
   WHY PARKEN — EXACT REFERENCE IMAGE LAYOUT
   assets/why-machine-reference.jpeg
   ============================================================ */

.parken-why-reference {
  position: relative !important;

  width: 100% !important;

  min-height: 760px !important;

  margin: 0 !important;

  overflow: hidden !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  background:
    url("assets/why-machine-reference.jpeg")
    center center / cover
    no-repeat !important;

  scroll-margin-top:
    82px !important;
}


/* very light shading only for readability */

.parken-why-reference::before {
  content: "" !important;

  position: absolute !important;

  inset: 0 !important;

  z-index: 1 !important;

  pointer-events: none !important;

  background:
    linear-gradient(
      180deg,
      rgba(0, 37, 57, .44) 0%,
      rgba(0, 49, 69, .20) 26%,
      rgba(255,255,255,0) 49%,
      rgba(255,255,255,.06) 100%
    ) !important;
}


/* ============================================================
   WHY PARKEN — TOP LEFT
   ============================================================ */

.parken-why-heading {
  position: absolute !important;

  z-index: 5 !important;

  top: 56px !important;
  left: 6.5% !important;

  width: min(690px, 48%) !important;
}


.parken-why-heading > span {
  display: block !important;

  margin-bottom: 13px !important;

  color: #b7fff2 !important;

  font-size: 12px !important;

  font-weight: 800 !important;

  letter-spacing: .24em !important;
}


.parken-why-heading h2 {
  margin: 0 !important;

  color: #ffffff !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    clamp(42px, 4.3vw, 72px) !important;

  font-weight: 900 !important;

  line-height: .96 !important;

  letter-spacing: -.045em !important;

  text-transform: uppercase !important;

  text-shadow:
    0 5px 22px rgba(0,34,51,.28) !important;
}


.parken-why-heading p {
  margin: 21px 0 0 !important;

  color: #d8fff8 !important;

  font-size: 15px !important;

  font-weight: 800 !important;

  line-height: 1.55 !important;

  letter-spacing: .06em !important;
}


/* ============================================================
   WHY PARKEN — TOP RIGHT WORDING
   ============================================================ */

.parken-why-side-title {
  position: absolute !important;

  z-index: 5 !important;

  top: 58px !important;
  right: 6.5% !important;

  color: #d4fff7 !important;

  text-align: right !important;

  font-size: 13px !important;

  font-weight: 800 !important;

  line-height: 1.6 !important;

  letter-spacing: .16em !important;
}


.parken-why-side-title i {
  display: block !important;

  width: 92px !important;
  height: 3px !important;

  margin: 14px 0 0 auto !important;

  background:
    linear-gradient(
      90deg,
      #20dfe5,
      #4cf1bc
    ) !important;
}


/* ============================================================
   TEXT UNDER THE SIX EXISTING ICONS
   ============================================================ */

.parken-why-features {
  position: absolute !important;

  z-index: 6 !important;

  left: 5% !important;
  right: 5% !important;

  bottom: 46px !important;

  display: grid !important;

  grid-template-columns:
    repeat(6, minmax(0, 1fr)) !important;

  gap: 14px !important;
}


.parken-why-features article {
  min-width: 0 !important;

  padding: 0 8px !important;

  text-align: center !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;
}


.parken-why-features h3 {
  margin: 0 0 5px !important;

  color: #0c5078 !important;

  font-size:
    clamp(10px, .82vw, 14px) !important;

  font-weight: 900 !important;

  line-height: 1.2 !important;

  text-transform: uppercase !important;
}


.parken-why-features p {
  margin: 0 !important;

  color: #52758b !important;

  font-size:
    clamp(9px, .7vw, 12px) !important;

  font-weight: 600 !important;

  line-height: 1.35 !important;
}


/* TABLET */

@media (max-width: 1050px) {

  .parken-why-reference {
    min-height: 700px !important;

    background-position:
      center center !important;
  }

  .parken-why-heading {
    width: 58% !important;
  }

  .parken-why-side-title {
    font-size: 10px !important;
  }

  .parken-why-features {
    left: 3% !important;
    right: 3% !important;
    gap: 5px !important;
  }

}


/* MOBILE */

@media (max-width: 700px) {

  .parken-why-reference {
    min-height: 900px !important;

    background-position:
      center top !important;
  }

  .parken-why-heading {
    top: 30px !important;
    left: 24px !important;

    width:
      calc(100% - 48px) !important;
  }

  .parken-why-heading h2 {
    font-size:
      clamp(34px, 10vw, 48px) !important;
  }

  .parken-why-side-title {
    display: none !important;
  }

  .parken-why-features {
    position: absolute !important;

    left: 20px !important;
    right: 20px !important;
    bottom: 25px !important;

    grid-template-columns:
      repeat(2, minmax(0,1fr)) !important;

    gap: 18px 10px !important;
  }

  .parken-why-features article {
    padding: 10px !important;

    border-radius: 12px !important;

    background:
      rgba(255,255,255,.72) !important;
  }

}

/* ============================================================
   OUR CLIENTS — EXACT REFERENCE IMAGE LAYOUT
   assets/clients-layout-reference.jpeg
   ============================================================ */

.parken-clients-reference {
  position: relative !important;

  width: 100% !important;

  min-height: 760px !important;

  margin: 0 !important;

  overflow: hidden !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  background:
    url("assets/clients-layout-reference.jpeg")
    center center / cover
    no-repeat !important;

  scroll-margin-top:
    82px !important;
}


/* Keep reference artwork visible.
   Only lightly brighten the centre for wording. */

.parken-clients-reference::after {
  content: "" !important;

  position: absolute !important;

  z-index: 1 !important;

  top: 11% !important;
  bottom: 11% !important;

  left: 35% !important;
  right: 35% !important;

  border-radius: 50% !important;

  pointer-events: none !important;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.76) 0%,
      rgba(255,255,255,.48) 36%,
      rgba(255,255,255,.12) 65%,
      transparent 78%
    ) !important;

  filter:
    blur(12px) !important;
}


/* ============================================================
   CENTRE WORDING
   ============================================================ */

.parken-clients-middle {
  position: absolute !important;

  z-index: 4 !important;

  top: 50% !important;
  left: 50% !important;

  transform:
    translate(-50%, -50%) !important;

  width:
    min(420px, 28%) !important;

  text-align:
    center !important;
}


.parken-clients-middle > span {
  display: block !important;

  margin-bottom: 12px !important;

  color: #1398a7 !important;

  font-size: 11px !important;

  font-weight: 900 !important;

  letter-spacing: .24em !important;
}


.parken-clients-middle h2 {
  margin: 0 !important;

  color: #123e67 !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    clamp(34px, 3vw, 57px) !important;

  font-weight: 900 !important;

  line-height: .98 !important;

  letter-spacing: -.035em !important;

  text-transform: uppercase !important;

  text-shadow:
    0 2px 0 rgba(255,255,255,.8) !important;
}


.parken-clients-middle p {
  max-width: 390px !important;

  margin: 20px auto 0 !important;

  color: #536f81 !important;

  font-size:
    clamp(11px, .85vw, 14px) !important;

  font-weight: 600 !important;

  line-height: 1.65 !important;
}


/* TABLET */

@media (max-width: 1050px) {

  .parken-clients-reference {
    min-height: 680px !important;
  }

  .parken-clients-middle {
    width: 34% !important;
  }

  .parken-clients-middle h2 {
    font-size:
      clamp(28px, 3.6vw, 44px) !important;
  }

}


/* MOBILE */

@media (max-width: 700px) {

  .parken-clients-reference {
    min-height: 820px !important;

    background-position:
      center center !important;
  }

  .parken-clients-reference::after {
    left: 15% !important;
    right: 15% !important;
  }

  .parken-clients-middle {
    width:
      calc(100% - 80px) !important;
  }

  .parken-clients-middle h2 {
    font-size:
      clamp(30px, 9vw, 44px) !important;
  }

  .parken-clients-middle p {
    font-size: 12px !important;
  }

}

/* ============================================================
   PARKEN — FINAL FIXES
   ONLY:
   HEADER QUOTE
   WHATSAPP
   WHY PARKEN
   SOLUTIONS + PIE
   CLIENTS
   CLIENT STORIES
   CONTACT
   ============================================================ */


/* ============================================================
   GET A QUOTE — FORCE VISIBLE
   ============================================================ */

.parken-header-inner {
  grid-template-columns:
    200px
    minmax(0, 1fr)
    auto !important;
}


.parken-header-quote {
  display:
    inline-flex !important;

  visibility:
    visible !important;

  opacity:
    1 !important;

  position:
    relative !important;

  z-index:
    20 !important;

  justify-self:
    end !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    16px !important;

  min-width:
    158px !important;

  min-height:
    45px !important;

  padding:
    0 22px !important;

  border-radius:
    999px !important;

  background:
    linear-gradient(
      90deg,
      #25d8d5,
      #48eaa3
    ) !important;

  color:
    #073f55 !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    11px !important;

  font-weight:
    800 !important;

  text-decoration:
    none !important;

  white-space:
    nowrap !important;
}


.parken-header-quote:hover {
  transform:
    translateY(-2px) !important;

  box-shadow:
    0 9px 25px
    rgba(39,225,190,.25) !important;
}



/* ============================================================
   WHATSAPP
   ============================================================ */

.pk-whatsapp {
  position:
    fixed !important;

  right:
    24px !important;

  bottom:
    24px !important;

  z-index:
    9998 !important;

  width:
    58px !important;

  height:
    58px !important;

  display:
    grid !important;

  place-items:
    center !important;

  padding:
    0 !important;

  border-radius:
    50% !important;

  background:
    #25d366 !important;

  color:
    #ffffff !important;

  box-shadow:
    0 10px 26px
    rgba(8,89,49,.28) !important;

  text-decoration:
    none !important;
}


.pk-whatsapp svg {
  width:
    31px !important;

  height:
    31px !important;

  fill:
    currentColor !important;
}


.pk-whatsapp:hover {
  transform:
    translateY(-3px)
    scale(1.04) !important;

  background:
    #20c95d !important;
}



/* ============================================================
   WHY PARKEN — REFERENCE IMAGE
   ============================================================ */

.parken-why-reference {
  position:
    relative !important;

  width:
    100% !important;

  height:
    clamp(
      720px,
      48vw,
      900px
    ) !important;

  margin:
    0 !important;

  overflow:
    hidden !important;

  background:
    #eafaff !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;
}


.parken-why-reference-image {
  position:
    absolute !important;

  inset:
    0 !important;

  z-index:
    0 !important;

  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center center !important;
}


.parken-why-top-shade {
  position:
    absolute !important;

  z-index:
    1 !important;

  top:
    0 !important;

  left:
    0 !important;

  right:
    0 !important;

  height:
    43% !important;

  pointer-events:
    none !important;

  background:
    linear-gradient(
      180deg,
      rgba(1,43,66,.78),
      rgba(1,55,75,.44) 55%,
      transparent
    ) !important;
}


.parken-why-heading {
  position:
    absolute !important;

  z-index:
    5 !important;

  top:
    6.5% !important;

  left:
    6.5% !important;

  width:
    48% !important;
}


.parken-why-heading > span {
  display:
    block !important;

  margin-bottom:
    12px !important;

  color:
    #aef6eb !important;

  font-size:
    11px !important;

  font-weight:
    800 !important;

  letter-spacing:
    .24em !important;
}


.parken-why-heading h2 {
  margin:
    0 !important;

  color:
    #ffffff !important;

  font-size:
    clamp(
      40px,
      3.6vw,
      68px
    ) !important;

  line-height:
    .96 !important;

  font-weight:
    900 !important;

  letter-spacing:
    -.045em !important;

  text-transform:
    uppercase !important;
}


.parken-why-heading p {
  margin:
    19px 0 0 !important;

  color:
    #d7fff7 !important;

  font-size:
    14px !important;

  line-height:
    1.5 !important;

  font-weight:
    800 !important;
}


.parken-why-side-title {
  position:
    absolute !important;

  z-index:
    5 !important;

  top:
    7% !important;

  right:
    6% !important;

  color:
    #d9fff8 !important;

  text-align:
    right !important;

  font-size:
    11px !important;

  line-height:
    1.7 !important;

  font-weight:
    800 !important;

  letter-spacing:
    .16em !important;
}


.parken-why-side-title i {
  display:
    block !important;

  width:
    88px !important;

  height:
    2px !important;

  margin:
    13px 0 0 auto !important;

  background:
    #62ebd4 !important;
}



/* ============================================================
   WHY PARKEN WORDING DIRECTLY UNDER ICONS
   ============================================================ */

.parken-why-features {
  position:
    absolute !important;

  z-index:
    7 !important;

  top:
    65.5% !important;

  left:
    6.3% !important;

  right:
    6.3% !important;

  display:
    grid !important;

  grid-template-columns:
    repeat(
      6,
      minmax(0,1fr)
    ) !important;

  gap:
    18px !important;
}


.parken-why-features article {
  padding:
    0 7px !important;

  text-align:
    center !important;

  background:
    none !important;

  border:
    0 !important;

  box-shadow:
    none !important;
}


.parken-why-features h3 {
  margin:
    0 0 7px !important;

  color:
    #0b4d75 !important;

  font-size:
    clamp(
      10px,
      .76vw,
      14px
    ) !important;

  font-weight:
    900 !important;

  line-height:
    1.2 !important;

  text-transform:
    uppercase !important;
}


.parken-why-features p {
  margin:
    0 auto !important;

  max-width:
    160px !important;

  color:
    #56758b !important;

  font-size:
    clamp(
      9px,
      .67vw,
      12px
    ) !important;

  font-weight:
    600 !important;

  line-height:
    1.4 !important;
}



/* ============================================================
   SOLUTION + PIE — SAME LEVEL AND SAME HEIGHT
   ============================================================ */

.parken-trust-section {
  padding:
    72px 0 !important;

  background:
    linear-gradient(
      135deg,
      #eaf8fb,
      #edf9f5
    ) !important;

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif !important;
}


.parken-trust-shell {
  width:
    min(
      1500px,
      calc(100% - 72px)
    ) !important;

  margin:
    0 auto !important;

  display:
    grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    ) !important;

  gap:
    28px !important;

  align-items:
    stretch !important;
}


.parken-solutions-panel,
.parken-pie-panel {
  min-height:
    650px !important;

  height:
    100% !important;

  padding:
    38px 40px !important;

  border:
    1px solid rgba(10,113,137,.12) !important;

  border-radius:
    28px !important;

  background:
    rgba(255,255,255,.82) !important;

  box-shadow:
    0 18px 45px
    rgba(9,86,105,.08) !important;

  box-sizing:
    border-box !important;
}


.parken-panel-kicker {
  display:
    block !important;

  margin-bottom:
    13px !important;

  color:
    #118c88 !important;

  font-size:
    10px !important;

  font-weight:
    800 !important;

  letter-spacing:
    .21em !important;
}


.parken-solutions-panel h2,
.parken-pie-panel h2 {
  margin:
    0 !important;

  color:
    #0a4e67 !important;

  font-size:
    clamp(
      34px,
      2.8vw,
      48px
    ) !important;

  line-height:
    1.03 !important;

  font-weight:
    700 !important;

  letter-spacing:
    -.035em !important;
}


.parken-panel-intro {
  margin:
    16px 0 0 !important;

  color:
    #5a747e !important;

  font-size:
    14px !important;

  line-height:
    1.65 !important;
}



/* LEFT */

.parken-solution-list {
  margin-top:
    31px !important;

  display:
    grid !important;

  grid-template-columns:
    1fr 1fr !important;

  gap:
    15px !important;
}


.parken-solution-list > div {
  display:
    grid !important;

  grid-template-columns:
    34px 1fr !important;

  gap:
    12px !important;

  padding:
    17px !important;

  border-radius:
    16px !important;

  background:
    linear-gradient(
      145deg,
      rgba(9,115,145,.07),
      rgba(56,196,157,.07)
    ) !important;

  border:
    1px solid
    rgba(8,111,133,.09) !important;
}


.parken-solution-list b {
  color:
    #1aaea5 !important;

  font-size:
    12px !important;
}


.parken-solution-list span {
  color:
    #617981 !important;

  font-size:
    12px !important;

  line-height:
    1.48 !important;
}


.parken-solution-list strong {
  display:
    block !important;

  margin-bottom:
    5px !important;

  color:
    #0d5369 !important;

  font-size:
    13px !important;
}



/* ============================================================
   PIE
   ============================================================ */

.parken-pie-stage {
  position:
    relative !important;

  width:
    min(
      100%,
      560px
    ) !important;

  height:
    430px !important;

  margin:
    12px auto 0 !important;
}


.parken-pie-svg {
  position:
    absolute !important;

  z-index:
    2 !important;

  left:
    50% !important;

  top:
    50% !important;

  transform:
    translate(-50%,-50%)
    rotate(-90deg) !important;

  width:
    320px !important;

  height:
    320px !important;

  overflow:
    visible !important;
}


.parken-pie-bg {
  fill:
    none !important;

  stroke:
    #d9eaeb !important;

  stroke-width:
    38 !important;
}


.parken-pie-segment {
  fill:
    none !important;

  stroke-width:
    38 !important;

  cursor:
    pointer !important;

  transition:
    stroke-width .2s ease,
    filter .2s ease,
    opacity .2s ease !important;
}


.parken-pie-segment:hover,
.parken-pie-segment.is-active {
  stroke-width:
    47 !important;

  filter:
    drop-shadow(
      0 4px 8px
      rgba(0,117,145,.20)
    ) !important;
}


.segment-1 {
  stroke:
    #128dad !important;
}

.segment-2 {
  stroke:
    #16a1a1 !important;
}

.segment-3 {
  stroke:
    #20b48f !important;
}

.segment-4 {
  stroke:
    #50c6a4 !important;
}

.segment-5 {
  stroke:
    #38acd0 !important;
}

.segment-6 {
  stroke:
    #377eae !important;
}


.parken-pie-core {
  position:
    absolute !important;

  z-index:
    5 !important;

  left:
    50% !important;

  top:
    50% !important;

  width:
    138px !important;

  transform:
    translate(-50%,-50%) !important;

  text-align:
    center !important;
}


.parken-pie-core small {
  display:
    block !important;

  color:
    #6c858b !important;

  font-size:
    8px !important;

  font-weight:
    800 !important;

  letter-spacing:
    .16em !important;
}


.parken-pie-core strong {
  display:
    block !important;

  margin:
    5px 0 !important;

  color:
    #0d5369 !important;

  font-size:
    31px !important;

  font-weight:
    800 !important;
}


.parken-pie-core span {
  display:
    block !important;

  color:
    #4f7079 !important;

  font-size:
    10px !important;

  line-height:
    1.3 !important;
}



/* LABELS AROUND PIE */

.parken-pie-label {
  position:
    absolute !important;

  z-index:
    8 !important;

  width:
    140px !important;

  padding:
    7px !important;

  border:
    0 !important;

  background:
    transparent !important;

  color:
    #54727b !important;

  cursor:
    pointer !important;

  text-align:
    center !important;
}


.parken-pie-label b {
  display:
    block !important;

  margin-bottom:
    3px !important;

  color:
    #13a29c !important;

  font-size:
    9px !important;

  letter-spacing:
    .13em !important;
}


.parken-pie-label span {
  display:
    block !important;

  font-size:
    10px !important;

  font-weight:
    700 !important;

  line-height:
    1.25 !important;
}


.parken-pie-label.is-active span {
  color:
    #0b5369 !important;
}


.parken-pie-label-1 {
  top: 0 !important;
  left: 50% !important;

  transform:
    translateX(-50%) !important;
}


.parken-pie-label-2 {
  right: -2px !important;
  top: 73px !important;
}


.parken-pie-label-3 {
  right: -2px !important;
  bottom: 70px !important;
}


.parken-pie-label-4 {
  bottom: -4px !important;
  left: 50% !important;

  transform:
    translateX(-50%) !important;
}


.parken-pie-label-5 {
  left: -2px !important;
  bottom: 70px !important;
}


.parken-pie-label-6 {
  left: -2px !important;
  top: 73px !important;
}



/* ============================================================
   CLIENTS — WORDING DOWN MIDDLE
   ============================================================ */

.parken-clients-reference {
  position:
    relative !important;

  width:
    100% !important;

  height:
    clamp(
      650px,
      52vw,
      880px
    ) !important;

  overflow:
    hidden !important;

  background:
    #e8f7fb !important;
}


.parken-clients-reference-image {
  position:
    absolute !important;

  inset:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center center !important;
}


.parken-clients-middle {
  position:
    absolute !important;

  z-index:
    4 !important;

  left:
    50% !important;

  bottom:
    7% !important;

  transform:
    translateX(-50%) !important;

  width:
    min(
      470px,
      34%
    ) !important;

  text-align:
    center !important;
}


.parken-clients-middle > span {
  display:
    block !important;

  margin-bottom:
    9px !important;

  color:
    #159baa !important;

  font-size:
    10px !important;

  font-weight:
    900 !important;

  letter-spacing:
    .23em !important;
}


.parken-clients-middle h2 {
  margin:
    0 !important;

  color:
    #103f68 !important;

  font-size:
    clamp(
      27px,
      2.4vw,
      44px
    ) !important;

  line-height:
    1 !important;

  font-weight:
    900 !important;

  letter-spacing:
    -.035em !important;

  text-transform:
    uppercase !important;
}


.parken-clients-middle p {
  margin:
    13px auto 0 !important;

  color:
    #557889 !important;

  font-size:
    11px !important;

  font-weight:
    600 !important;

  line-height:
    1.55 !important;
}



/* ============================================================
   CLIENT STORIES — NO EXTRA BOXES
   ============================================================ */

.parken-stories-natural {
  position:
    relative !important;

  padding:
    75px 0 82px !important;

  overflow:
    hidden !important;
}


.parken-stories-inner {
  width:
    min(
      1480px,
      calc(100% - 80px)
    ) !important;

  margin:
    0 auto !important;
}


.parken-stories-heading {
  max-width:
    750px !important;

  margin-bottom:
    55px !important;
}


.parken-stories-heading > span {
  color:
    #9ff5e9 !important;

  font-size:
    10px !important;

  font-weight:
    800 !important;

  letter-spacing:
    .22em !important;
}


.parken-stories-heading h2 {
  margin:
    10px 0 0 !important;

  color:
    #ffffff !important;

  font-size:
    clamp(
      38px,
      4vw,
      65px
    ) !important;

  line-height:
    .98 !important;

  font-weight:
    700 !important;
}


.parken-stories-heading h2 strong {
  display:
    block !important;

  color:
    #83f2df !important;
}


.parken-stories-heading p {
  max-width:
    630px !important;

  margin:
    17px 0 0 !important;

  color:
    rgba(255,255,255,.82) !important;

  font-size:
    14px !important;

  line-height:
    1.6 !important;
}


.parken-story-text-grid {
  display:
    grid !important;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    ) !important;

  gap:
    clamp(
      35px,
      5vw,
      85px
    ) !important;
}


.parken-story-text-grid article {
  padding:
    12px 15px !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  backdrop-filter:
    none !important;
}


.parken-story-type {
  display:
    block !important;

  margin-bottom:
    14px !important;

  color:
    #a7f4e9 !important;

  font-size:
    9px !important;

  font-weight:
    800 !important;

  letter-spacing:
    .18em !important;
}


.parken-story-text-grid p {
  margin:
    0 0 18px !important;

  color:
    #ffffff !important;

  font-size:
    15px !important;

  font-weight:
    500 !important;

  line-height:
    1.65 !important;

  text-shadow:
    0 2px 8px
    rgba(0,28,42,.28) !important;
}


.parken-story-text-grid strong {
  display:
    block !important;

  color:
    #ffffff !important;

  font-size:
    13px !important;
}


.parken-story-text-grid small {
  display:
    block !important;

  margin-top:
    4px !important;

  color:
    rgba(222,250,248,.74) !important;

  font-size:
    10px !important;
}



/* ============================================================
   CONTACT — CLEANER BLUE/GREEN
   ============================================================ */

.pk-contact {
  position:
    relative !important;

  background:
    linear-gradient(
      135deg,
      #07546d 0%,
      #08758a 50%,
      #15917c 100%
    ) !important;

  color:
    #ffffff !important;
}


.pk-contact::before {
  content:
    "" !important;

  position:
    absolute !important;

  inset:
    0 !important;

  pointer-events:
    none !important;

  background:
    radial-gradient(
      circle at 12% 12%,
      rgba(80,223,247,.17),
      transparent 34%
    ),

    radial-gradient(
      circle at 88% 82%,
      rgba(87,239,181,.15),
      transparent 31%
    ) !important;
}


.pk-contact-grid {
  position:
    relative !important;

  z-index:
    2 !important;
}


.pk-contact-copy > span {
  color:
    #a8f6e9 !important;
}


.pk-contact-copy h2 {
  color:
    #ffffff !important;
}


.pk-contact-copy > p {
  color:
    rgba(239,253,255,.86) !important;
}


.pk-contact-details a {
  background:
    rgba(4,53,71,.28) !important;

  border-color:
    rgba(191,255,245,.16) !important;
}


.pk-contact-details small {
  color:
    #aef6e8 !important;
}


.pk-enquiry-form {
  background:
    rgba(250,254,255,.96) !important;

  border:
    1px solid rgba(255,255,255,.60) !important;

  box-shadow:
    0 24px 55px
    rgba(0,34,48,.18) !important;
}


.pk-enquiry-form label > span {
  color:
    #285c69 !important;
}


.pk-enquiry-form input,
.pk-enquiry-form textarea,
.pk-enquiry-form select {
  background:
    #ffffff !important;

  color:
    #163f4d !important;

  border:
    1px solid rgba(8,94,115,.13) !important;
}


.pk-send-button {
  background:
    linear-gradient(
      90deg,
      #0a9ec2,
      #25bda2
    ) !important;

  color:
    #ffffff !important;
}



/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1050px) {

  .parken-trust-shell {
    grid-template-columns:
      1fr !important;
  }


  .parken-solutions-panel,
  .parken-pie-panel {
    min-height:
      auto !important;
  }


  .parken-why-features {
    left:
      3% !important;

    right:
      3% !important;

    gap:
      7px !important;
  }


  .parken-clients-middle {
    width:
      40% !important;
  }

}


@media (max-width: 700px) {

  .parken-header-quote {
    min-width:
      auto !important;

    padding:
      0 15px !important;

    font-size:
      9px !important;
  }


  .parken-why-reference {
    height:
      900px !important;
  }


  .parken-why-features {
    top:
      auto !important;

    bottom:
      25px !important;

    left:
      20px !important;

    right:
      20px !important;

    grid-template-columns:
      repeat(
        2,
        1fr
      ) !important;

    gap:
      14px !important;
  }


  .parken-why-features article {
    padding:
      10px !important;

    background:
      rgba(255,255,255,.76) !important;

    border-radius:
      12px !important;
  }


  .parken-solution-list {
    grid-template-columns:
      1fr !important;
  }


  .parken-pie-stage {
    transform:
      scale(.82) !important;

    transform-origin:
      center top !important;

    margin-bottom:
      -70px !important;
  }


  .parken-clients-reference {
    height:
      760px !important;
  }


  .parken-clients-middle {
    width:
      calc(100% - 70px) !important;

    bottom:
      5% !important;
  }


  .parken-story-text-grid {
    grid-template-columns:
      1fr !important;

    gap:
      25px !important;
  }

}

/* =========================================================
   PARKEN VISION / MISSION
   ========================================================= */

.pk-vision-mission {
  position: relative;
  overflow: hidden;
  padding: 110px 6% 110px;
  background:
    linear-gradient(90deg, #06294b 0%, #072f52 18%, #0a3357 35%, #0b4b54 68%, #0e6958 100%);
  isolation: isolate;
}

/* soft premium glow */
.pk-vision-mission::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 80%, rgba(43, 178, 255, 0.18), transparent 34%),
    radial-gradient(circle at 82% 25%, rgba(76, 232, 176, 0.18), transparent 34%),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03), transparent 45%);
  z-index: 0;
}

/* subtle technical lines */
.pk-vision-mission::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 120px 120px;
  opacity: 0.18;
  z-index: 0;
}

/* side background shapes */
.pk-vm-bg-shape {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  z-index: 0;
  filter: blur(10px);
  opacity: 0.18;
}

.pk-vm-bg-shape-left {
  width: 420px;
  height: 420px;
  left: -120px;
  bottom: -130px;
  background: radial-gradient(circle, rgba(0, 193, 255, 0.95) 0%, rgba(0, 193, 255, 0.08) 60%, transparent 78%);
}

.pk-vm-bg-shape-right {
  width: 430px;
  height: 430px;
  right: -120px;
  top: -120px;
  background: radial-gradient(circle, rgba(72, 233, 180, 0.95) 0%, rgba(72, 233, 180, 0.08) 60%, transparent 78%);
}

/* center line */
.pk-vm-center-line {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 220px;
  transform: translate(-50%, -50%);
  background: linear-gradient(
    to bottom,
    rgba(58, 223, 255, 0),
    rgba(58, 223, 255, 0.95),
    rgba(86, 239, 173, 0.95),
    rgba(86, 239, 173, 0)
  );
  box-shadow:
    0 0 15px rgba(56, 221, 255, 0.35),
    0 0 28px rgba(86, 239, 173, 0.20);
  z-index: 1;
}

.pk-vm-wrap {
  position: relative;
  z-index: 2;
  max-width: 1380px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  align-items: center;
}

.pk-vm-block {
  position: relative;
  padding: 10px 10px;
}

.pk-vm-block h3 {
  margin: 0 0 26px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: clamp(42px, 5vw, 78px);
  font-weight: 300;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  line-height: 1;
  color: #f3f8fd;
}

.pk-vm-block p {
  margin: 0;
  max-width: 640px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: clamp(22px, 1.7vw, 34px);
  font-weight: 400;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.92);
}

/* subtle side color tone */
.pk-vm-vision h3,
.pk-vm-vision p {
  text-align: center;
}

.pk-vm-mission h3,
.pk-vm-mission p {
  text-align: center;
}

.pk-vm-vision h3 {
  color: #eaf5ff;
  text-shadow: 0 0 16px rgba(62, 191, 255, 0.12);
}

.pk-vm-mission h3 {
  color: #f2fff8;
  text-shadow: 0 0 16px rgba(86, 239, 173, 0.12);
}

/* responsive */
@media (max-width: 1100px) {
  .pk-vm-wrap {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .pk-vm-center-line {
    width: 160px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(
      to right,
      rgba(58, 223, 255, 0),
      rgba(58, 223, 255, 0.95),
      rgba(86, 239, 173, 0.95),
      rgba(86, 239, 173, 0)
    );
  }

  .pk-vm-block p {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .pk-vision-mission {
    padding: 80px 24px 80px;
  }

  .pk-vm-wrap {
    gap: 46px;
  }

  .pk-vm-center-line {
    display: none;
  }

  .pk-vm-block h3 {
    margin-bottom: 18px;
    font-size: clamp(32px, 8vw, 52px);
    letter-spacing: 0.08em;
  }

  .pk-vm-block p {
    font-size: 18px;
    line-height: 1.8;
  }
}

/* ============================================================
   FOUR STRENGTHS — FULL NATURAL CODED VERSION
   BACKGROUND IMAGE ONLY
   ============================================================ */

.pk-strengths-live {
  position: relative !important;

  isolation: isolate !important;

  width: 100% !important;

  padding:
    32px 0 42px !important;

  overflow: hidden !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  background:
    #b8edfb
    url("assets/strengths-city-v19.png")
    center center / cover
    no-repeat !important;

  scroll-margin-top:
    82px !important;
}


/* SUBTLE BRIGHTNESS LAYER */

.pk-strengths-live::before {
  content: "" !important;

  position: absolute !important;

  inset: 0 !important;

  z-index: -3 !important;

  pointer-events: none !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.12),
      rgba(255,255,255,.03) 48%,
      rgba(0,179,205,.04)
    ) !important;
}



/* ============================================================
   GLOWS
   ============================================================ */

.pk-strengths-live-glow {
  position: absolute !important;

  z-index: -2 !important;

  width: 420px !important;
  height: 420px !important;

  border-radius: 50% !important;

  filter:
    blur(70px) !important;

  pointer-events:
    none !important;
}


.pk-strengths-live-glow-left {
  left:
    -180px !important;

  bottom:
    -170px !important;

  background:
    rgba(0,219,239,.20) !important;
}


.pk-strengths-live-glow-right {
  right:
    -180px !important;

  bottom:
    -150px !important;

  background:
    rgba(51,238,177,.18) !important;
}



/* ============================================================
   SHELL
   ============================================================ */

.pk-strengths-live-shell {
  width:
    min(
      1520px,
      88%
    ) !important;

  margin:
    0 auto !important;
}



/* ============================================================
   TITLE
   ============================================================ */

.pk-strengths-live-heading {
  max-width:
    1050px !important;

  margin:
    0 auto 29px !important;

  text-align:
    center !important;
}


.pk-strengths-live-heading h2 {
  margin:
    0 !important;

  font-size:
    clamp(
      36px,
      3.45vw,
      62px
    ) !important;

  font-weight:
    900 !important;

  line-height:
    .94 !important;

  letter-spacing:
    -.045em !important;

  text-transform:
    uppercase !important;
}


.pk-strengths-live-heading h2 span {
  display:
    block !important;

  color:
    #0b4978 !important;
}


.pk-strengths-live-heading h2 strong {
  display:
    block !important;

  margin-top:
    7px !important;

  background:
    linear-gradient(
      90deg,
      #079bdc,
      #08b7d8 50%,
      #14bf96
    ) !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;
}



/* SUBTITLE */

.pk-strengths-live-subtitle {
  margin-top:
    14px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    16px !important;
}


.pk-strengths-live-subtitle i {
  display:
    block !important;

  width:
    100px !important;

  height:
    1px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      #4a7d9a
    ) !important;
}


.pk-strengths-live-subtitle i:last-child {
  background:
    linear-gradient(
      90deg,
      #4a7d9a,
      transparent
    ) !important;
}


.pk-strengths-live-subtitle p {
  margin:
    0 !important;

  color:
    #275879 !important;

  font-size:
    10px !important;

  font-weight:
    700 !important;

  letter-spacing:
    .31em !important;

  white-space:
    nowrap !important;
}



/* ============================================================
   CARD GRID
   ============================================================ */

.pk-strengths-live-grid {
  display:
    grid !important;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    ) !important;

  gap:
    18px !important;

  align-items:
    stretch !important;
}



/* ============================================================
   CARD
   ============================================================ */

.pk-strengths-live-card {
  position:
    relative !important;

  min-width:
    0 !important;

  overflow:
    hidden !important;

  border:
    2px solid
    rgba(213,255,255,.92) !important;

  border-radius:
    13px !important;

  transform:
    skewX(-10deg) !important;

  background:
    linear-gradient(
      180deg,
      rgba(69,195,228,.72),
      rgba(11,124,169,.95)
    ) !important;

  box-shadow:
    0 0 6px rgba(255,255,255,.9),
    0 0 18px rgba(72,239,255,.76),
    inset 0 0 14px rgba(167,251,255,.42) !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease !important;
}


.pk-strengths-live-card:hover {
  transform:
    skewX(-10deg)
    translateY(-5px) !important;

  box-shadow:
    0 0 8px #ffffff,
    0 0 28px rgba(65,239,255,.86),
    inset 0 0 16px rgba(180,255,255,.48) !important;
}



/* ============================================================
   VIDEO AREA
   ============================================================ */

.pk-strengths-live-media {
  position:
    relative !important;

  height:
    clamp(
      190px,
      16vw,
      280px
    ) !important;

  overflow:
    hidden !important;

  background:
    #1184aa !important;
}


.pk-strengths-card-video {
  position:
    absolute !important;

  inset:
    -4% !important;

  display:
    block !important;

  width:
    108% !important;

  height:
    108% !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  transform:
    skewX(10deg)
    scale(1.08) !important;

  background:
    #0a759d !important;
}



/* SLIGHT BLUE BLEND INTO TEXT */

.pk-strengths-live-media::after {
  content:
    "" !important;

  position:
    absolute !important;

  z-index:
    2 !important;

  inset:
    auto 0 0 0 !important;

  height:
    33% !important;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(4,111,152,.72)
    ) !important;

  pointer-events:
    none !important;
}



/* ============================================================
   CARD ICON
   ============================================================ */

.pk-strengths-live-icon {
  position:
    absolute !important;

  z-index:
    5 !important;

  top:
    16px !important;

  left:
    20px !important;

  width:
    48px !important;

  height:
    48px !important;

  display:
    grid !important;

  place-items:
    center !important;

  border-radius:
    11px !important;

  transform:
    skewX(10deg) !important;

  color:
    #ffffff !important;

  background:
    linear-gradient(
      145deg,
      rgba(15,137,193,.88),
      rgba(21,169,193,.75)
    ) !important;

  border:
    1px solid
    rgba(255,255,255,.62) !important;

  box-shadow:
    0 6px 16px
    rgba(0,76,111,.22) !important;

  backdrop-filter:
    blur(6px) !important;
}


.pk-strengths-live-icon svg {
  width:
    28px !important;

  height:
    28px !important;
}



/* ============================================================
   CARD TEXT
   ============================================================ */

.pk-strengths-live-copy {
  position:
    relative !important;

  z-index:
    4 !important;

  min-height:
    150px !important;

  padding:
    18px 23px 19px !important;

  transform:
    skewX(10deg) !important;

  color:
    #ffffff !important;
}


.pk-strengths-live-copy h3 {
  margin:
    0 0 10px !important;

  color:
    #ffffff !important;

  font-size:
    clamp(
      13px,
      1.05vw,
      17px
    ) !important;

  font-weight:
    900 !important;

  line-height:
    1.15 !important;

  text-transform:
    uppercase !important;
}


.pk-strengths-live-copy p {
  margin:
    0 !important;

  color:
    rgba(255,255,255,.96) !important;

  font-size:
    clamp(
      11px,
      .82vw,
      14px
    ) !important;

  font-weight:
    500 !important;

  line-height:
    1.45 !important;
}


.pk-strengths-live-copy b {
  display:
    block !important;

  width:
    31px !important;

  height:
    2px !important;

  margin-top:
    13px !important;

  background:
    #62f3df !important;
}



/* ============================================================
   STAT BAR
   ============================================================ */

.pk-strengths-live-stats {
  width:
    96% !important;

  margin:
    18px auto 0 !important;

  display:
    grid !important;

  grid-template-columns:
    repeat(
      5,
      minmax(0,1fr)
    ) !important;

  overflow:
    hidden !important;

  border:
    1px solid
    rgba(207,255,255,.86) !important;

  border-radius:
    11px !important;

  background:
    linear-gradient(
      180deg,
      rgba(60,201,225,.78),
      rgba(5,124,170,.93)
    ) !important;

  box-shadow:
    0 0 8px rgba(255,255,255,.8),
    0 0 20px rgba(72,237,255,.68),
    inset 0 0 16px rgba(154,249,255,.28) !important;
}


.pk-strengths-live-stat {
  min-height:
    82px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    15px !important;

  padding:
    12px 14px !important;

  border-right:
    1px solid
    rgba(220,255,255,.30) !important;
}


.pk-strengths-live-stat:last-child {
  border-right:
    0 !important;
}



/* ICON */

.pk-strengths-live-stat-icon {
  flex:
    0 0 42px !important;

  width:
    42px !important;

  height:
    42px !important;

  display:
    grid !important;

  place-items:
    center !important;

  color:
    #79f6f0 !important;
}


.pk-strengths-live-stat-icon svg {
  width:
    38px !important;

  height:
    38px !important;
}



/* NUMBER */

.pk-strength-counter,
.pk-strength-support-number {
  display:
    block !important;

  color:
    #ffffff !important;

  font-size:
    clamp(
      22px,
      1.8vw,
      32px
    ) !important;

  font-weight:
    900 !important;

  line-height:
    1 !important;
}


.pk-strengths-live-stat div > span {
  display:
    block !important;

  margin-top:
    5px !important;

  color:
    rgba(255,255,255,.94) !important;

  font-size:
    10px !important;

  font-weight:
    600 !important;

  line-height:
    1.15 !important;
}



/* ============================================================
   HIDE ALL PREVIOUS FOUR STRENGTH IMPLEMENTATIONS
   ============================================================ */

.pk-strengths,
.pk-strengths-v18,
.pk-strengths-reference,
.pk-strengths-exact,
.parken-four-strengths,
.parken-strengths-video {
  display:
    none !important;
}



/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1100px) {

  .pk-strengths-live-shell {
    width:
      calc(100% - 50px) !important;
  }


  .pk-strengths-live-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      ) !important;

    gap:
      22px !important;
  }


  .pk-strengths-live-stats {
    width:
      100% !important;

    grid-template-columns:
      repeat(
        3,
        minmax(0,1fr)
      ) !important;
  }

}



/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

  .pk-strengths-live {
    padding:
      30px 0 !important;

    background-position:
      center top !important;
  }


  .pk-strengths-live-shell {
    width:
      calc(100% - 28px) !important;
  }


  .pk-strengths-live-heading h2 {
    font-size:
      32px !important;
  }


  .pk-strengths-live-subtitle i {
    display:
      none !important;
  }


  .pk-strengths-live-subtitle p {
    font-size:
      7px !important;

    white-space:
      normal !important;
  }


  .pk-strengths-live-grid {
    grid-template-columns:
      1fr !important;
  }


  .pk-strengths-live-card,
  .pk-strengths-live-card:hover {
    transform:
      none !important;
  }


  .pk-strengths-card-video,
  .pk-strengths-live-copy,
  .pk-strengths-live-icon {
    transform:
      none !important;
  }


  .pk-strengths-live-media {
    height:
      245px !important;
  }


  .pk-strengths-live-stats {
    grid-template-columns:
      1fr !important;
  }


  .pk-strengths-live-stat {
    justify-content:
      flex-start !important;

    padding-left:
      28px !important;

    border-right:
      0 !important;

    border-bottom:
      1px solid
      rgba(220,255,255,.28) !important;
  }


  .pk-strengths-live-stat:last-child {
    border-bottom:
      0 !important;
  }

}

/* ============================================================
   PARKEN VISION + MISSION
   CLEAN PREMIUM VERSION
   ============================================================ */

.parken-vm-clean {
  position: relative !important;

  width: 100% !important;

  padding:
    70px 0 !important;

  overflow: hidden !important;

  background:
    linear-gradient(
      135deg,
      #eef9fc 0%,
      #edf9f7 100%
    ) !important;

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif !important;
}


/* SOFT BACKGROUND GLOW */

.parken-vm-clean::before {
  content: "" !important;

  position: absolute !important;

  width: 480px !important;
  height: 480px !important;

  left: -180px !important;
  top: -220px !important;

  border-radius: 50% !important;

  background:
    radial-gradient(
      circle,
      rgba(56,196,231,.18),
      transparent 70%
    ) !important;

  filter:
    blur(20px) !important;

  pointer-events: none !important;
}


.parken-vm-clean::after {
  content: "" !important;

  position: absolute !important;

  width: 500px !important;
  height: 500px !important;

  right: -190px !important;
  bottom: -250px !important;

  border-radius: 50% !important;

  background:
    radial-gradient(
      circle,
      rgba(58,213,166,.16),
      transparent 70%
    ) !important;

  filter:
    blur(20px) !important;

  pointer-events: none !important;
}



/* ============================================================
   TWO CARDS
   ============================================================ */

.parken-vm-clean-shell {
  position: relative !important;

  z-index: 2 !important;

  width:
    min(
      1500px,
      calc(100% - 80px)
    ) !important;

  margin:
    0 auto !important;

  display:
    grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    ) !important;

  gap:
    30px !important;
}



/* ============================================================
   CARD
   ============================================================ */

.parken-vm-clean-card {
  position: relative !important;

  min-height:
    270px !important;

  padding:
    36px 38px 38px !important;

  overflow: hidden !important;

  border-radius:
    26px !important;

  background:
    rgba(
      255,
      255,
      255,
      .72
    ) !important;

  border:
    1px solid
    rgba(
      34,
      177,
      193,
      .18
    ) !important;

  box-shadow:
    0 18px 45px
    rgba(
      32,
      109,
      126,
      .08
    ) !important;

  backdrop-filter:
    blur(14px) !important;

  -webkit-backdrop-filter:
    blur(14px) !important;
}



/* DIFFERENT SOFT GLOW */

.parken-vm-clean-vision {
  box-shadow:
    0 18px 45px
    rgba(26,167,209,.08),
    inset 0 1px 0
    rgba(255,255,255,.9) !important;
}


.parken-vm-clean-mission {
  box-shadow:
    0 18px 45px
    rgba(42,193,148,.08),
    inset 0 1px 0
    rgba(255,255,255,.9) !important;
}



/* ============================================================
   SMALL ACCENT LINE
   ============================================================ */

.parken-vm-clean-accent {
  width:
    54px !important;

  height:
    3px !important;

  margin-bottom:
    19px !important;

  border-radius:
    20px !important;
}


.parken-vm-clean-vision
.parken-vm-clean-accent {

  background:
    linear-gradient(
      90deg,
      #1fb7df,
      #49d7ef
    ) !important;
}


.parken-vm-clean-mission
.parken-vm-clean-accent {

  background:
    linear-gradient(
      90deg,
      #26bfac,
      #49d88f
    ) !important;
}



/* ============================================================
   TITLE
   ============================================================ */

.parken-vm-clean-card h3 {
  margin:
    0 0 20px !important;

  padding:
    0 !important;

  color:
    #104b67 !important;

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif !important;

  font-size:
    16px !important;

  font-weight:
    700 !important;

  line-height:
    1 !important;

  letter-spacing:
    .18em !important;

  text-align:
    left !important;

  text-transform:
    uppercase !important;
}



/* ============================================================
   NORMAL UNBOLD WORDING
   ============================================================ */

.parken-vm-clean-card p {
  max-width:
    680px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    #496a76 !important;

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif !important;

  font-size:
    clamp(
      16px,
      1.15vw,
      19px
    ) !important;

  font-weight:
    400 !important;

  line-height:
    1.75 !important;

  letter-spacing:
    0 !important;

  text-align:
    left !important;
}



/* ============================================================
   REMOVE OLD VISION / MISSION DESIGN IF STILL PRESENT
   ============================================================ */

.pk-vision-mission,
.pk-vm-redesign {
  display:
    none !important;
}



/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 900px) {

  .parken-vm-clean-shell {
    width:
      calc(100% - 40px) !important;

    grid-template-columns:
      1fr !important;
  }


  .parken-vm-clean-card {
    min-height:
      auto !important;
  }

}



/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 600px) {

  .parken-vm-clean {
    padding:
      38px 0 !important;
  }


  .parken-vm-clean-shell {
    width:
      calc(100% - 28px) !important;

    gap:
      18px !important;
  }


  .parken-vm-clean-card {
    padding:
      28px 24px 30px !important;

    border-radius:
      20px !important;
  }


  .parken-vm-clean-card p {
    font-size:
      15px !important;

    line-height:
      1.65 !important;
  }

}

/* =========================================================
   WHY PARKEN + PIE + SOLUTIONS + CLIENT STORIES
   ========================================================= */

.pk-container {
  width: min(1400px, calc(100% - 60px));
  margin: 0 auto;
}

.pk-section-label {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #19b7c4;
}

/* =========================================================
   WHY PARKEN
   ========================================================= */

.pk-why-section {
  padding: 90px 0 100px;
  background: #edf5f6;
}

.pk-why-heading {
  text-align: center;
  margin-bottom: 50px;
}

.pk-why-heading h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.02;
  font-weight: 700;
  color: #123f5f;
}

.pk-why-top {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 40px;
  align-items: center;
  margin-bottom: 80px;
}

.pk-why-copy h3 {
  margin: 0 0 20px;
  font-size: clamp(34px, 3.4vw, 56px);
  line-height: 1.04;
  font-weight: 700;
  color: #123f5f;
}

.pk-why-copy p {
  margin: 0;
  max-width: 640px;
  font-size: 19px;
  line-height: 1.85;
  color: #5b7380;
}

/* =========================================================
   DONUT PIE
   ========================================================= */

.pk-donut-wrap {
  display: flex;
  justify-content: center;
}

.pk-donut-area {
  position: relative;
  width: 560px;
  height: 560px;
}

.pk-donut-chart {
  position: absolute;
  inset: 50%;
  width: 320px;
  height: 320px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    conic-gradient(
      #1e8fb1 0deg 60deg,
      #249fb2 60deg 120deg,
      #2bb79f 120deg 180deg,
      #56c3b4 180deg 240deg,
      #49add4 240deg 300deg,
      #3a84ba 300deg 360deg
    );
  box-shadow: 0 18px 40px rgba(13, 86, 111, 0.12);
}

.pk-donut-chart::before {
  content: "";
  position: absolute;
  inset: 54px;
  border-radius: 50%;
  background: #edf5f6;
  box-shadow: inset 0 0 0 12px rgba(25, 188, 190, 0.14);
}

.pk-donut-center {
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 190px;
  text-align: center;
  z-index: 4;
}

.pk-donut-center-top {
  display: block;
  margin-bottom: 10px;
  font-size: 11px;
  letter-spacing: 0.24em;
  font-weight: 700;
  color: #6b8791;
}

.pk-donut-center strong {
  display: block;
  font-size: 58px;
  line-height: 1;
  font-weight: 700;
  color: #0f5570;
}

.pk-donut-center p {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.45;
  color: #58717d;
}

.pk-donut-hit {
  position: absolute;
  width: 110px;
  height: 110px;
  border: 0;
  background: transparent;
  cursor: pointer;
  z-index: 6;
}

.pk-donut-hit[data-index="1"] { top: 48px; left: 225px; }
.pk-donut-hit[data-index="2"] { top: 135px; right: 85px; }
.pk-donut-hit[data-index="3"] { bottom: 145px; right: 84px; }
.pk-donut-hit[data-index="4"] { bottom: 50px; left: 225px; }
.pk-donut-hit[data-index="5"] { bottom: 145px; left: 84px; }
.pk-donut-hit[data-index="6"] { top: 135px; left: 84px; }

.pk-donut-label {
  position: absolute;
  width: 170px;
  text-align: center;
  transition: all 0.35s ease;
}

.pk-donut-label .pk-donut-no {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #20c4cb, #56d2ba);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 10px 25px rgba(30, 164, 170, 0.18);
  margin-bottom: 10px;
}

.pk-donut-label h4 {
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
  color: #5e7a85;
  font-weight: 700;
}

.pk-donut-label-1 { top: 0; left: 195px; }
.pk-donut-label-2 { top: 110px; right: 0; }
.pk-donut-label-3 { bottom: 110px; right: 0; }
.pk-donut-label-4 { bottom: 0; left: 195px; }
.pk-donut-label-5 { bottom: 110px; left: 0; }
.pk-donut-label-6 { top: 110px; left: 0; }

.pk-donut-label.active h4,
.pk-donut-label.active .pk-donut-no {
  color: #0f5670;
}

.pk-donut-label-1.active { top: 20px; }
.pk-donut-label-2.active { right: 25px; }
.pk-donut-label-3.active { right: 25px; }
.pk-donut-label-4.active { bottom: 20px; }
.pk-donut-label-5.active { left: 25px; }
.pk-donut-label-6.active { left: 25px; }

/* =========================================================
   SOLUTIONS
   ========================================================= */

.pk-solution-block {
  margin-top: 10px;
}

.pk-solution-heading {
  max-width: 700px;
  margin-bottom: 38px;
}

.pk-solution-heading h3 {
  margin: 0;
  font-size: clamp(34px, 3.4vw, 52px);
  line-height: 1.05;
  color: #123f5f;
}

.pk-solution-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 36px;
}

.pk-solution-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 28px 28px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(25, 181, 190, 0.14);
  box-shadow: 0 16px 34px rgba(15, 82, 102, 0.07);
}

.pk-solution-number {
  flex: 0 0 74px;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0f6d92, #29c2c7);
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(18, 131, 157, 0.18);
}

.pk-solution-text p {
  margin: 0;
  font-size: 18px;
  line-height: 1.75;
  color: #5a727d;
}

/* =========================================================
   CLIENT STORIES
   ========================================================= */

.pk-client-stories {
  position: relative;
  padding: 95px 0 110px;
  overflow: hidden;
  background:
    url("assets/client-stories-reference.jpeg") center center / cover no-repeat;
}

.pk-client-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(7, 48, 64, 0.48) 0%,
      rgba(8, 55, 70, 0.28) 32%,
      rgba(9, 63, 79, 0.16) 100%
    );
}

.pk-client-inner {
  position: relative;
  z-index: 2;
}

.pk-client-heading {
  max-width: 760px;
  margin-bottom: 60px;
}

.pk-client-heading h2 {
  margin: 0;
  font-size: clamp(44px, 5vw, 82px);
  line-height: 0.98;
  font-weight: 700;
  color: #ffffff;
}

.pk-client-heading h2 span,
.pk-client-heading .accent {
  color: #60e3d1;
}

.pk-client-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 56px;
}

.pk-client-story {
  min-height: 280px;
}

.pk-client-type {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #89f0e3;
}

.pk-client-story blockquote {
  margin: 0 0 30px;
  font-size: 22px;
  line-height: 1.6;
  font-weight: 600;
  color: #ffffff;
}

.pk-client-story h4 {
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {
  .pk-why-top {
    grid-template-columns: 1fr;
  }

  .pk-why-copy {
    text-align: center;
  }

  .pk-why-copy p {
    margin-left: auto;
    margin-right: auto;
  }

  .pk-client-grid {
    gap: 32px;
  }
}

@media (max-width: 991px) {
  .pk-solution-list,
  .pk-client-grid {
    grid-template-columns: 1fr;
  }

  .pk-donut-area {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .pk-why-section,
  .pk-client-stories {
    padding: 70px 0;
  }

  .pk-container {
    width: calc(100% - 28px);
  }

  .pk-donut-area {
    transform: scale(0.8);
    transform-origin: center top;
    height: 450px;
  }

  .pk-solution-item {
    padding: 22px 20px;
  }

  .pk-solution-number {
    width: 62px;
    height: 62px;
    flex-basis: 62px;
    font-size: 18px;
  }

  .pk-client-heading h2 {
    font-size: 42px;
  }

  .pk-client-story blockquote {
    font-size: 18px;
  }
}

/* ============================================================
   WHY PARKEN MACHINE REFERENCE
   ============================================================ */

.parken-why-machine {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 650px !important;
  overflow: hidden !important;
  font-family: "IBM Plex Sans", Arial, sans-serif !important;
  background: #eaf8fc !important;
}


.parken-why-machine-bg {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center !important;

  z-index: 0 !important;
}


.parken-why-machine::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  z-index: 1 !important;

  pointer-events: none !important;

  background:
    linear-gradient(
      90deg,
      rgba(1,38,61,.76) 0%,
      rgba(1,45,66,.48) 32%,
      transparent 57%
    ) !important;
}



/* WHY TOP */

.parken-why-machine-heading {
  position: absolute !important;

  z-index: 5 !important;

  top: 8% !important;
  left: 6% !important;

  width: 42% !important;
}


.parken-why-machine-heading > span {
  display: block !important;

  margin-bottom: 12px !important;

  color: #89eee3 !important;

  font-size: 11px !important;
  font-weight: 700 !important;

  letter-spacing: .23em !important;
}


.parken-why-machine-heading h2 {
  margin: 0 !important;

  color: #ffffff !important;

  font-size: clamp(36px, 3.5vw, 65px) !important;
  font-weight: 700 !important;

  line-height: .98 !important;
  letter-spacing: -.035em !important;

  text-transform: uppercase !important;
}


.parken-why-machine-heading p {
  margin: 20px 0 0 !important;

  color: #d7faf4 !important;

  font-size: 15px !important;
  font-weight: 600 !important;

  line-height: 1.5 !important;

  letter-spacing: .05em !important;
}



/* ============================================================
   SIX ICON WORDING
   ============================================================ */

.parken-why-machine-features {
  position: absolute !important;

  z-index: 5 !important;

  left: 5.2% !important;
  right: 5.2% !important;

  top: 64% !important;

  display: grid !important;

  grid-template-columns:
    repeat(6, minmax(0,1fr)) !important;

  gap: 12px !important;
}


.parken-why-machine-features article {
  padding: 0 10px !important;

  text-align: center !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


.parken-why-machine-features h3 {
  margin: 0 0 7px !important;

  color: #0c5078 !important;

  font-size: clamp(10px,.78vw,14px) !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;
}


.parken-why-machine-features p {
  margin: 0 auto !important;

  max-width: 150px !important;

  color: #5b7789 !important;

  font-size: clamp(9px,.68vw,12px) !important;
  font-weight: 500 !important;

  line-height: 1.35 !important;
}



/* ============================================================
   ADVANTAGE + PIE
   SAME LEVEL
   ============================================================ */

.parken-advantage-pie {
  position: relative !important;

  padding: 72px 0 80px !important;

  background:
    linear-gradient(
      135deg,
      #edf8fa,
      #eef9f5
    ) !important;

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif !important;
}


.parken-advantage-pie-shell {
  width:
    min(
      1540px,
      calc(100% - 70px)
    ) !important;

  margin: 0 auto !important;

  display: grid !important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr) !important;

  gap: 34px !important;

  align-items: stretch !important;
}



/* BOTH PANELS SAME HEIGHT */

.parken-advantage-side,
.parken-trust-side {
  min-height: 870px !important;

  height: 100% !important;

  padding: 38px 40px !important;

  box-sizing: border-box !important;

  border:
    1px solid rgba(21,144,158,.13) !important;

  border-radius: 30px !important;

  background:
    rgba(255,255,255,.74) !important;

  box-shadow:
    0 18px 45px rgba(17,92,109,.08) !important;

  backdrop-filter: blur(10px) !important;
}



/* ============================================================
   HEADINGS
   ============================================================ */

.parken-advantage-title > span,
.parken-trust-title > span {
  display: block !important;

  margin-bottom: 12px !important;

  color: #149995 !important;

  font-size: 10px !important;
  font-weight: 700 !important;

  letter-spacing: .20em !important;
}


.parken-advantage-title h2,
.parken-trust-title h2 {
  margin: 0 !important;

  color: #0d5068 !important;

  font-size: clamp(32px,2.7vw,47px) !important;
  font-weight: 600 !important;

  line-height: 1.05 !important;

  letter-spacing: -.03em !important;
}



/* ============================================================
   ADVANTAGE ROWS
   ============================================================ */

.parken-advantage-list {
  display: grid !important;

  gap: 15px !important;

  margin-top: 30px !important;
}


.parken-advantage-row {
  min-height: 76px !important;

  display: flex !important;

  align-items: center !important;

  gap: 18px !important;

  padding: 9px 12px !important;

  border-radius: 999px !important;

  background: #ffffff !important;

  border:
    1px solid rgba(16,143,163,.16) !important;

  border-bottom:
    5px solid #28a9d8 !important;

  box-shadow:
    0 5px 13px rgba(11,74,92,.12) !important;
}


.parken-advantage-row.is-left {
  padding-left: 11px !important;
  padding-right: 28px !important;
}


.parken-advantage-row.is-right {
  padding-left: 28px !important;
  padding-right: 11px !important;
}


.parken-advantage-number {
  flex: 0 0 64px !important;

  width: 64px !important;
  height: 64px !important;

  display: grid !important;

  place-items: center !important;

  border-radius: 50% !important;

  background:
    linear-gradient(
      135deg,
      #139bc8,
      #35ceb0
    ) !important;

  color: #ffffff !important;

  font-size: 18px !important;
  font-weight: 700 !important;

  box-shadow:
    0 7px 18px rgba(18,161,174,.20) !important;
}


.parken-advantage-row p {
  flex: 1 !important;

  margin: 0 !important;

  color: #3e5d68 !important;

  font-size: 14px !important;
  font-weight: 400 !important;

  line-height: 1.45 !important;
}


.parken-advantage-row.is-right p {
  text-align: right !important;
}



/* ============================================================
   TRUST PIE
   ============================================================ */

.parken-trust-stage {
  position: relative !important;

  width: 100% !important;
  max-width: 640px !important;

  height: 665px !important;

  margin: 35px auto 0 !important;
}



/* DONUT */

.parken-trust-donut {
  position: absolute !important;

  z-index: 3 !important;

  left: 50% !important;
  top: 50% !important;

  width: 370px !important;
  height: 370px !important;

  transform:
    translate(-50%,-50%)
    rotate(-90deg) !important;

  overflow: visible !important;
}


.parken-trust-ring-bg {
  fill: none !important;

  stroke: #dcebec !important;

  stroke-width: 50 !important;
}


.parken-trust-segment {
  fill: none !important;

  stroke-width: 50 !important;

  cursor: pointer !important;

  transition:
    stroke-width .35s ease,
    filter .35s ease,
    opacity .35s ease !important;
}


.trust-segment-1 {
  stroke: #168eb0 !important;
}

.trust-segment-2 {
  stroke: #16a2a0 !important;
}

.trust-segment-3 {
  stroke: #22b292 !important;
}

.trust-segment-4 {
  stroke: #50c3aa !important;
}

.trust-segment-5 {
  stroke: #3baad0 !important;
}

.trust-segment-6 {
  stroke: #377fae !important;
}


.parken-trust-segment.is-active {
  stroke-width: 59px !important;

  filter:
    drop-shadow(
      0 6px 9px rgba(10,115,139,.20)
    ) !important;
}



/* CENTER */

.parken-trust-center {
  position: absolute !important;

  z-index: 6 !important;

  left: 50% !important;
  top: 50% !important;

  width: 175px !important;

  transform: translate(-50%,-50%) !important;

  text-align: center !important;
}


.parken-trust-center small {
  display: block !important;

  color: #749097 !important;

  font-size: 9px !important;
  font-weight: 700 !important;

  letter-spacing: .19em !important;
}


.parken-trust-center strong {
  display: block !important;

  margin: 7px 0 !important;

  color: #0c526b !important;

  font-size: 50px !important;
  font-weight: 700 !important;

  line-height: 1 !important;
}


.parken-trust-center span {
  display: block !important;

  color: #5b7881 !important;

  font-size: 11px !important;
  font-weight: 500 !important;

  line-height: 1.35 !important;
}



/* ============================================================
   PIE LABELS
   ============================================================ */

.parken-trust-label {
  position: absolute !important;

  z-index: 8 !important;

  width: 150px !important;

  padding: 7px !important;

  border: 0 !important;

  background: transparent !important;

  cursor: pointer !important;

  text-align: center !important;

  transition:
    transform .36s ease,
    color .36s ease !important;
}


.parken-trust-label b {
  display: block !important;

  margin-bottom: 5px !important;

  color: #0ea59e !important;

  font-size: 10px !important;
  font-weight: 700 !important;

  letter-spacing: .12em !important;
}


.parken-trust-label span {
  color: #5d7780 !important;

  font-size: 11px !important;
  font-weight: 600 !important;

  line-height: 1.25 !important;
}


.parken-trust-label.is-active span {
  color: #0c536b !important;
}



/* NORMAL POSITIONS */

.label-1 {
  top: 0 !important;
  left: 50% !important;

  transform:
    translateX(-50%) !important;
}


.label-2 {
  top: 115px !important;
  right: 0 !important;
}


.label-3 {
  right: 0 !important;
  bottom: 115px !important;
}


.label-4 {
  bottom: 0 !important;
  left: 50% !important;

  transform:
    translateX(-50%) !important;
}


.label-5 {
  bottom: 115px !important;
  left: 0 !important;
}


.label-6 {
  top: 115px !important;
  left: 0 !important;
}



/* CLICKED = MOVE TOWARD ITS PIE SEGMENT */

.label-1.is-active {
  transform:
    translate(-50%, 28px) !important;
}


.label-2.is-active {
  transform:
    translate(-30px, 20px) !important;
}


.label-3.is-active {
  transform:
    translate(-30px, -20px) !important;
}


.label-4.is-active {
  transform:
    translate(-50%, -28px) !important;
}


.label-5.is-active {
  transform:
    translate(30px, -20px) !important;
}


.label-6.is-active {
  transform:
    translate(30px, 20px) !important;
}



/* ============================================================
   STORIES REFERENCE
   ============================================================ */

.parken-stories-reference {
  position: relative !important;

  width: 100% !important;

  aspect-ratio: 16 / 9 !important;

  min-height: 650px !important;

  overflow: hidden !important;

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif !important;

  background: #d7eff8 !important;
}


.parken-stories-reference-bg {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center !important;

  z-index: 0 !important;
}



/* ============================================================
   STORIES HEADING
   ============================================================ */

.parken-stories-reference-title {
  position: absolute !important;

  z-index: 4 !important;

  left: 6% !important;
  top: 8% !important;

  width: 50% !important;
}


.parken-stories-reference-title > span {
  color: #119caa !important;

  font-size: 10px !important;
  font-weight: 700 !important;

  letter-spacing: .22em !important;
}


.parken-stories-reference-title h2 {
  margin: 9px 0 0 !important;

  color: #10466a !important;

  font-size: clamp(36px,4vw,67px) !important;
  font-weight: 700 !important;

  line-height: .98 !important;

  letter-spacing: -.04em !important;
}


.parken-stories-reference-title h2 strong {
  display: block !important;

  color: #18ae9d !important;
}



/* ============================================================
   EXACTLY OVER THE 3 EXISTING BOXES
   ============================================================ */

.parken-stories-reference-grid {
  position: absolute !important;

  z-index: 5 !important;

  left: 3.5% !important;
  right: 3.5% !important;

  top: 51% !important;
  bottom: 6.5% !important;

  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0,1fr)) !important;

  gap: 1.1% !important;
}


.parken-stories-reference-grid article {
  position: relative !important;

  min-width: 0 !important;

  padding:
    15% 8% 8% !important;

  overflow: hidden !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  box-sizing: border-box !important;
}


.parken-story-category {
  display: block !important;

  margin-bottom: 10px !important;

  color: #149ca9 !important;

  font-size: clamp(8px,.7vw,11px) !important;

  font-weight: 700 !important;

  letter-spacing: .15em !important;
}


.parken-stories-reference-grid blockquote {
  margin: 0 !important;

  color: #345c70 !important;

  font-size:
    clamp(
      11px,
      .9vw,
      15px
    ) !important;

  font-weight: 500 !important;

  line-height: 1.52 !important;
}


.parken-stories-reference-grid strong {
  display: block !important;

  margin-top: 16px !important;

  color: #104d70 !important;

  font-size:
    clamp(
      11px,
      .86vw,
      14px
    ) !important;

  font-weight: 700 !important;
}


.parken-stories-reference-grid small {
  display: block !important;

  margin-top: 3px !important;

  color: #66808d !important;

  font-size:
    clamp(
      8px,
      .66vw,
      10px
    ) !important;
}



/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1050px) {

  .parken-advantage-pie-shell {
    grid-template-columns:
      1fr !important;
  }


  .parken-advantage-side,
  .parken-trust-side {
    min-height: auto !important;
  }


  .parken-stories-reference-title {
    width: 65% !important;
  }

}



/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

  .parken-why-machine {
    aspect-ratio: auto !important;

    height: 900px !important;
  }


  .parken-why-machine-heading {
    width:
      calc(100% - 48px) !important;

    left: 24px !important;
  }


  .parken-why-machine-features {
    top: auto !important;

    bottom: 20px !important;

    left: 20px !important;
    right: 20px !important;

    grid-template-columns:
      1fr 1fr !important;

    gap: 14px !important;
  }


  .parken-why-machine-features article {
    padding: 10px !important;

    background:
      rgba(255,255,255,.80) !important;

    border-radius: 12px !important;
  }


  .parken-advantage-pie {
    padding:
      42px 0 !important;
  }


  .parken-advantage-pie-shell {
    width:
      calc(100% - 28px) !important;
  }


  .parken-advantage-side,
  .parken-trust-side {
    padding:
      28px 20px !important;
  }


  .parken-advantage-row {
    border-radius:
      24px !important;
  }


  .parken-advantage-number {
    flex-basis:
      52px !important;

    width:
      52px !important;

    height:
      52px !important;
  }


  .parken-trust-stage {
    transform:
      scale(.78) !important;

    transform-origin:
      center top !important;

    margin-bottom:
      -130px !important;
  }


  .parken-stories-reference {
    aspect-ratio: auto !important;

    height: auto !important;

    min-height: 1100px !important;

    background:
      #dff3fa !important;
  }


  .parken-stories-reference-bg {
    object-position:
      center top !important;
  }


  .parken-stories-reference-title {
    left: 24px !important;

    width:
      calc(100% - 48px) !important;
  }


  .parken-stories-reference-grid {
    top: 43% !important;

    left: 20px !important;
    right: 20px !important;

    bottom: auto !important;

    display: grid !important;

    grid-template-columns:
      1fr !important;

    gap: 20px !important;
  }


  .parken-stories-reference-grid article {
    min-height:
      180px !important;

    padding:
      20px !important;

    border-radius:
      20px !important;

    background:
      rgba(255,255,255,.72) !important;
  }

}

/* ============================================================
   WHY PARKEN — ALIGN EACH WORDING UNDER ITS ICON
   ============================================================ */

.parken-why-machine-features {
  top: 64% !important;
}


/* COMMON TEXT LOOK — SAME FOR ALL 6 */

.parken-why-machine-features article {
  position: relative !important;

  padding: 0 8px !important;

  text-align: center !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;
}


.parken-why-machine-features h3 {
  margin: 0 0 7px !important;

  color: #0b527a !important;

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif !important;

  font-size: 13px !important;

  font-weight: 700 !important;

  line-height: 1.15 !important;

  letter-spacing: 0 !important;

  text-transform: uppercase !important;
}


.parken-why-machine-features p {
  margin: 0 auto !important;

  max-width: 175px !important;

  color: #5b7888 !important;

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif !important;

  font-size: 12px !important;

  font-weight: 500 !important;

  line-height: 1.4 !important;
}


/* ============================================================
   FOLLOW THE CURVED ICON LINE
   ============================================================ */

/* TROPHY — LOWEST ICON */
.parken-why-machine-features article:nth-child(1) {
  transform: translateY(58px) !important;
}


/* GEAR */
.parken-why-machine-features article:nth-child(2) {
  transform: translateY(42px) !important;
}


/* SMART INTEGRATION */
.parken-why-machine-features article:nth-child(3) {
  transform: translateY(22px) !important;
}


/* CUSTOM SOLUTIONS */
.parken-why-machine-features article:nth-child(4) {
  transform: translateY(0) !important;
}


/* DEDICATED SUPPORT */
.parken-why-machine-features article:nth-child(5) {
  transform: translateY(-4px) !important;
}


/* VALUE FOR MONEY */
.parken-why-machine-features article:nth-child(6) {
  transform: translateY(-4px) !important;
}

/* =========================================================
   FIX 1 — WHY PARKEN LEFT SIDE TOO DARK / BLUR
   Make left side clearer like right side
   ========================================================= */

/* main machine section */
.parken-why-machine-section,
.parken-why-machine-reference,
.parken-why-machine-wrap {
  position: relative;
  overflow: hidden;
}

/* remove heavy dark blur overlay from left side */
.parken-why-machine-section::before,
.parken-why-machine-reference::before,
.parken-why-machine-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  /* lighter overlay so left side is not dark/blurred */
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0.02) 0%,
      rgba(255,255,255,0.01) 18%,
      rgba(255,255,255,0.00) 42%,
      rgba(255,255,255,0.00) 100%
    ) !important;

  backdrop-filter: none !important;
  filter: none !important;
}

/* make sure the real content stays above */
.parken-why-machine-section > *,
.parken-why-machine-reference > *,
.parken-why-machine-wrap > * {
  position: relative;
  z-index: 2;
}

/* if any dark overlay already exists, neutralize it */
.parken-why-machine-overlay,
.parken-why-machine-shade,
.parken-why-machine-dark-overlay {
  opacity: 0.12 !important;
  filter: none !important;
  backdrop-filter: none !important;
  background: linear-gradient(
    90deg,
    rgba(8, 38, 56, 0.18) 0%,
    rgba(8, 38, 56, 0.08) 25%,
    rgba(8, 38, 56, 0.00) 55%
  ) !important;
}

/* =========================================================
   FIX 2 — WHY PARKEN ICON WORDING LOOK SAME STYLE
   Keep all titles like CUSTOM SOLUTIONS
   ========================================================= */

.parken-why-machine-features article h3 {
  color: #0c5177 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.parken-why-machine-features article p {
  color: #5d7787 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

/* =========================================================
   FIX 3 — SOLUTIONS + PIE SECTION TOO LONG
   Make section shorter / cleaner / standard size
   ========================================================= */

.parken-solutions-section,
.parken-solutions-pie-section,
.parken-why-solutions-section {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
  min-height: auto !important;
}

/* wrapper for left side + right side */
.parken-solutions-layout,
.parken-solutions-pie-layout,
.parken-why-split-layout {
  display: grid !important;
  grid-template-columns: 1.05fr 0.95fr !important;
  align-items: start !important;
  gap: 34px !important;
  min-height: auto !important;
}

/* left advantage/solutions column */
.parken-solutions-left,
.parken-advantage-column,
.parken-solutions-copy {
  min-height: auto !important;
}

/* right pie chart column */
.parken-solutions-right,
.parken-pie-column,
.parken-pie-wrap {
  min-height: auto !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

/* pie chart size smaller and cleaner */
.parken-pie-chart,
.parken-donut-chart,
.parken-chart-wrap svg {
  max-width: 430px !important;
  width: 100% !important;
  height: auto !important;
}

/* reduce extra spacing around the chart labels */
.parken-pie-labels,
.parken-chart-labels {
  margin-top: 8px !important;
}

/* solutions list box spacing */
.parken-solution-list,
.parken-advantage-list {
  gap: 18px !important;
}

/* if using numbered cards */
.parken-solution-item,
.parken-advantage-item {
  min-height: 96px !important;
  padding: 18px 22px !important;
  border-radius: 24px !important;
}

/* number circle */
.parken-solution-item .number,
.parken-advantage-item .number,
.parken-solution-circle {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  font-size: 24px !important;
}

/* titles inside solution items */
.parken-solution-item h4,
.parken-advantage-item h4 {
  font-size: 16px !important;
  margin-bottom: 6px !important;
}

/* description inside solution items */
.parken-solution-item p,
.parken-advantage-item p {
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
  .parken-solutions-layout,
  .parken-solutions-pie-layout,
  .parken-why-split-layout {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .parken-pie-chart,
  .parken-donut-chart,
  .parken-chart-wrap svg {
    max-width: 380px !important;
  }
}

@media (max-width: 768px) {
  .parken-solutions-section,
  .parken-solutions-pie-section,
  .parken-why-solutions-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .parken-solution-item,
  .parken-advantage-item {
    min-height: auto !important;
    padding: 16px 18px !important;
  }
}

/* ============================================================
   FINAL CORRECTIONS
   WHY PARKEN + ADVANTAGE/PIE + HEADER
   ============================================================ */


/* ============================================================
   1. WHY PARKEN — REMOVE LEFT DARK / BLUR COMPLETELY
   ============================================================ */

.parken-why-machine::before,
.parken-why-machine::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}


.parken-why-machine-bg {
  opacity: 1 !important;

  filter:
    none !important;

  -webkit-filter:
    none !important;

  mix-blend-mode:
    normal !important;
}


/* REMOVE ANY OLDER OVERLAY THAT MAY STILL EXIST */

.parken-why-top-shade,
.parken-why-machine-overlay,
.parken-why-machine-shade,
.parken-why-machine-dark-overlay,
.pk-why-natural-overlay {
  display: none !important;

  opacity: 0 !important;

  background:
    transparent !important;

  filter:
    none !important;

  backdrop-filter:
    none !important;

  -webkit-backdrop-filter:
    none !important;
}


/* CONTENT STILL ABOVE THE IMAGE */

.parken-why-machine-heading,
.parken-why-machine-features {
  z-index:
    5 !important;
}



/* ============================================================
   2. ADVANTAGE + PIE
   MAKE THE WHOLE SECTION SHORTER
   ============================================================ */

.parken-advantage-pie {
  padding:
    42px 0 48px !important;

  min-height:
    0 !important;
}


.parken-advantage-pie-shell {
  width:
    min(
      1500px,
      calc(100% - 70px)
    ) !important;

  gap:
    26px !important;

  align-items:
    stretch !important;
}


/* BOTH SIDE BY SIDE AND SAME HEIGHT */

.parken-advantage-side,
.parken-trust-side {
  min-height:
    610px !important;

  height:
    610px !important;

  padding:
    26px 30px !important;

  overflow:
    hidden !important;

  border-radius:
    24px !important;
}



/* ============================================================
   LEFT — MAKE 8 ADVANTAGE ROWS COMPACT
   ============================================================ */

.parken-advantage-title > span,
.parken-trust-title > span {
  margin-bottom:
    7px !important;
}


.parken-advantage-title h2,
.parken-trust-title h2 {
  font-size:
    clamp(
      28px,
      2.2vw,
      39px
    ) !important;

  line-height:
    1.02 !important;
}


.parken-advantage-list {
  margin-top:
    18px !important;

  gap:
    7px !important;
}


.parken-advantage-row {
  min-height:
    52px !important;

  height:
    52px !important;

  gap:
    12px !important;

  padding:
    4px 10px !important;

  border-bottom-width:
    3px !important;
}


.parken-advantage-row.is-left {
  padding-left:
    6px !important;

  padding-right:
    18px !important;
}


.parken-advantage-row.is-right {
  padding-left:
    18px !important;

  padding-right:
    6px !important;
}


.parken-advantage-number {
  flex:
    0 0 42px !important;

  width:
    42px !important;

  height:
    42px !important;

  font-size:
    13px !important;
}


.parken-advantage-row p {
  font-size:
    11.5px !important;

  line-height:
    1.25 !important;
}



/* ============================================================
   RIGHT — MAKE PIE AREA SHORTER
   ============================================================ */

.parken-trust-stage {
  max-width:
    560px !important;

  height:
    480px !important;

  margin:
    15px auto 0 !important;
}


.parken-trust-donut {
  width:
    310px !important;

  height:
    310px !important;
}


.parken-trust-ring-bg,
.parken-trust-segment {
  stroke-width:
    43 !important;
}


.parken-trust-segment.is-active {
  stroke-width:
    51 !important;
}


.parken-trust-center {
  width:
    150px !important;
}


.parken-trust-center strong {
  font-size:
    42px !important;
}



/* PIE WORDING POSITION */

.parken-trust-label {
  width:
    128px !important;

  padding:
    4px !important;
}


.parken-trust-label b {
  margin-bottom:
    2px !important;

  font-size:
    9px !important;
}


.parken-trust-label span {
  font-size:
    10px !important;
}


.label-1 {
  top:
    0 !important;
}


.label-2 {
  top:
    76px !important;

  right:
    0 !important;
}


.label-3 {
  right:
    0 !important;

  bottom:
    76px !important;
}


.label-4 {
  bottom:
    0 !important;
}


.label-5 {
  left:
    0 !important;

  bottom:
    76px !important;
}


.label-6 {
  left:
    0 !important;

  top:
    76px !important;
}



/* ============================================================
   3. HEADER — MAKE PARKEN LOGO BIGGER
   ============================================================ */

.parken-header-inner {
  grid-template-columns:
    245px
    minmax(0, 1fr)
    165px !important;

  column-gap:
    24px !important;
}


.parken-header-logo {
  width:
    240px !important;

  height:
    94px !important;

  overflow:
    visible !important;
}


.parken-header-logo img {
  width:
    225px !important;

  max-width:
    none !important;

  height:
    88px !important;

  object-fit:
    contain !important;

  object-position:
    left center !important;

  transform:
    none !important;
}



/* ============================================================
   HEADER WHEN SCROLLING
   Slightly more compact but logo still visible
   ============================================================ */

.parken-header {
  height:
    96px !important;

  transition:
    height .3s ease,
    background .3s ease,
    box-shadow .3s ease !important;
}


.parken-header.is-scrolled {
  height:
    76px !important;

  background:
    linear-gradient(
      110deg,
      rgba(3,46,65,.985),
      rgba(4,72,83,.985),
      rgba(5,89,84,.98)
    ) !important;

  box-shadow:
    0 12px 32px
    rgba(0,27,40,.24) !important;
}


.parken-header.is-scrolled
.parken-header-logo img {
  width:
    190px !important;

  height:
    70px !important;
}



/* ============================================================
   NAV WORDING
   ============================================================ */

.parken-nav {
  height:
    100% !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    clamp(
      25px,
      2vw,
      42px
    ) !important;
}


.parken-nav-link {
  position:
    relative !important;

  height:
    100% !important;

  display:
    flex !important;

  align-items:
    center !important;

  font-size:
    12px !important;

  font-weight:
    750 !important;
}



/* ============================================================
   4. UNDERLINE — MOVE IT UP
   ============================================================ */

.parken-nav-link::after {
  bottom:
    17px !important;

  height:
    3px !important;
}


.parken-header.is-scrolled
.parken-nav-link::after {
  bottom:
    10px !important;
}


.parken-nav-link.is-active::after {
  width:
    72% !important;
}



/* ============================================================
   GET A QUOTE
   ============================================================ */

.parken-header-quote {
  display:
    inline-flex !important;

  justify-self:
    end !important;

  visibility:
    visible !important;

  opacity:
    1 !important;

  min-width:
    155px !important;

  min-height:
    44px !important;
}



/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1100px) {

  .parken-header-inner {
    grid-template-columns:
      185px
      minmax(0,1fr)
      150px !important;
  }


  .parken-header-logo,
  .parken-header-logo img {
    width:
      175px !important;
  }


  .parken-nav {
    gap:
      15px !important;
  }


  .parken-nav-link {
    font-size:
      10px !important;
  }


  .parken-advantage-pie-shell {
    grid-template-columns:
      1fr !important;
  }


  .parken-advantage-side,
  .parken-trust-side {
    height:
      auto !important;

    min-height:
      0 !important;
  }

}

/* ============================================================
   PARKEN PRODUCT REEL V2
   SEAMLESS MOVEMENT + CLICK PREVIEW
   ============================================================ */

.pk-reel-v2 {
  position: relative !important;

  z-index: 50 !important;

  width: 100% !important;

  height: 112px !important;

  padding: 10px 0 !important;

  box-sizing: border-box !important;

  overflow: visible !important;

  background:
    linear-gradient(
      90deg,
      #06445c 0%,
      #08677a 48%,
      #0b8176 100%
    ) !important;

  border-top:
    1px solid rgba(255,255,255,.16) !important;

  border-bottom:
    1px solid rgba(255,255,255,.16) !important;
}



/* ONLY THIS PART HIDES THE MOVING TRACK */

.pk-reel-v2-window {
  position: relative !important;

  width: 100% !important;

  height: 92px !important;

  overflow: hidden !important;
}



/* ============================================================
   TRACK
   ============================================================ */

.pk-reel-v2-track {
  display: flex !important;

  width: max-content !important;

  height: 92px !important;

  gap: 0 !important;

  animation:
    pkReelV2Move
    42s
    linear
    infinite !important;

  will-change: transform !important;
}



/* ============================================================
   EACH COMPLETE LOOP SET
   ============================================================ */

.pk-reel-v2-group {
  flex: none !important;

  display: flex !important;

  align-items: center !important;

  width: max-content !important;

  height: 92px !important;

  gap: 10px !important;

  /*
    Important:
    this 10px becomes part of each group's width,
    so the first and duplicate groups join perfectly.
  */

  padding-right: 10px !important;

  box-sizing: content-box !important;
}



/* ============================================================
   VIDEO CARD
   ============================================================ */

.pk-reel-v2-card {
  position: relative !important;

  flex:
    0 0 178px !important;

  width:
    178px !important;

  height:
    88px !important;

  margin: 0 !important;

  padding: 0 !important;

  overflow: hidden !important;

  border:
    1px solid rgba(216,255,255,.30) !important;

  border-radius:
    10px !important;

  outline:
    0 !important;

  background:
    #082e41 !important;

  box-shadow:
    0 5px 15px rgba(0,23,35,.24) !important;

  cursor:
    pointer !important;

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease !important;
}


.pk-reel-v2-card:hover {
  transform:
    translateY(-2px)
    scale(1.025) !important;

  border-color:
    rgba(116,244,226,.80) !important;

  box-shadow:
    0 7px 18px rgba(0,29,42,.32),
    0 0 12px rgba(74,232,218,.18) !important;
}


.pk-reel-v2-card video {
  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  pointer-events:
    none !important;
}



/* ============================================================
   PERFECT CONTINUOUS LOOP
   ============================================================ */

@keyframes pkReelV2Move {

  from {
    transform:
      translate3d(0,0,0);
  }

  to {
    transform:
      translate3d(-50%,0,0);
  }

}



/* ============================================================
   SMALL VIDEO PREVIEW
   APPEARS ABOVE THE BAR
   ============================================================ */

.pk-reel-v2-preview {
  position: absolute !important;

  z-index: 500 !important;

  left: 50% !important;

  bottom:
    calc(100% + 14px) !important;

  width:
    min(410px, 82vw) !important;

  aspect-ratio:
    16 / 9 !important;

  overflow:
    hidden !important;

  border:
    1px solid rgba(135,248,236,.62) !important;

  border-radius:
    16px !important;

  background:
    #062d40 !important;

  box-shadow:
    0 22px 50px rgba(0,25,39,.38),
    0 0 20px rgba(58,220,208,.16) !important;

  opacity:
    0 !important;

  pointer-events:
    none !important;

  transform:
    translate(-50%, 14px)
    scale(.96) !important;

  transition:
    opacity .25s ease,
    transform .25s ease !important;
}


.pk-reel-v2-preview.is-open {
  opacity:
    1 !important;

  pointer-events:
    auto !important;

  transform:
    translate(-50%,0)
    scale(1) !important;
}


.pk-reel-v2-preview video {
  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;
}



/* CLOSE */

.pk-reel-v2-preview-close {
  position:
    absolute !important;

  z-index:
    10 !important;

  top:
    9px !important;

  right:
    9px !important;

  width:
    32px !important;

  height:
    32px !important;

  display:
    grid !important;

  place-items:
    center !important;

  padding:
    0 !important;

  border:
    1px solid rgba(255,255,255,.35) !important;

  border-radius:
    50% !important;

  background:
    rgba(2,36,52,.78) !important;

  color:
    #ffffff !important;

  font-size:
    23px !important;

  line-height:
    1 !important;

  cursor:
    pointer !important;
}



/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

  .pk-reel-v2 {
    height:
      94px !important;

    padding:
      8px 0 !important;
  }


  .pk-reel-v2-window,
  .pk-reel-v2-track,
  .pk-reel-v2-group {
    height:
      78px !important;
  }


  .pk-reel-v2-card {
    flex-basis:
      145px !important;

    width:
      145px !important;

    height:
      74px !important;
  }


  .pk-reel-v2-preview {
    width:
      min(350px, 88vw) !important;
  }

}

/* ============================================================
   PARKEN MOVING PRODUCT BAR V3
   WEBM / CONTINUOUS / NO EMPTY END
   ============================================================ */

.pk-reel-v3 {
  position: relative !important;

  width: 100% !important;

  height: 112px !important;

  padding: 10px 0 !important;

  overflow: visible !important;

  box-sizing: border-box !important;

  background:
    linear-gradient(
      90deg,
      #06445c 0%,
      #08677a 48%,
      #0b8176 100%
    ) !important;

  border-top:
    1px solid rgba(255,255,255,.15) !important;

  border-bottom:
    1px solid rgba(255,255,255,.15) !important;
}



/* ============================================================
   WINDOW
   ============================================================ */

.pk-reel-window {
  position: relative !important;

  width: 100% !important;

  height: 92px !important;

  overflow: hidden !important;
}



/* ============================================================
   TRACK
   ============================================================ */

.pk-reel-track {
  --pk-reel-shift: 1000px;

  display: flex !important;

  flex-wrap: nowrap !important;

  align-items: center !important;

  width: max-content !important;

  height: 92px !important;

  gap: 0 !important;

  animation:
    pkContinuousReel
    30s
    linear
    infinite !important;

  will-change: transform !important;
}



/*
   IMPORTANT:

   We move EXACTLY ONE ORIGINAL GROUP WIDTH.

   Because every following group is identical,
   when the animation restarts it looks like
   nothing jumped.
*/

@keyframes pkContinuousReel {

  from {
    transform:
      translate3d(0,0,0);
  }

  to {
    transform:
      translate3d(
        calc(-1 * var(--pk-reel-shift)),
        0,
        0
      );
  }

}



/* ============================================================
   ONE COMPLETE SET
   ============================================================ */

.pk-reel-group {
  flex: none !important;

  display: flex !important;

  align-items: center !important;

  width: max-content !important;

  height: 92px !important;

  gap: 10px !important;

  padding-right: 10px !important;

  box-sizing: content-box !important;
}



/* ============================================================
   VIDEO
   ============================================================ */

.pk-reel-card {
  position: relative !important;

  flex:
    0 0 178px !important;

  width:
    178px !important;

  height:
    88px !important;

  margin: 0 !important;

  padding: 0 !important;

  overflow: hidden !important;

  border:
    1px solid rgba(206,255,255,.30) !important;

  border-radius:
    10px !important;

  background:
    #073349 !important;

  box-shadow:
    0 4px 14px rgba(0,25,38,.28) !important;

  cursor:
    pointer !important;

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease !important;
}


.pk-reel-card:hover {
  transform:
    translateY(-2px)
    scale(1.025) !important;

  border-color:
    rgba(101,239,223,.85) !important;

  box-shadow:
    0 7px 19px rgba(0,24,37,.34),
    0 0 13px rgba(68,230,215,.18) !important;
}


.pk-reel-card video {
  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  pointer-events:
    none !important;
}



/* ============================================================
   CLICKED VIDEO PREVIEW
   ============================================================ */

.pk-reel-preview {
  position: absolute !important;

  z-index: 500 !important;

  left: 50% !important;

  bottom:
    calc(100% + 14px) !important;

  width:
    min(420px, 84vw) !important;

  aspect-ratio:
    16 / 9 !important;

  overflow:
    hidden !important;

  border:
    1px solid rgba(114,245,230,.60) !important;

  border-radius:
    16px !important;

  background:
    #062c40 !important;

  box-shadow:
    0 22px 50px rgba(0,24,38,.40),
    0 0 20px rgba(57,222,208,.17) !important;

  opacity:
    0 !important;

  visibility:
    hidden !important;

  pointer-events:
    none !important;

  transform:
    translate(-50%,15px)
    scale(.96) !important;

  transition:
    opacity .25s ease,
    transform .25s ease,
    visibility .25s ease !important;
}


.pk-reel-preview.is-open {
  opacity:
    1 !important;

  visibility:
    visible !important;

  pointer-events:
    auto !important;

  transform:
    translate(-50%,0)
    scale(1) !important;
}


.pk-reel-preview video {
  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;
}



/* CLOSE BUTTON */

.pk-reel-preview-close {
  position: absolute !important;

  z-index: 10 !important;

  top: 9px !important;

  right: 9px !important;

  width: 32px !important;

  height: 32px !important;

  display:
    grid !important;

  place-items:
    center !important;

  padding: 0 !important;

  border:
    1px solid rgba(255,255,255,.35) !important;

  border-radius:
    50% !important;

  background:
    rgba(3,38,53,.82) !important;

  color:
    #ffffff !important;

  font-size:
    22px !important;

  cursor:
    pointer !important;
}



/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

  .pk-reel-v3 {
    height:
      94px !important;

    padding:
      8px 0 !important;
  }


  .pk-reel-window,
  .pk-reel-track,
  .pk-reel-group {
    height:
      78px !important;
  }


  .pk-reel-card {
    flex-basis:
      145px !important;

    width:
      145px !important;

    height:
      74px !important;
  }

}

/* ============================================================
   PARKEN PRODUCT BAR
   EXACTLY 21 VIDEOS
   ============================================================ */

.pk21-reel {
  position: relative !important;

  width: 100% !important;
  height: 112px !important;

  padding: 10px 0 !important;

  margin: 0 !important;

  overflow: hidden !important;

  background:
    linear-gradient(
      90deg,
      #06445c 0%,
      #08677a 48%,
      #0b8176 100%
    ) !important;

  border-top:
    1px solid rgba(255,255,255,.16) !important;

  border-bottom:
    1px solid rgba(255,255,255,.16) !important;

  box-sizing: border-box !important;
}


/* ============================================================
   VIEWING WINDOW
   ============================================================ */

.pk21-window {
  width: 100% !important;
  height: 92px !important;

  overflow: hidden !important;
}


/* ============================================================
   ALL 21 VIDEOS MOVE TOGETHER
   ============================================================ */

.pk21-track {
  display: flex !important;

  width: max-content !important;
  height: 92px !important;

  gap: 0 !important;

  animation:
    pk21MovingBar
    34s
    linear
    infinite !important;

  will-change: transform !important;
}


/*
  THERE ARE 3 IDENTICAL GROUPS.

  Move exactly ONE GROUP = 1/3 of the entire track.

  When it resets:
  SET 2 is visually identical to SET 1,
  so there is no visible jump.
*/

@keyframes pk21MovingBar {

  from {
    transform:
      translate3d(0,0,0);
  }

  to {
    transform:
      translate3d(
        -33.333333%,
        0,
        0
      );
  }

}


/* ============================================================
   EACH SET OF 7
   ============================================================ */

.pk21-group {
  display: flex !important;

  flex: none !important;

  align-items: center !important;

  width: max-content !important;
  height: 92px !important;

  gap: 10px !important;

  padding-right: 10px !important;
}


/* ============================================================
   SMALL VIDEO CARD
   ============================================================ */

.pk21-card {
  position: relative !important;

  flex:
    0 0 190px !important;

  width:
    190px !important;

  height:
    88px !important;

  padding: 0 !important;
  margin: 0 !important;

  overflow: hidden !important;

  border:
    1px solid rgba(218,255,255,.34) !important;

  border-radius:
    10px !important;

  outline: none !important;

  background:
    #062f43 !important;

  box-shadow:
    0 5px 14px rgba(0,23,35,.28) !important;

  cursor: pointer !important;

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease !important;
}


.pk21-card:hover {
  transform:
    translateY(-2px)
    scale(1.025) !important;

  border-color:
    #78f5e6 !important;

  box-shadow:
    0 7px 18px rgba(0,24,36,.34),
    0 0 14px rgba(64,233,216,.22) !important;
}


.pk21-card video {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center !important;

  pointer-events: none !important;
}


/* ============================================================
   POPUP BACKGROUND
   ============================================================ */

.pk21-popup {
  position: fixed !important;

  z-index: 999999 !important;

  inset: 0 !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 30px !important;

  background:
    rgba(2, 24, 35, .48) !important;

  backdrop-filter:
    blur(5px) !important;

  -webkit-backdrop-filter:
    blur(5px) !important;

  opacity: 0 !important;

  visibility: hidden !important;

  pointer-events: none !important;

  transition:
    opacity .25s ease,
    visibility .25s ease !important;
}


/* OPEN */

.pk21-popup.is-open {
  opacity: 1 !important;

  visibility: visible !important;

  pointer-events: auto !important;
}


/* ============================================================
   POPUP VIDEO BOX
   Slightly bigger only
   ============================================================ */

.pk21-popup-box {
  position: relative !important;

  width:
    min(
      540px,
      88vw
    ) !important;

  aspect-ratio:
    16 / 9 !important;

  overflow: hidden !important;

  border:
    1px solid rgba(114,247,231,.70) !important;

  border-radius:
    17px !important;

  background:
    #062d40 !important;

  box-shadow:
    0 25px 70px rgba(0,20,31,.48),
    0 0 22px rgba(53,222,207,.18) !important;

  transform:
    translateY(15px)
    scale(.96) !important;

  transition:
    transform .25s ease !important;
}


.pk21-popup.is-open
.pk21-popup-box {
  transform:
    translateY(0)
    scale(1) !important;
}


/* BIGGER VIDEO */

.pk21-popup-video,
#pk21-popup-video {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
}


/* ============================================================
   CLOSE X
   ============================================================ */

.pk21-popup-close {
  position: absolute !important;

  z-index: 20 !important;

  top: 10px !important;
  right: 10px !important;

  width: 35px !important;
  height: 35px !important;

  display: grid !important;
  place-items: center !important;

  padding: 0 !important;

  border:
    1px solid rgba(255,255,255,.40) !important;

  border-radius:
    50% !important;

  background:
    rgba(3,38,53,.88) !important;

  color:
    #ffffff !important;

  font-size:
    25px !important;

  line-height:
    1 !important;

  cursor: pointer !important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

  .pk21-reel {
    height:
      94px !important;

    padding:
      8px 0 !important;
  }


  .pk21-window,
  .pk21-track,
  .pk21-group {
    height:
      78px !important;
  }


  .pk21-card {
    width:
      150px !important;

    flex-basis:
      150px !important;

    height:
      74px !important;
  }


  .pk21-popup-box {
    width:
      92vw !important;
  }

}

/* ============================================================
   PARKEN TRUST SYSTEM — PREMIUM REDESIGN
   ============================================================ */

.pk-trust-system {
  position: relative;
  overflow: hidden;

  padding: 86px 0 94px;

  background:
    linear-gradient(
      125deg,
      #052f44 0%,
      #064e65 48%,
      #087369 100%
    );

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif;

  color: #ffffff;
}


/* BACKGROUND LIGHT */

.pk-trust-system-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(42, 196, 230, .17),
      transparent 29%
    ),

    radial-gradient(
      circle at 83% 75%,
      rgba(57, 230, 177, .15),
      transparent 28%
    );
}


.pk-trust-system-bg::before,
.pk-trust-system-bg::after {
  content: "";

  position: absolute;

  width: 420px;
  height: 420px;

  border-radius: 50%;

  border:
    1px solid rgba(121, 244, 232, .07);
}


.pk-trust-system-bg::before {
  top: -180px;
  right: 8%;
}


.pk-trust-system-bg::after {
  bottom: -230px;
  left: 14%;
}



/* ============================================================
   MAIN 2-COLUMN LAYOUT
   ============================================================ */

.pk-trust-system-shell {
  position: relative;
  z-index: 2;

  width:
    min(
      1540px,
      calc(100% - 80px)
    );

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  gap: 30px;

  align-items: stretch;
}


/* SAME HEIGHT BOTH SIDES */

.pk-trust-solutions,
.pk-trust-network-panel {
  min-height: 720px;

  height: 100%;

  box-sizing: border-box;

  border:
    1px solid rgba(176, 246, 240, .13);

  border-radius: 32px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.075),
      rgba(255,255,255,.025)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 30px 70px rgba(0,20,32,.17);

  backdrop-filter: blur(12px);
}



/* ============================================================
   LEFT SIDE
   ============================================================ */

.pk-trust-solutions {
  padding: 48px 46px;
}


.pk-trust-kicker {
  display: block;

  margin-bottom: 13px;

  color: #83f0dc;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .24em;
}


.pk-trust-solutions > h2,
.pk-trust-network-heading h2 {
  margin: 0;

  color: #ffffff;

  font-size:
    clamp(
      38px,
      3.2vw,
      56px
    );

  line-height: 1;

  font-weight: 700;

  letter-spacing: -.04em;
}


.pk-trust-solutions > h2 span,
.pk-trust-network-heading h2 span {
  display: block;

  margin-top: 5px;

  color: #79e8d3;
}


.pk-trust-lead {
  max-width: 650px;

  margin: 20px 0 0;

  color:
    rgba(232, 251, 251, .75);

  font-size: 14px;

  line-height: 1.7;
}



/* ============================================================
   SOLUTION RAILS
   ============================================================ */

.pk-trust-solution-list {
  margin-top: 36px;

  display: grid;

  gap: 8px;
}


.pk-trust-solution-item {
  position: relative;

  min-height: 72px;

  display: grid;

  grid-template-columns:
    52px 1fr;

  gap: 18px;

  align-items: center;

  padding: 12px 18px;

  border-bottom:
    1px solid rgba(201, 249, 244, .10);

  transition:
    background .25s ease,
    transform .25s ease,
    border-color .25s ease;
}


.pk-trust-solution-item:last-child {
  border-bottom: 0;
}


.pk-trust-solution-item:hover {
  transform: translateX(6px);

  border-color:
    rgba(112, 239, 218, .28);

  background:
    linear-gradient(
      90deg,
      rgba(42, 191, 221, .10),
      rgba(55, 219, 170, .05),
      transparent
    );
}


.pk-trust-solution-item > b {
  display: grid;

  place-items: center;

  width: 42px;
  height: 42px;

  border-radius: 50%;

  color: #83f2df;

  font-size: 11px;

  font-weight: 700;

  background:
    rgba(38, 196, 202, .09);

  border:
    1px solid rgba(112, 242, 223, .18);
}


.pk-trust-solution-item h3 {
  margin: 0 0 4px;

  color: #ffffff;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: .04em;
}


.pk-trust-solution-item p {
  margin: 0;

  color:
    rgba(222, 246, 247, .68);

  font-size: 11px;

  line-height: 1.45;
}



/* ============================================================
   RIGHT SIDE
   ============================================================ */

.pk-trust-network-panel {
  padding: 48px 40px 30px;
}


.pk-trust-network-heading {
  position: relative;

  z-index: 5;
}


.pk-trust-network-heading h2 {
  font-size:
    clamp(
      34px,
      2.7vw,
      48px
    );
}



/* ============================================================
   TRUST NETWORK
   ============================================================ */

.pk-trust-network {
  position: relative;

  width:
    min(
      100%,
      600px
    );

  aspect-ratio: 1;

  margin:
    20px auto 0;
}



/* CONNECTING LINES */

.pk-trust-lines {
  position: absolute;

  inset: 0;

  z-index: 1;

  width: 100%;
  height: 100%;
}


.pk-trust-lines line {
  stroke:
    rgba(106, 236, 220, .20);

  stroke-width: 1.3;

  stroke-dasharray: 6 8;
}



/* ============================================================
   CENTER
   ============================================================ */

.pk-trust-core-new {
  position: absolute;

  z-index: 5;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  width: 196px;
  height: 196px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 20px;

  box-sizing: border-box;

  border-radius: 50%;

  text-align: center;

  background:
    radial-gradient(
      circle at 35% 30%,
      #107692,
      #075167 58%,
      #073c51
    );

  border:
    1px solid rgba(146, 247, 234, .34);

  box-shadow:
    0 0 0 12px rgba(36, 187, 195, .06),
    0 0 55px rgba(59, 229, 193, .17),
    inset 0 1px 0 rgba(255,255,255,.15);
}


.pk-trust-core-new small {
  color: #76e8d6;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: .22em;
}


.pk-trust-core-new strong {
  display: block;

  margin-top: 10px;

  color: #ffffff;

  font-size: 21px;

  line-height: 1.05;

  font-weight: 700;
}


.pk-trust-core-new span {
  display: block;

  margin-top: 9px;

  max-width: 145px;

  color:
    rgba(223,249,248,.70);

  font-size: 10px;

  line-height: 1.4;
}



/* ============================================================
   6 NODES
   ============================================================ */

.pk-trust-node {
  position: absolute;

  z-index: 7;

  width: 132px;
  min-height: 74px;

  padding: 10px 8px;

  border:
    1px solid rgba(136, 241, 228, .16);

  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      rgba(4,75,96,.90),
      rgba(8,103,102,.70)
    );

  color: #ffffff;

  cursor: pointer;

  box-shadow:
    0 10px 25px rgba(0,25,38,.14);

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease;
}


.pk-trust-node:hover,
.pk-trust-node.is-active {
  transform: scale(1.055);

  border-color:
    rgba(117, 242, 219, .55);

  background:
    linear-gradient(
      145deg,
      rgba(6,116,139,.97),
      rgba(19,152,121,.88)
    );

  box-shadow:
    0 12px 28px rgba(0,34,48,.24),
    0 0 24px rgba(65, 229, 195, .16);
}


.pk-trust-node b {
  display: block;

  margin-bottom: 5px;

  color: #7df0dc;

  font-size: 9px;

  letter-spacing: .13em;
}


.pk-trust-node span {
  display: block;

  color: #ffffff;

  font-size: 10px;

  font-weight: 700;

  line-height: 1.25;

  letter-spacing: .03em;
}



/* POSITIONS */

.pk-trust-node-1 {
  top: 0;
  left: 50%;

  transform:
    translateX(-50%);
}


.pk-trust-node-1:hover,
.pk-trust-node-1.is-active {
  transform:
    translateX(-50%)
    scale(1.055);
}


.pk-trust-node-2 {
  top: 18%;
  right: 0;
}


.pk-trust-node-3 {
  bottom: 18%;
  right: 0;
}


.pk-trust-node-4 {
  bottom: 0;
  left: 50%;

  transform:
    translateX(-50%);
}


.pk-trust-node-4:hover,
.pk-trust-node-4.is-active {
  transform:
    translateX(-50%)
    scale(1.055);
}


.pk-trust-node-5 {
  bottom: 18%;
  left: 0;
}


.pk-trust-node-6 {
  top: 18%;
  left: 0;
}



/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1100px) {

  .pk-trust-system-shell {
    grid-template-columns: 1fr;
  }


  .pk-trust-solutions,
  .pk-trust-network-panel {
    min-height: auto;
  }


  .pk-trust-network-panel {
    min-height: 720px;
  }

}


@media (max-width: 700px) {

  .pk-trust-system {
    padding: 48px 0;
  }


  .pk-trust-system-shell {
    width:
      calc(100% - 28px);

    gap: 20px;
  }


  .pk-trust-solutions,
  .pk-trust-network-panel {
    padding:
      28px 22px;

    border-radius:
      23px;
  }


  .pk-trust-network-panel {
    min-height: 620px;
  }


  .pk-trust-network {
    transform:
      scale(.82);

    transform-origin:
      center top;

    margin-top: 30px;
  }


  .pk-trust-solution-item {
    grid-template-columns:
      42px 1fr;

    padding:
      12px 7px;
  }

}

/* ============================================================
   PARKEN CODED PREMIUM REDESIGN
   TRUST HUB + WORLD ADVANTAGE + CLIENT CAROUSEL
   ============================================================ */


/* ============================================================
   1. CONNECTED SOLUTIONS
   ============================================================ */

.pk-connected-trust {
  position: relative;
  overflow: hidden;
  padding: 78px 0 92px;

  background:
    linear-gradient(
      125deg,
      #032d46 0%,
      #064b68 50%,
      #08746e 100%
    );

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif;
}


.pk-connected-trust-bg {
  position: absolute;
  inset: 0;

  background:
    radial-gradient(
      circle at 50% 57%,
      rgba(28,220,220,.16),
      transparent 33%
    ),

    radial-gradient(
      circle at 82% 18%,
      rgba(53,238,176,.10),
      transparent 24%
    );

  pointer-events: none;
}


.pk-connected-trust-shell {
  position: relative;
  z-index: 2;

  width:
    min(
      1500px,
      calc(100% - 70px)
    );

  margin: 0 auto;
}


.pk-connected-heading {
  max-width: 700px;
}


.pk-connected-heading > span {
  color: #78eddb;

  font-size: 10px;
  font-weight: 700;

  letter-spacing: .25em;
}


.pk-connected-heading h2 {
  margin: 11px 0 0;

  color: #ffffff;

  font-size:
    clamp(
      40px,
      4vw,
      68px
    );

  line-height: .95;

  font-weight: 700;

  letter-spacing: -.045em;
}


.pk-connected-heading h2 strong {
  display: block;

  color: #55e6cf;
}


.pk-connected-heading p {
  max-width: 590px;

  margin: 18px 0 0;

  color:
    rgba(228,249,250,.72);

  font-size: 14px;

  line-height: 1.65;
}



/* STAGE */

.pk-connected-stage {
  position: relative;

  width:
    min(
      100%,
      1050px
    );

  height: 630px;

  margin:
    28px auto 0;
}


.pk-connected-lines {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;
}


.pk-connected-lines line {
  stroke:
    rgba(76,238,220,.30);

  stroke-width: 1.6;

  stroke-dasharray: 8 10;
}



/* CENTRAL HUB */

.pk-connected-core {
  position: absolute;

  z-index: 5;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%,-50%);

  width: 220px;
  height: 220px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background:
    radial-gradient(
      circle at 35% 30%,
      #198bb0,
      #07526c 55%,
      #032f48
    );

  border:
    1px solid rgba(118,248,235,.5);

  box-shadow:
    0 0 0 13px rgba(31,209,205,.07),
    0 0 65px rgba(42,230,195,.23),
    inset 0 0 35px rgba(72,226,236,.20);

  color: #ffffff;
}


.pk-connected-core span {
  font-size: 32px;

  font-weight: 800;

  letter-spacing: .04em;
}


.pk-connected-core small {
  margin-top: 8px;

  color: #8cf0df;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: .19em;
}


.pk-core-ring {
  position: absolute;

  border-radius: 50%;

  border:
    1px solid rgba(84,232,223,.16);

  pointer-events: none;
}


.pk-core-ring-1 {
  inset: -45px;
}


.pk-core-ring-2 {
  inset: -85px;
}



/* TRUST CARDS */

.pk-connected-card {
  position: absolute;

  z-index: 7;

  width: 230px;

  min-height: 135px;

  box-sizing: border-box;

  padding: 22px 20px;

  border-radius: 22px;

  border:
    1px solid rgba(103,239,227,.35);

  background:
    linear-gradient(
      145deg,
      rgba(4,77,102,.92),
      rgba(7,103,108,.74)
    );

  box-shadow:
    0 18px 35px rgba(0,24,37,.20),
    inset 0 1px 0 rgba(255,255,255,.10);

  backdrop-filter:
    blur(12px);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.pk-connected-card:hover {
  transform:
    translateY(-7px);

  box-shadow:
    0 20px 42px rgba(0,30,44,.26),
    0 0 27px rgba(66,236,209,.15);
}


.pk-connected-icon {
  width: 38px;
  height: 38px;

  display: grid;

  place-items: center;

  margin-bottom: 12px;

  border-radius: 11px;

  color: #8af5e3;

  font-size: 19px;

  border:
    1px solid rgba(112,244,226,.25);

  background:
    rgba(27,193,192,.09);
}


.pk-connected-card h3 {
  margin: 0 0 7px;

  color: #ffffff;

  font-size: 13px;

  line-height: 1.25;

  font-weight: 700;
}


.pk-connected-card p {
  margin: 0;

  color:
    rgba(223,248,248,.67);

  font-size: 11px;

  line-height: 1.45;
}


.pk-connected-card-1 {
  top: 0;
  left: calc(50% - 115px);
}


.pk-connected-card-2 {
  right: 2%;
  top: 18%;
}


.pk-connected-card-3 {
  right: 2%;
  bottom: 12%;
}


.pk-connected-card-4 {
  bottom: 0;
  left: calc(50% - 115px);
}


.pk-connected-card-5 {
  left: 2%;
  bottom: 12%;
}


.pk-connected-card-6 {
  left: 2%;
  top: 18%;
}



/* ============================================================
   2. WORLD ADVANTAGE
   ============================================================ */

.pk-world-advantage {
  position: relative;
  overflow: hidden;

  padding: 86px 0 100px;

  background:
    linear-gradient(
      120deg,
      #031e36 0%,
      #063f64 48%,
      #075d70 100%
    );

  color: #ffffff;

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif;
}


.pk-world-bg {
  position: absolute;
  inset: 0;

  background:
    radial-gradient(
      circle at 62% 43%,
      rgba(13,169,226,.18),
      transparent 34%
    ),

    radial-gradient(
      circle at 80% 65%,
      rgba(50,225,177,.08),
      transparent 30%
    );
}


.pk-world-shell {
  position: relative;
  z-index: 2;

  width:
    min(
      1550px,
      calc(100% - 80px)
    );

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    .7fr
    1.3fr;

  gap: 35px;

  align-items: center;
}



/* INTRO */

.pk-world-intro > span {
  color: #56e8dc;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .24em;
}


.pk-world-intro h2 {
  margin: 12px 0 0;

  color: #ffffff;

  font-size:
    clamp(
      42px,
      4vw,
      66px
    );

  line-height: .96;

  font-weight: 700;

  letter-spacing: -.045em;
}


.pk-world-intro h2 strong {
  display: block;

  color: #51e5d2;
}


.pk-world-intro > p {
  max-width: 470px;

  margin: 20px 0 0;

  color:
    rgba(229,248,250,.72);

  font-size: 15px;

  line-height: 1.65;
}


.pk-world-mini-stats {
  display: flex;

  gap: 32px;

  margin-top: 38px;
}


.pk-world-mini-stats div {
  padding-right: 25px;

  border-right:
    1px solid rgba(126,234,226,.18);
}


.pk-world-mini-stats div:last-child {
  border-right: 0;
}


.pk-world-mini-stats strong {
  display: block;

  color: #ffffff;

  font-size: 27px;

  font-weight: 700;
}


.pk-world-mini-stats span {
  display: block;

  margin-top: 4px;

  color:
    rgba(204,242,241,.65);

  font-size: 9px;
}



/* MAP */

.pk-world-map {
  position: relative;

  min-height: 700px;
}


.pk-world-svg {
  position: absolute;

  z-index: 1;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%,-50%);

  width: 72%;
  height: auto;

  overflow: visible;

  filter:
    drop-shadow(
      0 0 25px
      rgba(29,194,230,.20)
    );
}


.pk-world-land {
  fill:
    rgba(25,153,190,.20);

  stroke:
    rgba(101,228,235,.48);

  stroke-width: 2;
}


.pk-world-route {
  fill: none;

  stroke:
    #34e5da;

  stroke-width: 2;

  stroke-dasharray: 8 12;

  filter:
    url(#pkWorldGlow);

  animation:
    pkWorldRouteMove
    9s
    linear
    infinite;
}


.pk-world-route-2 {
  animation-delay: -3s;
}


.pk-world-route-3 {
  animation-delay: -6s;
}


.pk-world-svg circle {
  fill: #83fff0;

  filter:
    url(#pkWorldGlow);
}


@keyframes pkWorldRouteMove {

  from {
    stroke-dashoffset: 250;
  }

  to {
    stroke-dashoffset: -250;
  }

}


.pk-world-parken {
  position: absolute;

  z-index: 4;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%,-50%);

  color: #ffffff;

  font-size: 32px;

  font-weight: 800;

  text-align: center;

  text-shadow:
    0 0 20px
    rgba(55,225,231,.50);
}


.pk-world-parken span {
  display: block;

  margin-top: 5px;

  color: #6cebdc;

  font-size: 9px;

  letter-spacing: .28em;
}



/* ADVANTAGE POINTS */

.pk-world-point {
  position: absolute;

  z-index: 6;

  width: 245px;

  box-sizing: border-box;

  padding: 16px 18px;

  border-radius: 17px;

  border:
    1px solid rgba(88,232,226,.28);

  background:
    linear-gradient(
      145deg,
      rgba(3,58,86,.91),
      rgba(5,86,102,.77)
    );

  box-shadow:
    0 12px 28px rgba(0,20,35,.16);
}


.pk-world-point b {
  display: block;

  margin-bottom: 6px;

  color: #65eddf;

  font-size: 10px;

  letter-spacing: .13em;
}


.pk-world-point p {
  margin: 0;

  color:
    rgba(238,252,252,.82);

  font-size: 11px;

  line-height: 1.45;
}


.pk-world-point-1 {
  top: 5%;
  left: 5%;
}


.pk-world-point-2 {
  top: 24%;
  left: 0;
}


.pk-world-point-3 {
  top: 46%;
  left: 4%;
}


.pk-world-point-4 {
  bottom: 5%;
  left: 14%;
}


.pk-world-point-5 {
  top: 5%;
  right: 3%;
}


.pk-world-point-6 {
  top: 27%;
  right: 0;
}


.pk-world-point-7 {
  top: 51%;
  right: 3%;
}


.pk-world-point-8 {
  bottom: 4%;
  right: 13%;
}



/* ============================================================
   3. CLIENT STORIES CAROUSEL
   ============================================================ */

.pk-client-carousel {
  position: relative;
  overflow: hidden;

  padding: 78px 0 88px;

  background:
    linear-gradient(
      120deg,
      #04314c,
      #075d73 56%,
      #087969
    );

  color: #ffffff;

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif;
}


.pk-client-carousel-bg {
  position: absolute;
  inset: 0;

  background:
    radial-gradient(
      circle at 50% 60%,
      rgba(66,224,213,.15),
      transparent 38%
    );
}


.pk-client-carousel-shell {
  position: relative;

  z-index: 2;

  width:
    min(
      1500px,
      calc(100% - 70px)
    );

  margin: 0 auto;
}


.pk-client-carousel-heading {
  max-width: 720px;
}


.pk-client-carousel-heading > span {
  color: #7df1df;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .24em;
}


.pk-client-carousel-heading h2 {
  margin: 10px 0 0;

  color: #ffffff;

  font-size:
    clamp(
      42px,
      4vw,
      68px
    );

  line-height: .95;

  font-weight: 700;
}


.pk-client-carousel-heading h2 strong {
  color: #61ebd4;
}


.pk-client-carousel-heading p {
  max-width: 620px;

  margin: 18px 0 0;

  color:
    rgba(229,249,249,.72);

  font-size: 14px;

  line-height: 1.6;
}



/* CAROUSEL */

.pk-client-carousel-stage {
  position: relative;

  margin-top: 44px;

  overflow: hidden;
}


.pk-client-track {
  display: flex;

  gap: 28px;

  align-items: center;

  transition:
    transform .55s
    cubic-bezier(.22,.61,.36,1);

  will-change: transform;
}


.pk-client-story {
  flex:
    0 0 52%;

  min-height: 495px;

  overflow: hidden;

  border-radius: 28px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.11),
      rgba(255,255,255,.045)
    );

  border:
    1px solid rgba(135,241,231,.25);

  box-shadow:
    0 24px 55px
    rgba(0,20,32,.20);

  transform:
    scale(.89);

  opacity: .48;

  transition:
    transform .55s ease,
    opacity .55s ease,
    box-shadow .55s ease;
}


.pk-client-story.is-active {
  transform:
    scale(1);

  opacity: 1;

  box-shadow:
    0 27px 60px rgba(0,23,36,.28),
    0 0 30px rgba(83,235,215,.12);
}



/* VISUAL TOP */

.pk-client-story-visual {
  position: relative;

  height: 255px;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #106d8c,
      #0b9a88
    );
}


.pk-client-story-visual::before {
  content: "";

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      135deg,
      transparent,
      rgba(81,237,211,.15)
    ),

    repeating-linear-gradient(
      120deg,
      transparent 0 28px,
      rgba(255,255,255,.025) 28px 29px
    );
}


.pk-client-story-visual span {
  position: absolute;

  left: 22px;
  bottom: 19px;

  z-index: 2;

  padding: 7px 12px;

  border-radius: 999px;

  color: #ffffff;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: .13em;

  background:
    rgba(2,42,61,.55);

  border:
    1px solid rgba(255,255,255,.14);
}



/* COPY */

.pk-client-story-copy {
  position: relative;

  padding: 28px 30px 31px;
}


.pk-client-quote {
  position: absolute;

  left: 27px;
  top: 13px;

  color: #62ead5;

  font-size: 47px;

  line-height: 1;

  font-weight: 700;
}


.pk-client-story-copy p {
  margin: 10px 0 22px;

  padding-left: 27px;

  color:
    rgba(247,254,254,.91);

  font-size: 15px;

  line-height: 1.65;
}


.pk-client-story-copy strong {
  display: block;

  color: #ffffff;

  font-size: 14px;

  font-weight: 700;
}


.pk-client-story-copy small {
  display: block;

  margin-top: 4px;

  color:
    rgba(203,242,240,.66);

  font-size: 10px;
}



/* ARROWS */

.pk-client-arrow {
  position: absolute;

  z-index: 20;

  top: 50%;

  transform:
    translateY(-50%);

  width: 54px;
  height: 54px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  border:
    1px solid rgba(136,245,230,.38);

  background:
    rgba(3,58,78,.83);

  color: #ffffff;

  font-size: 32px;

  cursor: pointer;

  box-shadow:
    0 10px 24px rgba(0,25,38,.24);
}


.pk-client-arrow-left {
  left: 10px;
}


.pk-client-arrow-right {
  right: 10px;
}



/* DOTS */

.pk-client-dots {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  margin-top: 25px;
}


.pk-client-dots button {
  width: 8px;
  height: 8px;

  padding: 0;

  border: 0;

  border-radius: 50%;

  background:
    rgba(255,255,255,.35);

  cursor: pointer;

  transition:
    width .2s ease,
    background .2s ease;
}


.pk-client-dots button.is-active {
  width: 27px;

  border-radius: 999px;

  background: #62ead5;
}



/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1100px) {

  .pk-world-shell {
    grid-template-columns: 1fr;
  }


  .pk-world-map {
    min-height: 760px;
  }


  .pk-client-story {
    flex-basis: 70%;
  }

}


@media (max-width: 720px) {

  .pk-connected-trust,
  .pk-world-advantage,
  .pk-client-carousel {
    padding: 50px 0;
  }


  .pk-connected-trust-shell,
  .pk-world-shell,
  .pk-client-carousel-shell {
    width:
      calc(100% - 30px);
  }


  .pk-connected-stage {
    height: auto;

    display: grid;

    grid-template-columns: 1fr;

    gap: 14px;

    margin-top: 35px;
  }


  .pk-connected-core,
  .pk-connected-lines {
    display: none;
  }


  .pk-connected-card {
    position: relative;

    inset: auto !important;

    width: 100%;
  }


  .pk-world-map {
    min-height: auto;

    display: grid;

    grid-template-columns: 1fr;

    gap: 12px;

    margin-top: 35px;
  }


  .pk-world-svg,
  .pk-world-parken {
    display: none;
  }


  .pk-world-point {
    position: relative;

    inset: auto !important;

    width: 100%;
  }


  .pk-client-story {
    flex-basis: 88%;
  }


  .pk-client-arrow {
    width: 44px;
    height: 44px;
  }

}

/* ============================================================
   OUR ADVANTAGE + SOLUTIONS YOU CAN TRUST
   SIDE BY SIDE — FINAL DESKTOP DESIGN
   ============================================================ */

.pk-advantage-solutions {
  position: relative;

  width: 100%;

  padding: 72px 0 82px;

  overflow: hidden;

  background:
    linear-gradient(
      120deg,
      #031e35 0%,
      #053f5d 48%,
      #086c69 100%
    );

  font-family:
    "IBM Plex Sans",
    Arial,
    sans-serif;
}


/* SUBTLE BACKGROUND GLOW */

.pk-advantage-solutions::before {
  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  background:

    radial-gradient(
      circle at 20% 40%,
      rgba(18, 170, 228, .14),
      transparent 28%
    ),

    radial-gradient(
      circle at 82% 48%,
      rgba(48, 234, 183, .12),
      transparent 30%
    );
}



/* ============================================================
   MAIN SIDE-BY-SIDE LAYOUT
   ============================================================ */

.pk-as-shell {
  position: relative;

  z-index: 2;

  width:
    min(
      1680px,
      calc(100% - 70px)
    );

  margin:
    0 auto;

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 24px;

  align-items: stretch;
}



/* BOTH PANELS SAME SIZE */

.pk-as-panel {
  position: relative;

  min-width: 0;

  min-height: 780px;

  padding: 34px 32px 28px;

  box-sizing: border-box;

  overflow: hidden;

  border:
    1px solid rgba(126, 240, 230, .13);

  border-radius: 30px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.018)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 24px 55px rgba(0,18,31,.14);
}



/* ============================================================
   COMMON HEADINGS
   ============================================================ */

.pk-as-heading {
  position: relative;

  z-index: 20;

  max-width: 590px;
}


.pk-as-kicker {
  display: block;

  margin-bottom: 11px;

  color: #73eadb;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: .24em;
}


.pk-as-heading h2 {
  margin: 0;

  color: #ffffff;

  font-size:
    clamp(
      30px,
      2.5vw,
      46px
    );

  line-height: .96;

  font-weight: 700;

  letter-spacing: -.045em;
}


.pk-as-heading h2 strong {
  display: block;

  margin-top: 4px;

  color: #52e2cf;
}



/* ============================================================
   LEFT — OUR ADVANTAGE MAP
   ============================================================ */

.pk-advantage-map {
  position: relative;

  height: 630px;

  margin-top: 16px;
}



/* MAP */

.pk-advantage-map-svg {
  position: absolute;

  z-index: 1;

  left: 50%;
  top: 51%;

  transform:
    translate(-50%, -50%);

  width: 76%;

  height: auto;

  overflow: visible;

  filter:
    drop-shadow(
      0 0 22px
      rgba(38,204,230,.18)
    );
}


.pk-adv-land {
  fill:
    rgba(29,148,188,.13);

  stroke:
    rgba(85,222,233,.42);

  stroke-width: 1.7;
}


.pk-adv-route {
  fill: none;

  stroke:
    #37e7d7;

  stroke-width: 1.7;

  stroke-dasharray: 7 11;

  filter:
    url(#pkAdvGlow);

  animation:
    pkAdvRouteMove
    9s
    linear
    infinite;
}


.pk-adv-route-2 {
  animation-delay: -3s;
}


.pk-adv-route-3 {
  animation-delay: -6s;
}


.pk-advantage-map-svg circle {
  fill: #7ffff0;

  filter:
    url(#pkAdvGlow);
}


@keyframes pkAdvRouteMove {

  from {
    stroke-dashoffset: 220;
  }

  to {
    stroke-dashoffset: -220;
  }

}



/* PARKEN CENTER */

.pk-adv-map-center {
  position: absolute;

  z-index: 5;

  left: 50%;
  top: 51%;

  transform:
    translate(-50%, -50%);

  text-align: center;

  color: #ffffff;
}


.pk-adv-map-center strong {
  display: block;

  font-size: 27px;

  letter-spacing: .04em;

  text-shadow:
    0 0 20px
    rgba(60,235,225,.48);
}


.pk-adv-map-center span {
  display: block;

  margin-top: 5px;

  color: #72e8d8;

  font-size: 7px;

  letter-spacing: .30em;
}



/* ============================================================
   8 ADVANTAGE CALLOUTS
   ============================================================ */

.pk-adv-callout {
  position: absolute;

  z-index: 8;

  width: 205px;

  min-height: 88px;

  padding: 13px 14px;

  box-sizing: border-box;

  border-radius: 14px;

  border:
    1px solid rgba(88,230,220,.20);

  background:
    linear-gradient(
      145deg,
      rgba(3,62,91,.90),
      rgba(5,91,100,.74)
    );

  box-shadow:
    0 10px 24px rgba(0,22,35,.14);

  backdrop-filter:
    blur(8px);
}


.pk-adv-callout b {
  display: block;

  margin-bottom: 5px;

  color: #69ebdc;

  font-size: 8px;

  letter-spacing: .12em;
}


.pk-adv-callout p {
  margin: 0;

  color:
    rgba(237,252,252,.82);

  font-size: 9px;

  line-height: 1.4;
}



/* LEFT SIDE */

.pk-adv-callout-1 {
  left: 1%;
  top: 5%;
}


.pk-adv-callout-2 {
  left: 0;
  top: 27%;
}


.pk-adv-callout-3 {
  left: 2%;
  top: 50%;
}


.pk-adv-callout-4 {
  left: 9%;
  bottom: 2%;
}



/* RIGHT SIDE */

.pk-adv-callout-5 {
  right: 1%;
  top: 5%;
}


.pk-adv-callout-6 {
  right: 0;
  top: 27%;
}


.pk-adv-callout-7 {
  right: 2%;
  top: 50%;
}


.pk-adv-callout-8 {
  right: 9%;
  bottom: 2%;
}



/* ============================================================
   RIGHT — SOLUTIONS HUB
   ============================================================ */

.pk-solutions-hub {
  position: relative;

  width:
    min(
      100%,
      650px
    );

  height: 630px;

  margin:
    16px auto 0;
}



/* CONNECTIONS */

.pk-solutions-lines {
  position: absolute;

  z-index: 1;

  inset: 0;

  width: 100%;

  height: 100%;
}


.pk-solutions-lines line {
  stroke:
    rgba(88,236,220,.24);

  stroke-width: 1.6;

  stroke-dasharray: 7 10;
}



/* CENTER PARKEN */

.pk-solutions-core {
  position: absolute;

  z-index: 6;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  width: 180px;
  height: 180px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  color: #ffffff;

  text-align: center;

  background:
    radial-gradient(
      circle at 35% 30%,
      #1483a3,
      #07526a 58%,
      #03354c
    );

  border:
    1px solid rgba(128,249,235,.46);

  box-shadow:
    0 0 0 11px rgba(46,213,202,.06),
    0 0 55px rgba(53,228,194,.20),
    inset 0 0 28px rgba(59,225,229,.18);
}


.pk-solutions-core-ring {
  position: absolute;

  inset: -47px;

  border-radius: 50%;

  border:
    1px solid rgba(99,234,222,.13);
}


.pk-solutions-core strong {
  font-size: 28px;

  font-weight: 800;

  letter-spacing: .035em;
}


.pk-solutions-core span {
  margin-top: 7px;

  color: #80ecdc;

  font-size: 8px;

  line-height: 1.35;

  font-weight: 700;

  letter-spacing: .18em;
}



/* ============================================================
   SOLUTION NODES
   ============================================================ */

.pk-solutions-node {
  position: absolute;

  z-index: 8;

  width: 160px;

  min-height: 116px;

  box-sizing: border-box;

  padding: 15px 12px;

  text-align: center;

  border-radius: 18px;

  border:
    1px solid rgba(111,241,227,.30);

  background:
    linear-gradient(
      145deg,
      rgba(4,75,101,.95),
      rgba(6,106,106,.75)
    );

  box-shadow:
    0 13px 30px rgba(0,25,39,.19),
    inset 0 1px 0 rgba(255,255,255,.09);

  backdrop-filter:
    blur(9px);

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}


.pk-solutions-node:hover {
  transform:
    translateY(-5px)
    scale(1.025);

  border-color:
    rgba(121,247,228,.62);

  box-shadow:
    0 16px 36px rgba(0,28,41,.25),
    0 0 22px rgba(71,231,202,.14);
}


.pk-solutions-node-icon {
  display: grid;

  place-items: center;

  width: 34px;
  height: 34px;

  margin:
    0 auto 9px;

  border-radius: 50%;

  color: #80f3e0;

  font-size: 17px;

  border:
    1px solid rgba(126,245,227,.22);

  background:
    rgba(45,201,197,.08);
}


.pk-solutions-node h3 {
  margin:
    0 0 5px;

  color: #ffffff;

  font-size: 10px;

  line-height: 1.25;

  font-weight: 700;
}


.pk-solutions-node p {
  margin: 0;

  color:
    rgba(218,246,245,.65);

  font-size: 8px;

  line-height: 1.35;
}



/* POSITIONS */

.pk-solutions-node-1 {
  top: 0;

  left:
    calc(
      50% - 80px
    );
}


.pk-solutions-node-2 {
  top: 19%;

  right: 0;
}


.pk-solutions-node-3 {
  right: 0;

  bottom: 14%;
}


.pk-solutions-node-4 {
  bottom: 0;

  left:
    calc(
      50% - 80px
    );
}


.pk-solutions-node-5 {
  left: 0;

  bottom: 14%;
}


.pk-solutions-node-6 {
  left: 0;

  top: 19%;
}



/* ============================================================
   LARGE LAPTOP
   ============================================================ */

@media (max-width: 1350px) {

  .pk-as-shell {
    width:
      calc(100% - 40px);

    gap: 18px;
  }


  .pk-as-panel {
    min-height: 730px;

    padding:
      30px 24px 24px;
  }


  .pk-advantage-map,
  .pk-solutions-hub {
    height: 590px;
  }


  .pk-adv-callout {
    width: 180px;
  }


  .pk-solutions-node {
    width: 145px;
  }

}



/* ============================================================
   TABLET — STACK ONLY WHEN SCREEN BECOMES TOO SMALL
   ============================================================ */

@media (max-width: 1000px) {

  .pk-as-shell {
    grid-template-columns: 1fr;
  }


  .pk-as-panel {
    min-height: 760px;
  }


  .pk-advantage-map,
  .pk-solutions-hub {
    height: 620px;
  }

}



/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 680px) {

  .pk-advantage-solutions {
    padding:
      45px 0;
  }


  .pk-as-shell {
    width:
      calc(100% - 28px);
  }


  .pk-as-panel {
    min-height: auto;

    padding:
      26px 20px;

    border-radius: 23px;
  }


  .pk-as-heading h2 {
    font-size: 35px;
  }


  /*
    MOBILE:
    MAP/CENTRE GRAPHICS REMOVED
    BUT ALL WORDING REMAINS
  */

  .pk-advantage-map {
    height: auto;

    margin-top: 26px;

    display: grid;

    grid-template-columns: 1fr;

    gap: 10px;
  }


  .pk-advantage-map-svg,
  .pk-adv-map-center {
    display: none;
  }


  .pk-adv-callout {
    position: relative;

    inset: auto !important;

    width: 100%;

    min-height: auto;
  }



  .pk-solutions-hub {
    height: auto;

    margin-top: 28px;

    display: grid;

    grid-template-columns:
      1fr 1fr;

    gap: 12px;
  }


  .pk-solutions-lines,
  .pk-solutions-core {
    display: none;
  }


  .pk-solutions-node {
    position: relative;

    inset: auto !important;

    width: 100%;

    min-height: 125px;
  }

}

/* ============================================================
   FOUR STRENGTHS — REMOVE BACKGROUND IMAGE
   KEEP CARDS / WORDING / STATS
   ============================================================ */

.pk-strengths-v18 {
  background:
    linear-gradient(
      180deg,
      #eefbff 0%,
      #e8f8fb 52%,
      #edf9f5 100%
    ) !important;
}


/* REMOVE CITY / SCENERY BACKGROUND */

.pk-strengths-v18::before,
.pk-strengths-v18::after,
.pk-s18-city,
.pk-s18-aura,
.pk-s18-ribbon {
  display: none !important;
}


/* KEEP VERY SOFT SPARKLES ONLY */

.pk-s18-sparkles {
  display: block !important;
  opacity: .20 !important;
}

/* ============================================================
   PARKEN MOVING PRODUCT VIDEO BAR
   FIX GAP + CLICK PREVIEW
   ============================================================ */

.parken-video-strip {
  position: relative !important;

  width: 100% !important;

  height: 112px !important;

  padding: 10px 0 !important;

  box-sizing: border-box !important;

  overflow: hidden !important;

  background:
    linear-gradient(
      90deg,
      #053d56 0%,
      #075a72 50%,
      #08736f 100%
    ) !important;

  border-top:
    1px solid rgba(255,255,255,.13) !important;

  border-bottom:
    1px solid rgba(255,255,255,.13) !important;
}



/* EDGE FADES */

.parken-video-strip::before,
.parken-video-strip::after {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  bottom: 0 !important;

  z-index: 8 !important;

  width: 48px !important;

  pointer-events: none !important;
}


.parken-video-strip::before {
  left: 0 !important;

  background:
    linear-gradient(
      90deg,
      #053d56,
      transparent
    ) !important;
}


.parken-video-strip::after {
  right: 0 !important;

  background:
    linear-gradient(
      270deg,
      #08736f,
      transparent
    ) !important;
}



/* ============================================================
   TRACK
   IMPORTANT: NO GAP BETWEEN GROUP 1 AND GROUP 2
   ============================================================ */

.parken-video-strip-track {
  display: flex !important;

  align-items: center !important;

  width: max-content !important;

  height: 92px !important;

  margin: 0 !important;

  padding: 0 !important;

  gap: 0 !important;

  animation:
    parkenVideoStripMove
    42s
    linear
    infinite !important;

  will-change: transform !important;
}


.parken-video-strip-group {
  display: flex !important;

  align-items: center !important;

  flex-shrink: 0 !important;

  height: 92px !important;

  margin: 0 !important;

  padding: 0 !important;

  gap: 0 !important;
}



/* EACH VIDEO */

.parken-video-strip-group video {
  display: block !important;

  flex:
    0 0 170px !important;

  width:
    170px !important;

  height:
    88px !important;

  margin:
    0 10px 0 0 !important;

  padding:
    0 !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  border:
    1px solid rgba(211,250,248,.30) !important;

  border-radius:
    10px !important;

  background:
    #052f43 !important;

  box-shadow:
    0 5px 13px
    rgba(0,24,37,.25) !important;

  cursor:
    pointer !important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease !important;
}


.parken-video-strip-group video:hover {
  transform:
    translateY(-2px)
    scale(1.035) !important;

  border-color:
    rgba(100,241,220,.72) !important;

  box-shadow:
    0 7px 19px
    rgba(0,30,43,.34),

    0 0 17px
    rgba(67,232,206,.14) !important;
}



/* PAUSE BAR WHEN HOVERING */

.parken-video-strip:hover
.parken-video-strip-track {
  animation-play-state:
    paused !important;
}



/* SEAMLESS */

@keyframes parkenVideoStripMove {

  from {
    transform:
      translateX(0);
  }

  to {
    transform:
      translateX(-50%);
  }

}



/* ============================================================
   CLICKED PRODUCT — LARGE TOP RIGHT PREVIEW
   ============================================================ */

.parken-product-preview {
  position:
    fixed !important;

  z-index:
    9997 !important;

  top:
    105px !important;

  right:
    26px !important;

  width:
    390px !important;

  height:
    255px !important;

  box-sizing:
    border-box !important;

  padding:
    10px !important;

  overflow:
    hidden !important;

  border:
    1px solid
    rgba(113,242,226,.43) !important;

  border-radius:
    18px !important;

  background:
    linear-gradient(
      145deg,
      rgba(3,47,66,.97),
      rgba(5,87,91,.95)
    ) !important;

  box-shadow:
    0 22px 55px
    rgba(0,20,31,.35),

    0 0 28px
    rgba(63,231,205,.15) !important;

  backdrop-filter:
    blur(16px) !important;

  -webkit-backdrop-filter:
    blur(16px) !important;

  opacity:
    0 !important;

  visibility:
    hidden !important;

  pointer-events:
    none !important;

  transform:
    translateY(-12px)
    scale(.96) !important;

  transition:
    opacity .24s ease,
    visibility .24s ease,
    transform .24s ease !important;
}



/* OPEN */

.parken-product-preview.is-open {
  opacity:
    1 !important;

  visibility:
    visible !important;

  pointer-events:
    auto !important;

  transform:
    translateY(0)
    scale(1) !important;
}



/* TOP SMALL LABEL */

.parken-product-preview-top {
  position:
    absolute !important;

  z-index:
    5 !important;

  top:
    18px !important;

  left:
    20px !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  pointer-events:
    none !important;
}


.parken-product-preview-top span {
  color:
    #ffffff !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    11px !important;

  font-weight:
    800 !important;

  letter-spacing:
    .12em !important;
}


.parken-product-preview-top small {
  margin-top:
    3px !important;

  color:
    #70ead8 !important;

  font-size:
    7px !important;

  font-weight:
    700 !important;

  letter-spacing:
    .18em !important;
}



/* LARGE VIDEO */

.parken-product-preview video {
  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  border-radius:
    12px !important;

  background:
    #052f43 !important;
}



/* DARK TOP GRADIENT */

.parken-product-preview::after {
  content:
    "" !important;

  position:
    absolute !important;

  z-index:
    3 !important;

  top:
    10px !important;

  left:
    10px !important;

  right:
    10px !important;

  height:
    72px !important;

  border-radius:
    12px 12px 0 0 !important;

  pointer-events:
    none !important;

  background:
    linear-gradient(
      180deg,
      rgba(1,30,43,.75),
      transparent
    ) !important;
}



/* CLOSE BUTTON */

.parken-product-preview-close {
  position:
    absolute !important;

  z-index:
    20 !important;

  top:
    17px !important;

  right:
    17px !important;

  width:
    30px !important;

  height:
    30px !important;

  display:
    grid !important;

  place-items:
    center !important;

  padding:
    0 !important;

  border:
    1px solid rgba(255,255,255,.24) !important;

  border-radius:
    50% !important;

  background:
    rgba(2,39,53,.72) !important;

  color:
    #ffffff !important;

  font-size:
    21px !important;

  line-height:
    1 !important;

  cursor:
    pointer !important;
}



/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

  .parken-video-strip {
    height:
      94px !important;

    padding:
      8px 0 !important;
  }


  .parken-video-strip-track,
  .parken-video-strip-group {
    height:
      78px !important;
  }


  .parken-video-strip-group video {
    width:
      145px !important;

    height:
      74px !important;

    flex-basis:
      145px !important;

    margin-right:
      8px !important;
  }


  .parken-product-preview {
    top:
      88px !important;

    left:
      14px !important;

    right:
      14px !important;

    width:
      auto !important;

    height:
      225px !important;
  }

}

/* ============================================================
   PARKEN PRODUCT VIDEO POPUP
   CLICK MOVING BAR VIDEO → LARGE TOP-RIGHT PREVIEW
   ============================================================ */

#pk-product-popup {
  position: fixed !important;

  inset: 0 !important;

  z-index: 999999 !important;

  pointer-events: none !important;

  visibility: hidden !important;

  opacity: 0 !important;

  transition:
    opacity .25s ease,
    visibility .25s ease !important;
}


/* OPEN */

#pk-product-popup.is-open {
  visibility: visible !important;

  opacity: 1 !important;

  pointer-events: auto !important;
}



/* ============================================================
   POPUP CARD — TOP RIGHT
   ============================================================ */

#pk-product-popup .pk-product-popup-card {
  position: absolute !important;

  top: 115px !important;

  right: 28px !important;

  width: 430px !important;

  height: 280px !important;

  box-sizing: border-box !important;

  padding: 10px !important;

  overflow: hidden !important;

  border-radius: 20px !important;

  border:
    1px solid rgba(95, 241, 222, .55) !important;

  background:
    linear-gradient(
      145deg,
      rgba(2, 43, 62, .98),
      rgba(5, 92, 91, .97)
    ) !important;

  box-shadow:
    0 25px 65px rgba(0, 20, 32, .42),
    0 0 28px rgba(58, 229, 203, .16) !important;

  transform:
    translateY(-15px)
    scale(.96) !important;

  transition:
    transform .25s ease !important;

  pointer-events: auto !important;
}


#pk-product-popup.is-open
.pk-product-popup-card {
  transform:
    translateY(0)
    scale(1) !important;
}



/* ============================================================
   VIDEO
   ============================================================ */

#pk-product-popup-video {
  position: relative !important;

  z-index: 1 !important;

  display: block !important;

  width: 100% !important;

  height: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  object-fit: cover !important;

  object-position: center !important;

  border-radius: 13px !important;

  background: #062f42 !important;

  visibility: visible !important;

  opacity: 1 !important;
}



/* ============================================================
   DARK TOP SHADE
   ============================================================ */

#pk-product-popup .pk-product-popup-card::after {
  content: "" !important;

  position: absolute !important;

  z-index: 2 !important;

  top: 10px !important;

  left: 10px !important;

  right: 10px !important;

  height: 75px !important;

  pointer-events: none !important;

  border-radius:
    13px 13px 0 0 !important;

  background:
    linear-gradient(
      180deg,
      rgba(1, 27, 40, .74),
      transparent
    ) !important;
}



/* ============================================================
   PARKEN LABEL
   ============================================================ */

.pk-product-popup-label {
  position: absolute !important;

  z-index: 5 !important;

  top: 23px !important;

  left: 24px !important;

  display: flex !important;

  flex-direction: column !important;

  pointer-events: none !important;
}


.pk-product-popup-label span {
  color: #ffffff !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 12px !important;

  font-weight: 800 !important;

  letter-spacing: .11em !important;
}


.pk-product-popup-label small {
  margin-top: 3px !important;

  color: #71eedb !important;

  font-size: 7px !important;

  font-weight: 700 !important;

  letter-spacing: .18em !important;
}



/* ============================================================
   CLOSE BUTTON
   ============================================================ */

#pk-product-popup-close {
  position: absolute !important;

  z-index: 20 !important;

  top: 20px !important;

  right: 20px !important;

  width: 34px !important;

  height: 34px !important;

  display: grid !important;

  place-items: center !important;

  padding: 0 !important;

  border:
    1px solid rgba(255,255,255,.25) !important;

  border-radius: 50% !important;

  background:
    rgba(1, 31, 44, .77) !important;

  color: #ffffff !important;

  font-size: 23px !important;

  line-height: 1 !important;

  cursor: pointer !important;
}


#pk-product-popup-close:hover {
  background:
    #0b8f91 !important;
}



/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

  #pk-product-popup .pk-product-popup-card {
    top: 90px !important;

    left: 14px !important;

    right: 14px !important;

    width: auto !important;

    height: 230px !important;
  }

}

/* ============================================================
   CLICKED MOVING-BAR PRODUCT — TOP RIGHT PREVIEW
   ============================================================ */

#parken-click-preview {
  position: fixed !important;

  inset: 0 !important;

  z-index: 2147483000 !important;

  visibility: hidden !important;

  opacity: 0 !important;

  pointer-events: none !important;

  transition:
    opacity .25s ease,
    visibility .25s ease !important;
}


#parken-click-preview.is-open {
  visibility: visible !important;

  opacity: 1 !important;

  pointer-events: none !important;
}


/* ============================================================
   ACTUAL PREVIEW
   ============================================================ */

#parken-click-preview
.parken-click-preview-card {
  position: fixed !important;

  top: 110px !important;

  right: 28px !important;

  width: 440px !important;

  height: 285px !important;

  z-index: 2147483001 !important;

  padding: 9px !important;

  box-sizing: border-box !important;

  overflow: hidden !important;

  pointer-events: auto !important;

  border:
    1px solid rgba(91, 242, 222, .68) !important;

  border-radius: 20px !important;

  background:
    #052f43 !important;

  box-shadow:
    0 24px 65px rgba(0,20,31,.48),
    0 0 30px rgba(56,232,204,.20) !important;

  transform:
    translateY(-15px)
    scale(.95) !important;

  transition:
    transform .25s ease !important;
}


#parken-click-preview.is-open
.parken-click-preview-card {
  transform:
    translateY(0)
    scale(1) !important;
}


/* VIDEO */

#parken-click-preview-video {
  position: relative !important;

  z-index: 1 !important;

  display: block !important;

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;

  object-position: center !important;

  border-radius: 13px !important;

  background: #062e41 !important;

  opacity: 1 !important;

  visibility: visible !important;
}


/* DARK TOP FADE */

.parken-click-preview-card::after {
  content: "" !important;

  position: absolute !important;

  z-index: 2 !important;

  top: 9px !important;

  left: 9px !important;

  right: 9px !important;

  height: 72px !important;

  border-radius:
    13px 13px 0 0 !important;

  pointer-events: none !important;

  background:
    linear-gradient(
      180deg,
      rgba(1,25,38,.78),
      transparent
    ) !important;
}


/* LABEL */

.parken-click-preview-label {
  position: absolute !important;

  z-index: 5 !important;

  top: 22px !important;

  left: 23px !important;

  pointer-events: none !important;
}


.parken-click-preview-label strong {
  display: block !important;

  color: #ffffff !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 12px !important;

  font-weight: 800 !important;

  letter-spacing: .12em !important;
}


.parken-click-preview-label span {
  display: block !important;

  margin-top: 3px !important;

  color: #6ef0db !important;

  font-size: 7px !important;

  font-weight: 700 !important;

  letter-spacing: .17em !important;
}


/* CLOSE */

#parken-click-preview-close {
  position: absolute !important;

  z-index: 20 !important;

  top: 18px !important;

  right: 18px !important;

  width: 34px !important;

  height: 34px !important;

  display: grid !important;

  place-items: center !important;

  padding: 0 !important;

  border:
    1px solid rgba(255,255,255,.28) !important;

  border-radius: 50% !important;

  background:
    rgba(1,32,45,.82) !important;

  color: #ffffff !important;

  font-size: 23px !important;

  cursor: pointer !important;
}


#parken-click-preview-close:hover {
  background:
    #0b9594 !important;
}


/* MAKE SURE MOVING VIDEOS ARE CLICKABLE */

.parken-video-strip video {
  pointer-events: auto !important;

  cursor: pointer !important;
}


/* MOBILE */

@media (max-width: 700px) {

  #parken-click-preview
  .parken-click-preview-card {
    top: 88px !important;

    left: 14px !important;

    right: 14px !important;

    width: auto !important;

    height: 230px !important;
  }

}

/* ============================================================
   PARKEN MOVING PRODUCT
   LIFT-OUT PREVIEW
   ============================================================ */


/* ORIGINAL PRODUCT SLOT REMAINS EMPTY */

.pk-product-is-lifted {
  visibility: hidden !important;

  opacity: 0 !important;

  pointer-events: none !important;
}



/* ============================================================
   FLOATING PRODUCT
   ============================================================ */

.pk-product-lift-preview {
  position: fixed !important;

  z-index: 999999 !important;

  box-sizing: border-box !important;

  padding: 7px !important;

  overflow: hidden !important;

  cursor: pointer !important;

  border: none !important;

  border-radius: 18px !important;


  background:
    rgba(
      4,
      49,
      67,
      .90
    ) !important;


  backdrop-filter:
    blur(18px)
    saturate(130%)
    !important;


  -webkit-backdrop-filter:
    blur(18px)
    saturate(130%)
    !important;


  box-shadow:

    0 22px 55px
    rgba(
      0,
      20,
      34,
      .38
    ),

    0 0 24px
    rgba(
      54,
      226,
      205,
      .10
    )

    !important;



  /*
    BEGIN AT THE ORIGINAL
    MOVING-BAR POSITION
  */

  transform:

    translate(
      var(
        --pk-start-x,
        0px
      ),

      var(
        --pk-start-y,
        0px
      )
    )

    scale(.48)

    !important;


  opacity:
    0 !important;


  transform-origin:
    center center !important;


  transition:

    transform .32s
    cubic-bezier(
      .22,
      .82,
      .31,
      1
    ),

    opacity .22s ease

    !important;

}



/* FULL LIFTED POSITION */

.pk-product-lift-preview.is-visible {

  transform:
    translate(
      0,
      0
    )
    scale(1)
    !important;


  opacity:
    1 !important;

}



/* RETURN ANIMATION */

.pk-product-lift-preview.is-returning {

  transform:

    translate(
      var(
        --pk-start-x,
        0px
      ),

      var(
        --pk-start-y,
        0px
      )
    )

    scale(.48)

    !important;


  opacity:
    0 !important;

}



/* PRODUCT VIDEO */

.pk-product-lift-preview video {

  display:
    block !important;


  width:
    100% !important;


  height:
    100% !important;


  object-fit:
    cover !important;


  object-position:
    center !important;


  border-radius:
    12px !important;


  pointer-events:
    none !important;

}



/* SMALL HOVER FEEDBACK */

.pk-product-lift-preview:hover {

  box-shadow:

    0 25px 60px
    rgba(
      0,
      20,
      34,
      .45
    ),

    0 0 30px
    rgba(
      63,
      235,
      207,
      .16
    )

    !important;

}

/* ============================================================
   MOVING PRODUCT BAR
   TRANSPARENT HEADER-STYLE GLASS
   ============================================================ */

.parken-video-strip,
#pk-product-reel,
.pk21-reel {

  border:
    none !important;


  border-top:
    none !important;


  border-bottom:
    none !important;


  outline:
    none !important;


  box-shadow:
    none !important;


  background:

    linear-gradient(

      90deg,

      rgba(
        3,
        44,
        63,
        .82
      )
      0%,

      rgba(
        5,
        72,
        83,
        .78
      )
      52%,

      rgba(
        5,
        87,
        79,
        .76
      )
      100%

    )

    !important;


  backdrop-filter:
    blur(16px)
    saturate(125%)
    !important;


  -webkit-backdrop-filter:
    blur(16px)
    saturate(125%)
    !important;

}



/* REMOVE ANY OLD BAR EDGE FADES / BORDERS */

.parken-video-strip::before,
.parken-video-strip::after {

  border:
    0 !important;

}



/* INDIVIDUAL SMALL PRODUCTS
   CLEAN — NO BIG BORDER */

.parken-video-strip video,
.pk-reel-card,
.pk21-card {

  border:
    none !important;


  outline:
    none !important;


  box-shadow:
    none !important;


  background:
    transparent !important;

}



/* VERY SMALL HOVER RESPONSE ONLY */

.parken-video-strip video:hover,
.pk-reel-card:hover,
.pk21-card:hover {

  transform:
    translateY(-2px)
    scale(1.025)
    !important;


  box-shadow:

    0 8px 18px
    rgba(
      0,
      22,
      34,
      .20
    )

    !important;

}

/* ============================================================
   PARKEN MOVING PRODUCT BAR - FINAL CLEAN VERSION
   ============================================================ */

.parken-reel-wrap {
  position: relative;
  width: 100%;
  padding: 16px 0 10px;
  overflow: visible;
  background: transparent;
}

/* =========================
   POPUP ABOVE THE BAR
   ========================= */

.parken-click-preview {
  position: absolute;
  top: -210px;
  right: 20px;
  width: 320px;
  max-width: 28vw;
  opacity: 0;
  visibility: hidden;
  transform: translateY(14px) scale(0.96);
  transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease;
  z-index: 50;
  pointer-events: none;
}

.parken-click-preview.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.parken-click-preview-video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  border-radius: 18px;
  background: #000;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

.parken-click-preview-close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 50%;
  background: #ffffff;
  color: #083a52;
  font-size: 22px;
  font-weight: 700;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

/* =========================
   MOVING BAR
   ========================= */

.parken-video-strip {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0;
}

.parken-video-strip::before,
.parken-video-strip::after {
  display: none !important;
  content: none !important;
}

.parken-video-track {
  display: flex;
  align-items: center;
  gap: 14px;
  width: max-content;
  will-change: transform;
  animation: parkenSeamlessLoop 34s linear infinite;
}

.parken-video-strip:hover .parken-video-track {
  animation-play-state: paused;
}

.parken-video-group {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
}

.parken-video-item {
  flex: 0 0 auto;
  width: 210px;
  height: 108px;
  border-radius: 14px;
  overflow: hidden;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
  position: relative;
}

.parken-video-item video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 14px;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* no green frame */
.parken-video-item::before,
.parken-video-item::after {
  display: none !important;
  content: none !important;
}

/* lifted clicked card */
.parken-video-item.is-active {
  opacity: 0.18;
}

/* seamless animation distance from JS */
@keyframes parkenSeamlessLoop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-1 * var(--parken-loop-distance, 1000px)));
  }
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1200px) {
  .parken-click-preview {
    width: 290px;
    top: -195px;
    right: 12px;
  }

  .parken-video-item {
    width: 190px;
    height: 100px;
  }
}

@media (max-width: 768px) {
  .parken-click-preview {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 14px;
  }

  .parken-video-item {
    width: 170px;
    height: 92px;
  }
}

/* ============================================================
   PARKEN PRODUCT REEL — FINAL VISUAL FIX
   NO BAR / NO BORDER / TRANSPARENT
   ============================================================ */


/* MAIN WRAPPER */

.parken-reel-wrap {
  position: relative !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 8px 0 !important;

  overflow: visible !important;

  background: transparent !important;

  border: none !important;

  outline: none !important;

  box-shadow: none !important;
}



/* ============================================================
   REMOVE THE CYAN / GREEN BAR COMPLETELY
   ============================================================ */

.parken-video-strip {
  position: relative !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  overflow: hidden !important;

  background: transparent !important;

  background-image: none !important;

  border: none !important;

  border-top: none !important;

  border-bottom: none !important;

  outline: none !important;

  box-shadow: none !important;

  backdrop-filter: none !important;

  -webkit-backdrop-filter: none !important;
}


.parken-video-strip::before,
.parken-video-strip::after {
  content: none !important;

  display: none !important;

  background: none !important;

  border: none !important;
}



/* ============================================================
   MOVING TRACK
   ============================================================ */

.parken-video-track {
  display: flex !important;

  align-items: center !important;

  width: max-content !important;

  margin: 0 !important;

  padding: 0 !important;

  gap: 12px !important;

  background: transparent !important;

  border: none !important;

  box-shadow: none !important;

  will-change: transform !important;

  animation:
    parkenSeamlessLoop
    34s
    linear
    infinite !important;
}



/* GROUPS CREATED BY JS */

.parken-video-group {
  display: flex !important;

  align-items: center !important;

  flex: 0 0 auto !important;

  margin: 0 !important;

  padding: 0 !important;

  gap: 12px !important;

  background: transparent !important;
}



/* ============================================================
   INDIVIDUAL VIDEO
   ============================================================ */

.parken-video-item {
  position: relative !important;

  flex: 0 0 205px !important;

  width: 205px !important;

  height: 108px !important;

  margin: 0 !important;

  padding: 0 !important;

  overflow: hidden !important;

  border: none !important;

  outline: none !important;

  box-shadow: none !important;

  background: transparent !important;

  border-radius: 13px !important;

  cursor: pointer !important;
}


.parken-video-item::before,
.parken-video-item::after {
  content: none !important;

  display: none !important;
}


.parken-video-item video {
  display: block !important;

  width: 100% !important;

  height: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  object-fit: cover !important;

  border: none !important;

  outline: none !important;

  box-shadow: none !important;

  background: transparent !important;

  border-radius: 13px !important;
}



/* NO GREEN / CYAN HOVER BORDER */

.parken-video-item:hover,
.parken-video-item:hover video {
  border: none !important;

  outline: none !important;

  box-shadow: none !important;
}



/* ONLY SMALL NATURAL HOVER */

.parken-video-item:hover {
  transform: translateY(-2px) scale(1.02) !important;
}



/* ============================================================
   CLICKED ORIGINAL SLOT
   KEEP SPACE EMPTY WHILE PRODUCT IS ABOVE
   ============================================================ */

.parken-video-item.is-active {
  visibility: hidden !important;

  opacity: 0 !important;
}



/* ============================================================
   POPUP
   IMPORTANT:
   ABSOLUTE — NOT FIXED
   SO IT STAYS WITH THE PRODUCT BAR
   ============================================================ */

.parken-click-preview {
  position: absolute !important;

  z-index: 100 !important;

  width: 285px !important;

  height: 160px !important;

  margin: 0 !important;

  padding: 5px !important;

  visibility: hidden !important;

  opacity: 0 !important;

  pointer-events: none !important;

  overflow: hidden !important;

  border: none !important;

  outline: none !important;

  border-radius: 15px !important;

  background:
    rgba(3, 30, 43, .92) !important;

  box-shadow:
    0 18px 40px rgba(0, 18, 30, .38) !important;

  transform:
    translateY(10px)
    scale(.94) !important;

  transition:
    opacity .22s ease,
    transform .26s ease,
    visibility .22s ease !important;
}



/* OPEN */

.parken-click-preview.is-open {
  visibility: visible !important;

  opacity: 1 !important;

  pointer-events: auto !important;

  transform:
    translateY(0)
    scale(1) !important;
}



/* PREVIEW VIDEO */

.parken-click-preview-video {
  display: block !important;

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;

  border: none !important;

  outline: none !important;

  border-radius: 11px !important;

  background: #031e2b !important;

  cursor: pointer !important;
}



/* CLOSE X */

.parken-click-preview-close {
  position: absolute !important;

  z-index: 5 !important;

  top: 9px !important;

  right: 9px !important;

  width: 27px !important;

  height: 27px !important;

  padding: 0 !important;

  display: grid !important;

  place-items: center !important;

  border: none !important;

  border-radius: 50% !important;

  background:
    rgba(2, 29, 42, .80) !important;

  color: white !important;

  font-size: 18px !important;

  cursor: pointer !important;
}

/* ============================================================
   PRODUCT AUTO RETURN ANIMATION
   ============================================================ */

.parken-click-preview.is-returning {

  opacity:
    0 !important;

  transform:
    translateY(45px)
    scale(.62)
    !important;

  transition:
    opacity .28s ease,
    transform .28s
    cubic-bezier(
      .55,
      .05,
      .67,
      .19
    )
    !important;

}

/* ============================================================
   PARKEN REEL — FORCE FINAL VISUAL OVERRIDE
   ONLY VIDEOS OVER HERO / NO BAR / NO BORDER
   ============================================================ */


/* ------------------------------------------------------------
   REEL WRAPPER
   Pull the reel upward onto the HERO background.
   The wrapper itself has ZERO visible background.
   ------------------------------------------------------------ */

.parken-reel-wrap {
  position: relative !important;

  z-index: 40 !important;

  width: 100% !important;

  height: 118px !important;

  margin:
    -118px 0 0 0 !important;

  padding:
    7px 0 3px !important;

  box-sizing:
    border-box !important;

  overflow:
    visible !important;

  background:
    transparent !important;

  background-color:
    transparent !important;

  background-image:
    none !important;

  border:
    0 !important;

  outline:
    0 !important;

  box-shadow:
    none !important;

  backdrop-filter:
    none !important;

  -webkit-backdrop-filter:
    none !important;
}



/* ------------------------------------------------------------
   REMOVE OLD CYAN / GREEN STRIP
   ------------------------------------------------------------ */

.parken-video-strip {
  position:
    relative !important;

  z-index:
    1 !important;

  width:
    100% !important;

  height:
    108px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    hidden !important;

  background:
    transparent !important;

  background-color:
    transparent !important;

  background-image:
    none !important;

  border:
    0 !important;

  border-top:
    0 !important;

  border-bottom:
    0 !important;

  outline:
    0 !important;

  box-shadow:
    none !important;

  backdrop-filter:
    none !important;

  -webkit-backdrop-filter:
    none !important;
}



/* KILL OLD LEFT / RIGHT COLOURED FADES */

.parken-video-strip::before,
.parken-video-strip::after {
  content:
    none !important;

  display:
    none !important;

  width:
    0 !important;

  background:
    none !important;

  border:
    0 !important;

  box-shadow:
    none !important;
}



/* ------------------------------------------------------------
   ALL POSSIBLE TRACK/GROUP VERSIONS
   ------------------------------------------------------------ */

.parken-video-track,
.parken-video-strip-track,
.parken-video-group,
.parken-video-strip-group {
  background:
    transparent !important;

  background-color:
    transparent !important;

  background-image:
    none !important;

  border:
    0 !important;

  outline:
    0 !important;

  box-shadow:
    none !important;
}


.parken-video-track,
.parken-video-strip-track {
  overflow:
    visible !important;

  will-change:
    transform !important;
}



/* ------------------------------------------------------------
   INDIVIDUAL PRODUCTS
   ONLY VIDEO — NOTHING AROUND IT
   ------------------------------------------------------------ */

.parken-video-item {
  flex:
    0 0 202px !important;

  width:
    202px !important;

  height:
    104px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    hidden !important;

  background:
    transparent !important;

  background-color:
    transparent !important;

  background-image:
    none !important;

  border:
    0 !important;

  outline:
    0 !important;

  box-shadow:
    none !important;

  border-radius:
    12px !important;

  cursor:
    pointer !important;

  transition:
    transform .20s ease,
    opacity .20s ease !important;
}


.parken-video-item::before,
.parken-video-item::after {
  content:
    none !important;

  display:
    none !important;
}


.parken-video-item video {
  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  background:
    transparent !important;

  border:
    0 !important;

  outline:
    0 !important;

  box-shadow:
    none !important;

  border-radius:
    12px !important;
}



/* NO GREEN BORDER ON HOVER */

.parken-video-item:hover,
.parken-video-item:hover video {
  border:
    0 !important;

  outline:
    0 !important;

  box-shadow:
    none !important;
}


.parken-video-item:hover {
  transform:
    translateY(-2px)
    scale(1.018) !important;
}



/* ORIGINAL SLOT BECOMES EMPTY WHILE LIFTED */

.parken-video-item.pk-force-empty {
  visibility:
    hidden !important;

  opacity:
    0 !important;

  pointer-events:
    none !important;
}



/* ============================================================
   HIDE ALL OLDER POPUP DESIGNS
   ============================================================ */

#parken-product-preview,
#parken-click-preview,
#pk-product-popup,
#parken-force-preview,
#parken-product-preview-clean {
  display:
    none !important;
}



/* ============================================================
   NEW FORCE LIFT PREVIEW
   THIS IS ANCHORED TO THE REEL — NOT THE SCREEN
   ============================================================ */

#pk-force-lift-preview {
  position:
    absolute !important;

  z-index:
    500 !important;

  width:
    270px !important;

  height:
    152px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    hidden !important;

  visibility:
    hidden !important;

  opacity:
    0 !important;

  pointer-events:
    none !important;

  background:
    transparent !important;

  border:
    0 !important;

  outline:
    0 !important;

  box-shadow:
    0 17px 38px
    rgba(0,20,31,.34) !important;

  border-radius:
    14px !important;

  transform:

    translate(
      var(--pk-return-x, 0px),
      var(--pk-return-y, 55px)
    )

    scale(.68)

    !important;

  transform-origin:
    center center !important;

  transition:

    transform .30s
    cubic-bezier(.22,.78,.30,1),

    opacity .22s ease,

    visibility .22s ease

    !important;
}



/* POPPED UP */

#pk-force-lift-preview.pk-is-up {
  visibility:
    visible !important;

  opacity:
    1 !important;

  pointer-events:
    auto !important;

  transform:
    translate(0,0)
    scale(1)
    !important;
}



/* AUTOMATIC DROP BACK */

#pk-force-lift-preview.pk-is-returning {
  visibility:
    visible !important;

  opacity:
    0 !important;

  transform:

    translate(
      var(--pk-return-x, 0px),
      var(--pk-return-y, 55px)
    )

    scale(.68)

    !important;
}



/* LARGE VIDEO ITSELF */

#pk-force-lift-preview video {
  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  border:
    0 !important;

  outline:
    0 !important;

  box-shadow:
    none !important;

  border-radius:
    14px !important;

  background:
    transparent !important;

  cursor:
    pointer !important;
}



/* MOBILE */

@media (max-width: 700px) {

  .parken-reel-wrap {
    height:
      95px !important;

    margin-top:
      -95px !important;
  }


  .parken-video-strip {
    height:
      88px !important;
  }


  .parken-video-item {
    width:
      160px !important;

    height:
      84px !important;

    flex-basis:
      160px !important;
  }


  #pk-force-lift-preview {
    width:
      235px !important;

    height:
      132px !important;
  }

}

/* ============================================================
   PARKEN — REMOVE ALL OLD / WRONG POPUPS
   KEEP ONLY #pk-force-lift-preview
   ============================================================ */

#parken-product-preview,
.parken-product-preview,

#parken-click-preview,
.parken-click-preview,

#pk-product-popup,
.pk-product-popup,

#parken-force-preview,
.parken-force-preview,

#parken-product-preview-clean,

.pk-product-lift-preview {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* ============================================================
   PARKEN REEL — ABSOLUTELY NO LARGE GAPS
   ============================================================ */

.parken-video-track {
  display: flex !important;
  align-items: center !important;

  justify-content: flex-start !important;

  gap: 12px !important;

  width: max-content !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  animation:
    parkenFinalContinuousLoop
    32s
    linear
    infinite !important;

  animation-play-state: running;
}


/* OLD GROUPS MUST NOT CREATE THEIR OWN WIDTH */

.parken-video-group,
.parken-video-strip-group,
.parken-video-group-copy {
  display: contents !important;
}


/* EACH CLIP ALWAYS SAME SIZE */

.parken-video-item {
  flex: 0 0 202px !important;

  width: 202px !important;
  height: 104px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}


/* REMOVE OLD STRIP COLOUR */

.parken-video-strip,
.parken-reel-wrap {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}


/* REMOVE OLD EDGE COLOUR */

.parken-video-strip::before,
.parken-video-strip::after {
  display: none !important;
  content: none !important;
}


/* VIDEOS ONLY */

.parken-video-item video {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;

  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  border-radius: 12px !important;
}


/* DO NOT PAUSE JUST FROM HOVER */

.parken-video-strip:hover
.parken-video-track {
  animation-play-state: running;
}


/* INLINE JS "paused !important" WILL STILL WIN
   WHEN A PRODUCT IS ACTUALLY OPEN */


/* FINAL LOOP */

@keyframes parkenFinalContinuousLoop {

  from {
    transform: translateX(0);
  }

  to {
    transform:
      translateX(
        calc(
          -1 *
          var(
            --pk-final-loop-distance,
            1498px
          )
        )
      );
  }

}

/* ============================================================
   PARKEN REEL — RETURNED PRODUCT MUST BECOME VISIBLE AGAIN
   ============================================================ */

.parken-video-item:not(.pk-force-empty) {
  visibility: visible !important;
  opacity: 1 !important;
}

/* ============================================================
   ABOUT US VIDEO — TRUE 16:9
   SHOW FULL PRODUCT, NO CUT OFF
   ============================================================ */

#about .pk-company-cinematic,
#about .pk-company-slide {
  width: 100% !important;

  height: auto !important;

  min-height: 0 !important;

  aspect-ratio: 16 / 9 !important;

  overflow: hidden !important;

  background: #061f2d !important;
}


/* SHOW THE FULL VIDEO FRAME */

#about .pk-company-cinematic video,
#about .pk-company-slide video,
#about video.pk-company-video {
  display: block !important;

  width: 100% !important;

  height: 100% !important;

  max-width: 100% !important;

  object-fit: contain !important;

  object-position: center center !important;

  background: #061f2d !important;
}

/* ============================================================
   ABOUT US SLIDESHOW — FINAL 1920x1080 FIX
   TRUE 16:9 / FULL PRODUCT VISIBLE / ZERO CROPPING
   ============================================================ */


/* OUTER VIDEO AREA */

#about .pk-company-cinematic {
  position: relative !important;

  width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  aspect-ratio: 16 / 9 !important;

  overflow: hidden !important;

  background: #dfe5e8 !important;
}


/* SLIDES HOLDER */

#about .pk-company-slides {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  min-height: 0 !important;
  max-height: none !important;

  background: #dfe5e8 !important;

  overflow: hidden !important;
}


/* ============================================================
   IMPORTANT:
   YOUR VIDEO / SLIDE ITSELF
   ============================================================ */

#about .pk-company-slide,
#about video.pk-company-slide,
#about .pk-company-slide video,
#about .pk-company-slides video {
  position: absolute !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  min-width: 0 !important;
  min-height: 0 !important;

  max-width: none !important;
  max-height: none !important;

  object-fit: contain !important;

  object-position: center center !important;

  /* REMOVE OLD ZOOM/CROPPING */
  transform: none !important;
  scale: 1 !important;

  margin: 0 !important;

  background: #dfe5e8 !important;
}


/* OLD ACTIVE SLIDE RULE WAS ZOOMING THE VIDEO */

#about .pk-company-slide.is-active,
#about video.pk-company-slide.is-active {
  transform: none !important;

  scale: 1 !important;

  width: 100% !important;
  height: 100% !important;

  inset: 0 !important;
}


/* REMOVE ANY HOVER ZOOM TOO */

#about .pk-company-cinematic:hover .pk-company-slide,
#about .pk-company-slide:hover {
  transform: none !important;

  scale: 1 !important;
}


/* ============================================================
   DESKTOP SIZE
   For a 16:9 video:
   1400px width = 787.5px height
   ============================================================ */

@media (min-width: 1200px) {

  #about .pk-company-cinematic {
    aspect-ratio: 16 / 9 !important;
  }

}


/* TABLET */

@media (max-width: 1199px) {

  #about .pk-company-cinematic {
    aspect-ratio: 16 / 9 !important;
  }

}


/* MOBILE */

@media (max-width: 700px) {

  #about .pk-company-cinematic {
    aspect-ratio: 16 / 9 !important;

    min-height: 0 !important;
  }

}

/* ============================================================
   ABOUT US — FINAL TRUE 16:9 VIDEO FIX
   FULL 1920x1080 FRAME / NO PRODUCT CROPPING
   ============================================================ */

#about.pk-about {
  overflow: visible !important;
}


/* TRUE 16:9 CONTAINER */

#about .pk-about-cinematic {
  position: relative !important;

  width: 100vw !important;
  max-width: 100vw !important;

  margin-left: calc(50% - 50vw) !important;

  height: 56.25vw !important;
  min-height: 56.25vw !important;
  max-height: none !important;

  aspect-ratio: 16 / 9 !important;

  overflow: hidden !important;

  background: #063d52 !important;
}


/* VIDEO HOLDER */

#about .pk-about-video-wrap {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  overflow: hidden !important;

  background: #063d52 !important;
}


/* ============================================================
   MOST IMPORTANT PART
   SHOW THE ENTIRE 1920x1080 VIDEO
   ============================================================ */

#about .pk-about-video {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;

  object-position: center center !important;

  transform: none !important;

  scale: 1 !important;

  background: #063d52 !important;
}


/* REMOVE ANY OLD VIDEO ZOOM */

#about .pk-about-video:hover,
#about .pk-about-video-wrap:hover .pk-about-video {
  transform: none !important;
  scale: 1 !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1100px) {

  #about .pk-about-cinematic {
    height: 56.25vw !important;
    min-height: 56.25vw !important;
    max-height: none !important;
  }

}


/* ============================================================
   MOBILE
   Give text enough room while still showing full video
   ============================================================ */

@media (max-width: 700px) {

  #about .pk-about-cinematic {
    height: max(56.25vw, 380px) !important;
    min-height: max(56.25vw, 380px) !important;
    max-height: none !important;
  }

  #about .pk-about-video {
    object-fit: contain !important;
    object-position: center center !important;
  }

}

/* ============================================================
   PARKEN — FINAL HEADER + ACCENT COLOUR UPDATE

   1. Transparent glass header
   2. Bigger PARKEN logo
   3. Nav underline closer to wording
   4. GET A QUOTE green reused across website accents
   ============================================================ */

:root {

  /* SAME COLOURS AS GET A QUOTE */

  --pk-quote-teal:
    #0dd6c4;

  --pk-quote-green:
    #35f0a4;

  --pk-quote-gradient:
    linear-gradient(
      100deg,
      #0dd6c4 0%,
      #35f0a4 100%
    );

}



/* ============================================================
   HEADER — TRANSPARENT GLASS
   ============================================================ */

.pk-header,
#parken-header,
.pk-header.is-scrolled,
#parken-header.is-scrolled {

  position:
    fixed !important;

  top:
    0 !important;

  left:
    0 !important;

  right:
    0 !important;

  z-index:
    9999 !important;


  /*
    MUCH MORE TRANSPARENT.
    HERO / PAGE CAN BE SEEN THROUGH IT.
  */

  background:
    linear-gradient(
      110deg,
      rgba(3, 28, 42, .48) 0%,
      rgba(5, 60, 72, .32) 55%,
      rgba(6, 91, 88, .20) 100%
    )
    !important;


  border-bottom:
    1px solid
    rgba(180, 247, 255, .14)
    !important;


  box-shadow:
    0 8px 28px
    rgba(0, 21, 32, .12)
    !important;


  backdrop-filter:
    blur(20px)
    saturate(145%)
    !important;

  -webkit-backdrop-filter:
    blur(20px)
    saturate(145%)
    !important;


  /*
    KEEP HEADER CLEAN + COMPACT
  */

  min-height:
    92px !important;

  padding:
    7px
    clamp(24px, 4.5vw, 72px)
    !important;

}



/* ============================================================
   PARKEN LOGO — BIGGER
   ============================================================ */

.pk-header .pk-brand {
  flex:
    0 0 190px !important;

  width:
    190px !important;

  min-width:
    190px !important;

  margin-right:
    12px !important;

  overflow:
    visible !important;
}


.pk-header .pk-brand img,
#parken-header .pk-brand img,
#parken-header .parken-logo img {

  width:
    190px !important;

  height:
    auto !important;

  max-width:
    none !important;

  max-height:
    82px !important;

  object-fit:
    contain !important;

  transform:
    scale(1.10) !important;

  transform-origin:
    left center !important;

  background:
    transparent !important;
}



/* ============================================================
   NAVIGATION
   ============================================================ */

.pk-header nav,
#parken-nav {

  align-items:
    center !important;

}


/* WORDING */

.pk-header nav a,
.parken-nav-link {

  position:
    relative !important;

  padding-top:
    12px !important;

  padding-bottom:
    12px !important;

}



/* ============================================================
   ACTIVE UNDERLINE
   BRING IT CLOSER TO THE WORDING
   ============================================================ */

.pk-header nav a::after,
.parken-nav-link::after {

  bottom:
    7px !important;

  height:
    2px !important;

  border-radius:
    999px !important;

  background:
    linear-gradient(
      90deg,
      var(--pk-quote-teal),
      var(--pk-quote-green)
    )
    !important;


  box-shadow:
    0 0 9px
    rgba(53, 240, 164, .38)
    !important;

}


/* ACTIVE WORD */

.pk-header nav a.is-active,
.parken-nav-link.is-active {

  color:
    #ffffff !important;

}



/* ============================================================
   GET A QUOTE
   KEEP THIS AS THE MAIN COLOUR REFERENCE
   ============================================================ */

.pk-quote,
.parken-get-quote,
.parken-quote {

  background:
    var(--pk-quote-gradient)
    !important;

}



/* ============================================================
   "TOMORROW"
   SAME GREEN AS GET A QUOTE
   ============================================================ */

.pk-why-machine-tomorrow strong,
.pk-quote-accent-tomorrow {

  color:
    var(--pk-quote-green)
    !important;

}



/* ============================================================
   ABOUT US — "LOCAL IMPACT."
   SAME GET A QUOTE COLOUR
   ============================================================ */

#about .pk-about-title h2 em,
#about #pk-company-title em,
.pk-quote-accent-local-impact {

  color:
    var(--pk-quote-green)
    !important;

  -webkit-text-fill-color:
    var(--pk-quote-green)
    !important;

}



/* ============================================================
   OPTIONAL BETTER EFFECT:
   LOCAL IMPACT CAN USE THE FULL BUTTON GRADIENT
   ============================================================ */

#about .pk-about-title h2 em,
#about #pk-company-title em {

  background:
    var(--pk-quote-gradient)
    !important;

  background-clip:
    text !important;

  -webkit-background-clip:
    text !important;

  color:
    transparent !important;

  -webkit-text-fill-color:
    transparent !important;

}



/* ============================================================
   MOVING WORD BAR
   REPLACE OLD PALE / UGLY GREEN
   ============================================================ */

.pk-marquee-track b,
.pk-marquee-dot,
.pk-marquee .pk-green,
.pk-marquee .accent {

  color:
    var(--pk-quote-green)
    !important;

}



/* IF THE MOVING BAR HAS A GLOW */

.pk-marquee-track b {

  text-shadow:
    0 0 12px
    rgba(53, 240, 164, .28)
    !important;

}



/* ============================================================
   ANY ELEMENT JS IDENTIFIES AS "TOMORROW"
   ============================================================ */

.pk-quote-accent-tomorrow {

  background:
    var(--pk-quote-gradient)
    !important;

  background-clip:
    text !important;

  -webkit-background-clip:
    text !important;

  color:
    transparent !important;

  -webkit-text-fill-color:
    transparent !important;

}



/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1100px) {

  .pk-header,
  #parken-header {

    min-height:
      82px !important;

    padding-inline:
      24px !important;

  }


  .pk-header .pk-brand {

    flex-basis:
      150px !important;

    width:
      150px !important;

    min-width:
      150px !important;

  }


  .pk-header .pk-brand img,
  #parken-header .pk-brand img,
  #parken-header .parken-logo img {

    width:
      150px !important;

    max-height:
      70px !important;

  }

}



/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

  .pk-header,
  #parken-header {

    min-height:
      72px !important;

    padding:
      7px 16px !important;

  }


  .pk-header .pk-brand {

    flex-basis:
      125px !important;

    width:
      125px !important;

    min-width:
      125px !important;

  }


  .pk-header .pk-brand img,
  #parken-header .pk-brand img,
  #parken-header .parken-logo img {

    width:
      125px !important;

    max-height:
      58px !important;

    transform:
      scale(1.06) !important;

  }

}

/* ============================================================
   PARKEN HEADER — FINAL FIX

   - SAME HEADER BEFORE + AFTER SCROLL
   - TRANSPARENT GLASS ALWAYS
   - NO DARK / SOLID CHANGE WHEN SCROLLING
   - BIGGER PARKEN LOGO
   ============================================================ */


/* ============================================================
   HEADER — NEVER CHANGE WHEN SCROLLING
   ============================================================ */

#parken-header,
#parken-header.is-scrolled,
.pk-header,
.pk-header.is-scrolled {

  position: fixed !important;

  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  z-index: 9999 !important;


  /* SAME HEIGHT ALL THE TIME */

  min-height: 96px !important;
  height: 96px !important;

  padding:
    5px
    clamp(26px, 4.5vw, 72px)
    !important;


  /* TRUE TRANSPARENT GLASS */

  background:
    linear-gradient(
      105deg,
      rgba(1, 28, 43, .34) 0%,
      rgba(3, 55, 69, .25) 48%,
      rgba(4, 83, 83, .18) 100%
    )
    !important;


  backdrop-filter:
    blur(18px)
    saturate(145%)
    !important;

  -webkit-backdrop-filter:
    blur(18px)
    saturate(145%)
    !important;


  border-bottom:
    1px solid
    rgba(190, 244, 255, .13)
    !important;


  box-shadow:
    0 7px 24px
    rgba(0, 18, 30, .10)
    !important;


  /* STOP OLD SCROLL EFFECTS */

  transform: none !important;

  opacity: 1 !important;

  transition:
    none !important;
}



/* ============================================================
   FORCE SCROLLED HEADER TO BE IDENTICAL
   ============================================================ */

#parken-header.is-scrolled,
.pk-header.is-scrolled {

  background:
    linear-gradient(
      105deg,
      rgba(1, 28, 43, .34) 0%,
      rgba(3, 55, 69, .25) 48%,
      rgba(4, 83, 83, .18) 100%
    )
    !important;


  min-height:
    96px !important;

  height:
    96px !important;


  padding:
    5px
    clamp(26px, 4.5vw, 72px)
    !important;


  backdrop-filter:
    blur(18px)
    saturate(145%)
    !important;

  -webkit-backdrop-filter:
    blur(18px)
    saturate(145%)
    !important;


  box-shadow:
    0 7px 24px
    rgba(0, 18, 30, .10)
    !important;

}



/* ============================================================
   PARKEN LOGO — MUCH BIGGER
   ============================================================ */

#parken-header .pk-brand,
.pk-header .pk-brand,
#parken-header .parken-logo {

  width:
    235px !important;

  min-width:
    235px !important;

  flex:
    0 0 235px !important;

  height:
    86px !important;

  display:
    flex !important;

  align-items:
    center !important;

  overflow:
    visible !important;
}



/* LOGO IMAGE */

#parken-header .pk-brand img,
.pk-header .pk-brand img,
#parken-header .parken-logo img,
.pk-header .parken-logo img {

  display:
    block !important;

  width:
    220px !important;

  max-width:
    none !important;

  height:
    auto !important;

  max-height:
    82px !important;

  object-fit:
    contain !important;

  object-position:
    left center !important;

  margin:
    0 !important;

  padding:
    0 !important;

  transform:
    scale(1.12)
    !important;

  transform-origin:
    left center !important;

}



/* ============================================================
   IMPORTANT:
   DO NOT SHRINK LOGO AFTER SCROLL
   ============================================================ */

#parken-header.is-scrolled .pk-brand,
.pk-header.is-scrolled .pk-brand {

  width:
    235px !important;

  min-width:
    235px !important;

  flex-basis:
    235px !important;

  height:
    86px !important;
}


#parken-header.is-scrolled .pk-brand img,
.pk-header.is-scrolled .pk-brand img,
#parken-header.is-scrolled .parken-logo img {

  width:
    220px !important;

  max-height:
    82px !important;

  transform:
    scale(1.12)
    !important;

}



/* ============================================================
   NAV STAYS VERTICALLY CENTERED
   ============================================================ */

#parken-header nav,
#parken-nav,
.pk-header nav {

  height:
    100% !important;

  display:
    flex !important;

  align-items:
    center !important;
}



/* ============================================================
   GET A QUOTE STAYS CENTERED TOO
   ============================================================ */

#parken-header .parken-get-quote,
#parken-header .pk-quote,
.pk-header .parken-get-quote,
.pk-header .pk-quote {

  align-self:
    center !important;
}



/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1100px) {

  #parken-header,
  #parken-header.is-scrolled,
  .pk-header,
  .pk-header.is-scrolled {

    height:
      84px !important;

    min-height:
      84px !important;

  }


  #parken-header .pk-brand,
  .pk-header .pk-brand {

    width:
      175px !important;

    min-width:
      175px !important;

    flex-basis:
      175px !important;

    height:
      74px !important;

  }


  #parken-header .pk-brand img,
  .pk-header .pk-brand img {

    width:
      170px !important;

    max-height:
      70px !important;

    transform:
      scale(1.08)
      !important;

  }

}



/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

  #parken-header,
  #parken-header.is-scrolled,
  .pk-header,
  .pk-header.is-scrolled {

    height:
      72px !important;

    min-height:
      72px !important;

    padding:
      4px 15px !important;

  }


  #parken-header .pk-brand,
  .pk-header .pk-brand {

    width:
      145px !important;

    min-width:
      145px !important;

    flex-basis:
      145px !important;

    height:
      64px !important;

  }


  #parken-header .pk-brand img,
  .pk-header .pk-brand img {

    width:
      140px !important;

    max-height:
      60px !important;

    transform:
      scale(1.06)
      !important;

  }

}

/* ============================================================
   PARKEN LOGO — SAME SIZE BEFORE + AFTER SCROLL
   ============================================================ */

:root {
  --pk-logo-width: 500px;
  --pk-logo-slot: 450px;
  --pk-header-height: 96px;
}


/* HEADER SAME HEIGHT ALWAYS */

#parken-header,
#parken-header.is-scrolled,
.pk-header,
.pk-header.is-scrolled {
  height: var(--pk-header-height) !important;
  min-height: var(--pk-header-height) !important;
}


/* LOGO HOLDER SAME SIZE ALWAYS */

#parken-header .pk-brand,
#parken-header.is-scrolled .pk-brand,
.pk-header .pk-brand,
.pk-header.is-scrolled .pk-brand,
#parken-header .parken-logo,
#parken-header.is-scrolled .parken-logo {
  width: var(--pk-logo-slot) !important;
  min-width: var(--pk-logo-slot) !important;
  max-width: var(--pk-logo-slot) !important;

  flex: 0 0 var(--pk-logo-slot) !important;

  height: 100% !important;

  display: flex !important;
  align-items: center !important;

  overflow: visible !important;

  transform: none !important;
}


/* ACTUAL PARKEN LOGO */

#parken-header .pk-brand img,
#parken-header.is-scrolled .pk-brand img,
.pk-header .pk-brand img,
.pk-header.is-scrolled .pk-brand img,
#parken-header .parken-logo img,
#parken-header.is-scrolled .parken-logo img {
  width: var(--pk-logo-width) !important;

  min-width: var(--pk-logo-width) !important;
  max-width: var(--pk-logo-width) !important;

  height: auto !important;
  max-height: 86px !important;

  object-fit: contain !important;
  object-position: left center !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
  scale: 1 !important;

  transition: none !important;
}


/* STOP SCROLL STATE FROM SHRINKING / MOVING LOGO */

#parken-header.is-scrolled .pk-brand,
#parken-header.is-scrolled .pk-brand img,
#parken-header.is-scrolled .parken-logo,
#parken-header.is-scrolled .parken-logo img,
.pk-header.is-scrolled .pk-brand,
.pk-header.is-scrolled .pk-brand img {
  transform: none !important;
  scale: 1 !important;

  transition: none !important;
}

/* ============================================================
   PARKEN HEADER — HARD FINAL LOCK
   SAME AT TOP + SAME WHEN SCROLLING
   ============================================================ */

:root {
  --pk-final-header-height: 110px;
  --pk-final-logo-slot: 320px;
  --pk-final-logo-scale: 1.75;

  --pk-final-accent-1: #0dd6c4;
  --pk-final-accent-2: #35f0a4;
}


/* ============================================================
   HEADER
   SAME STYLE 100% OF THE TIME
   ============================================================ */

html body header.pk-header,
html body header.pk-header.is-scrolled,
html body #parken-header,
html body #parken-header.is-scrolled {

  position: fixed !important;

  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  z-index: 99999 !important;

  width: 100% !important;

  height:
    var(--pk-final-header-height)
    !important;

  min-height:
    var(--pk-final-header-height)
    !important;

  max-height:
    var(--pk-final-header-height)
    !important;


  padding:
    5px
    clamp(28px, 4vw, 74px)
    !important;


  /* TRANSPARENT GLASS */

  background:
    linear-gradient(
      100deg,
      rgba(2, 31, 47, .42) 0%,
      rgba(3, 58, 70, .30) 55%,
      rgba(4, 77, 78, .22) 100%
    )
    !important;


  backdrop-filter:
    blur(18px)
    saturate(145%)
    !important;

  -webkit-backdrop-filter:
    blur(18px)
    saturate(145%)
    !important;


  border:
    0 !important;

  border-bottom:
    1px solid
    rgba(183, 246, 255, .14)
    !important;


  box-shadow:
    0 6px 24px
    rgba(0, 14, 25, .12)
    !important;


  transform:
    none !important;

  scale:
    1 !important;

  opacity:
    1 !important;

  transition:
    none !important;

  animation:
    none !important;
}



/* ============================================================
   LOGO HOLDER
   BIG + FIXED
   ============================================================ */

html body header.pk-header > .pk-brand,
html body header.pk-header > a.pk-brand,
html body #parken-header > .pk-brand,
html body #parken-header > a.pk-brand {

  position:
    relative !important;

  width:
    var(--pk-final-logo-slot)
    !important;

  min-width:
    var(--pk-final-logo-slot)
    !important;

  max-width:
    var(--pk-final-logo-slot)
    !important;

  flex:
    0 0
    var(--pk-final-logo-slot)
    !important;


  height:
    94px !important;


  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;


  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    visible !important;


  transform:
    none !important;

  scale:
    1 !important;

  transition:
    none !important;
}



/* ============================================================
   ACTUAL PARKEN LOGO
   THIS IS THE IMPORTANT PART
   ============================================================ */

html body header.pk-header > a.pk-brand > img,
html body header.pk-header.is-scrolled > a.pk-brand > img,
html body #parken-header > a.pk-brand > img,
html body #parken-header.is-scrolled > a.pk-brand > img {

  display:
    block !important;


  /*
    BASE IMAGE SIZE
  */

  width:
    190px !important;

  min-width:
    190px !important;

  max-width:
    190px !important;


  height:
    auto !important;

  max-height:
    none !important;


  object-fit:
    contain !important;

  object-position:
    left center !important;


  margin:
    0 !important;

  padding:
    0 !important;


  /*
    FORCE THE VISUAL LOGO BIGGER.

    This also helps if your PNG contains
    transparent empty spacing.
  */

  transform:
    scale(
      var(--pk-final-logo-scale)
    )
    !important;

  transform-origin:
    left center !important;


  scale:
    1 !important;


  transition:
    none !important;

  animation:
    none !important;


  opacity:
    1 !important;

  visibility:
    visible !important;
}



/* ============================================================
   ABSOLUTELY NO LOGO CHANGE WHEN SCROLLED
   ============================================================ */

html body header.pk-header.is-scrolled > a.pk-brand,
html body #parken-header.is-scrolled > a.pk-brand {

  width:
    var(--pk-final-logo-slot)
    !important;

  min-width:
    var(--pk-final-logo-slot)
    !important;

  max-width:
    var(--pk-final-logo-slot)
    !important;

  height:
    94px !important;

  transform:
    none !important;

  transition:
    none !important;
}


html body header.pk-header.is-scrolled > a.pk-brand > img,
html body #parken-header.is-scrolled > a.pk-brand > img {

  width:
    190px !important;

  min-width:
    190px !important;

  max-width:
    190px !important;

  height:
    auto !important;

  transform:
    scale(
      var(--pk-final-logo-scale)
    )
    !important;

  transform-origin:
    left center !important;

  transition:
    none !important;
}



/* ============================================================
   NAVIGATION POSITION
   ============================================================ */

html body header.pk-header nav,
html body #parken-header nav,
html body #pk-nav {

  height:
    100% !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

}



/* ============================================================
   NAV WORD
   ============================================================ */

html body header.pk-header nav a,
html body #parken-header nav a,
html body #pk-nav a {

  position:
    relative !important;

  padding:
    13px 0 !important;

  margin:
    0 !important;

  transform:
    none !important;

}



/* ============================================================
   UNDERLINE
   SHORT + DIRECTLY UNDER WORD LIKE REFERENCE
   ============================================================ */

html body header.pk-header nav a::after,
html body #parken-header nav a::after,
html body #pk-nav a::after {

  content:
    "" !important;

  position:
    absolute !important;

  left:
    50% !important;

  bottom:
    5px !important;


  width:
    0 !important;

  height:
    2px !important;


  transform:
    translateX(-50%)
    !important;


  border-radius:
    999px !important;


  background:
    linear-gradient(
      90deg,
      var(--pk-final-accent-1),
      var(--pk-final-accent-2)
    )
    !important;


  box-shadow:
    0 0 8px
    rgba(53, 240, 164, .45)
    !important;


  opacity:
    0 !important;


  transition:
    width .22s ease,
    opacity .22s ease
    !important;
}



/* ACTIVE ONLY */

html body header.pk-header nav a.is-active::after,
html body #parken-header nav a.is-active::after,
html body #pk-nav a.is-active::after {

  width:
    30px !important;

  opacity:
    1 !important;
}



/* ACTIVE WORD */

html body header.pk-header nav a.is-active,
html body #parken-header nav a.is-active,
html body #pk-nav a.is-active {

  color:
    #ffffff !important;
}



/* ============================================================
   GET A QUOTE ALIGNMENT
   ============================================================ */

html body header.pk-header .pk-quote,
html body #parken-header .pk-quote {

  align-self:
    center !important;

  flex-shrink:
    0 !important;
}



/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1150px) {

  :root {

    --pk-final-header-height:
      88px;

    --pk-final-logo-slot:
      195px;

    --pk-final-logo-scale:
      1.28;

  }


  html body header.pk-header > a.pk-brand > img,
  html body #parken-header > a.pk-brand > img {

    width:
      160px !important;

    min-width:
      160px !important;

    max-width:
      160px !important;
  }

}



/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

  :root {

    --pk-final-header-height:
      76px;

    --pk-final-logo-slot:
      145px;

    --pk-final-logo-scale:
      1.14;

  }


  html body header.pk-header,
  html body #parken-header {

    padding:
      4px 16px !important;

  }


  html body header.pk-header > a.pk-brand > img,
  html body #parken-header > a.pk-brand > img {

    width:
      125px !important;

    min-width:
      125px !important;

    max-width:
      125px !important;
  }

}

/* ============================================================
   PARKEN LOGO — FINAL SIZE OVERRIDE
   SAFE: PASTE AT VERY BOTTOM OF style.css
   ============================================================ */

:root {
  --pk-final-logo-slot: 340px;
  --pk-final-logo-scale: 1.85;
}


/* LOGO HOLDER — MORE SPACE */

html body header.pk-header > .pk-brand,
html body header.pk-header > a.pk-brand,
html body #parken-header > .pk-brand,
html body #parken-header > a.pk-brand,
html body header.pk-header.is-scrolled > .pk-brand,
html body header.pk-header.is-scrolled > a.pk-brand,
html body #parken-header.is-scrolled > .pk-brand,
html body #parken-header.is-scrolled > a.pk-brand {

  width: var(--pk-final-logo-slot) !important;
  min-width: var(--pk-final-logo-slot) !important;
  max-width: var(--pk-final-logo-slot) !important;

  flex: 0 0 var(--pk-final-logo-slot) !important;

  height: 100px !important;

  overflow: visible !important;

  transform: none !important;
}


/* ACTUAL LOGO — MUCH BIGGER */

html body header.pk-header > a.pk-brand > img,
html body header.pk-header.is-scrolled > a.pk-brand > img,
html body #parken-header > a.pk-brand > img,
html body #parken-header.is-scrolled > a.pk-brand > img {

  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;

  height: auto !important;
  max-height: none !important;

  object-fit: contain !important;
  object-position: left center !important;

  margin: 0 !important;
  padding: 0 !important;

  transform:
    scale(var(--pk-final-logo-scale))
    !important;

  transform-origin:
    left center !important;

  transition: none !important;
  animation: none !important;

  opacity: 1 !important;
  visibility: visible !important;
}


/* EXACT SAME SIZE AFTER SCROLL */

html body header.pk-header.is-scrolled > a.pk-brand > img,
html body #parken-header.is-scrolled > a.pk-brand > img {

  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;

  transform:
    scale(var(--pk-final-logo-scale))
    !important;

  transform-origin:
    left center !important;
}


/* TABLET */

@media (max-width: 1150px) {

  :root {
    --pk-final-logo-slot: 220px;
    --pk-final-logo-scale: 1.35;
  }

  html body header.pk-header > a.pk-brand > img,
  html body #parken-header > a.pk-brand > img {

    width: 165px !important;
    min-width: 165px !important;
    max-width: 165px !important;
  }

}


/* MOBILE */

@media (max-width: 700px) {

  :root {
    --pk-final-logo-slot: 150px;
    --pk-final-logo-scale: 1.15;
  }

  html body header.pk-header > a.pk-brand > img,
  html body #parken-header > a.pk-brand > img {

    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
  }

}

/* ============================================================
   PARKEN — GET A QUOTE GRADIENT FOR ACCENT WORDING
   ============================================================ */

:root {
  --pk-getquote-gradient:
    linear-gradient(
      90deg,
      #27D9D2 0%,
      #46E9A6 100%
    );
}


/* ============================================================
   FOUR STRENGTHS
   "ONE SMARTER TOMORROW."
   ============================================================ */

#strengths h2 span,
#strengths h2 em,
.pk-strengths-live h2 span,
.pk-strengths-live h2 em {

  background:
    var(--pk-getquote-gradient)
    !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  -webkit-text-fill-color:
    transparent !important;

  color:
    transparent !important;
}


/* ============================================================
   ABOUT US
   "LOCAL IMPACT."
   ============================================================ */

#about .pk-about-title h2 em,
#about #pk-company-title em,
#about h2 .pk-local-impact {

  background:
    var(--pk-getquote-gradient)
    !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  -webkit-text-fill-color:
    transparent !important;

  color:
    transparent !important;
}

/* ============================================================
   FINAL ACCENT COLOUR FIX
   GET A QUOTE GRADIENT = #27D9D2 → #46E9A6
   ============================================================ */


/* ============================================================
   FOUR STRENGTHS
   FIRST LINE MUST STAY DARK BLUE
   ============================================================ */

#strengths h2 span,
.pk-strengths-live h2 span {
  background: none !important;

  color: #0B4F7C !important;

  -webkit-text-fill-color: #0B4F7C !important;

  text-shadow: none !important;
}


/* ============================================================
   ONLY "ONE SMARTER TOMORROW."
   GET A QUOTE GRADIENT
   ============================================================ */

#strengths h2 em,
.pk-strengths-live h2 em {
  background:
    linear-gradient(
      90deg,
      #27D9D2 0%,
      #46E9A6 100%
    )
    !important;

  background-clip: text !important;
  -webkit-background-clip: text !important;

  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}


/* ============================================================
   ABOUT US
   ONLY "LOCAL IMPACT."
   GET A QUOTE GRADIENT
   ============================================================ */

#about .pk-about-title h2 em,
#about #pk-company-title em,
#about h2 em {
  background:
    linear-gradient(
      90deg,
      #27D9D2 0%,
      #46E9A6 100%
    )
    !important;

  background-clip: text !important;
  -webkit-background-clip: text !important;

  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

#strengths {
  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(39, 217, 210, 0.22),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 75%,
      rgba(70, 233, 166, 0.20),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      #EAFBFF 0%,
      #DDF7FF 38%,
      #DDF9F3 72%,
      #F0FFF8 100%
    ) !important;
}

/* ============================================================
   WHY PARKEN — NEW CLEAN BACKGROUND
   MACHINE LEFT + WORDING RIGHT
   ============================================================ */

#why,
.pk-why-machine {

  position: relative !important;

  min-height: 760px !important;

  overflow: hidden !important;

  background:
    url("assets/why-parken-final-bg.png")
    center center / cover
    no-repeat
    !important;
}


/* REMOVE OLD BACKGROUND IMAGE LAYERS */

#why::before,
#why::after,
.pk-why-machine::before,
.pk-why-machine::after {

  background-image: none !important;
}


/* ============================================================
   MOVE WHY PARKEN WORDING TO THE RIGHT SIDE
   ============================================================ */

.pk-why-machine-heading {

  position: absolute !important;

  top: 105px !important;

  left: 43% !important;

  right: 6% !important;

  width: auto !important;

  max-width: 850px !important;

  z-index: 5 !important;

  text-align: left !important;
}


/* WHY PARKEN SMALL LABEL */

.pk-why-machine-heading .eyebrow,
.pk-why-machine-heading .pk-eyebrow {

  color: #70eadc !important;

  margin-bottom: 18px !important;
}


/* MAIN WORDING */

.pk-why-machine-heading h2 {

  margin: 0 !important;

  color: #ffffff !important;

  font-size: clamp(48px, 5vw, 82px) !important;

  line-height: .98 !important;

  font-weight: 800 !important;

  letter-spacing: -0.025em !important;

  text-shadow: none !important;
}


/* ============================================================
   REMOVE THESE TWO OLD LINES
   EXPERTISE TODAY.
   A SAFER TOMORROW.
   ============================================================ */

.pk-why-machine-heading p,
.pk-why-machine-heading .pk-why-subline,
.pk-why-machine-heading .why-subtitle {

  display: none !important;
}

/* ============================================================
   WHY PARKEN — FINAL CORRECT LAYOUT
   USES YOUR REAL HTML CLASS NAMES
   ============================================================ */

#why.parken-why-machine {
  position: relative !important;

  width: 100% !important;
  min-height: 820px !important;

  overflow: hidden !important;

  background: #073f71 !important;
}


/* ============================================================
   CLEAN BACKGROUND IMAGE
   MACHINE LEFT / BLUE AREA RIGHT
   ============================================================ */

#why .parken-why-machine-bg {
  position: absolute !important;

  top: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 610px !important;

  object-fit: cover !important;
  object-position: center center !important;

  z-index: 1 !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
}


/* ============================================================
   HEADING — MOVE TO RIGHT BLUE SIDE
   ============================================================ */

#why .parken-why-machine-heading {
  position: absolute !important;

  top: 105px !important;

  left: 42% !important;
  right: 6% !important;

  width: auto !important;
  max-width: 880px !important;

  z-index: 5 !important;

  text-align: left !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* SMALL "WHY PARKEN" */

#why .parken-why-machine-heading > span {
  display: block !important;

  margin: 0 0 20px 0 !important;

  color: #7DEBDD !important;

  font-size: 15px !important;
  font-weight: 700 !important;

  letter-spacing: .22em !important;

  text-transform: uppercase !important;
}


/* MAIN WHITE TITLE */

#why .parken-why-machine-heading h2 {
  margin: 0 !important;

  color: #ffffff !important;

  font-size: clamp(50px, 5vw, 82px) !important;

  line-height: .98 !important;

  font-weight: 800 !important;

  letter-spacing: -.025em !important;

  text-align: left !important;

  max-width: 850px !important;

  text-shadow: none !important;
}


/* REMOVE OLD EXTRA SLOGAN IF ANY OLD HTML/CSS STILL EXISTS */

#why .parken-why-machine-heading > p {
  display: none !important;
}


/* ============================================================
   BOTTOM FEATURE PANEL
   ============================================================ */

#why .parken-why-machine-features {
  position: absolute !important;

  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  z-index: 6 !important;

  width: 100% !important;

  min-height: 235px !important;

  display: grid !important;

  grid-template-columns:
    repeat(6, minmax(0, 1fr))
    !important;

  align-items: start !important;

  gap: 0 !important;

  padding:
    72px 5% 38px
    !important;

  box-sizing: border-box !important;

  background:
    linear-gradient(
      180deg,
      #F8FCFE 0%,
      #EEF8FC 100%
    )
    !important;

  border: 0 !important;
}


/* ============================================================
   CYAN / GREEN LINE ABOVE FEATURES
   ============================================================ */

#why .parken-why-machine-features::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 5px !important;

  background:
    linear-gradient(
      90deg,
      #27D9D2 0%,
      #46E9A6 100%
    )
    !important;

  box-shadow:
    0 0 16px
    rgba(39, 217, 210, .35)
    !important;
}


/* ============================================================
   EACH FEATURE
   ============================================================ */

#why .parken-why-machine-features article {
  position: relative !important;

  min-height: 120px !important;

  margin: 0 !important;

  padding:
    0 22px
    !important;

  text-align: center !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  transform: none !important;
}


/* DIVIDER BETWEEN FEATURES */

#why .parken-why-machine-features article:not(:last-child)::after {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  right: 0 !important;

  width: 1px !important;
  height: 105px !important;

  background:
    rgba(20, 83, 124, .20)
    !important;
}


/* FEATURE TITLES */

#why .parken-why-machine-features h3 {
  margin:
    0 0 12px
    !important;

  color:
    #0B557D !important;

  font-size:
    15px !important;

  line-height:
    1.25 !important;

  font-weight:
    800 !important;

  letter-spacing:
    0 !important;

  text-align:
    center !important;
}


/* FEATURE DESCRIPTIONS */

#why .parken-why-machine-features p {
  margin:
    0 auto !important;

  max-width:
    210px !important;

  color:
    #647D8F !important;

  font-size:
    14px !important;

  line-height:
    1.5 !important;

  font-weight:
    400 !important;

  text-align:
    center !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1100px) {

  #why.parken-why-machine {
    min-height: 980px !important;
  }


  #why .parken-why-machine-bg {
    height: 590px !important;
  }


  #why .parken-why-machine-heading {
    left: 40% !important;
    right: 5% !important;
  }


  #why .parken-why-machine-heading h2 {
    font-size:
      clamp(42px, 5vw, 65px)
      !important;
  }


  #why .parken-why-machine-features {
    grid-template-columns:
      repeat(3, 1fr)
      !important;

    row-gap:
      38px !important;

    min-height:
      390px !important;
  }


  #why .parken-why-machine-features article:nth-child(3)::after,
  #why .parken-why-machine-features article:nth-child(6)::after {
    display: none !important;
  }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

  #why.parken-why-machine {
    min-height: 1380px !important;
  }


  #why .parken-why-machine-bg {
    height: 540px !important;

    object-position:
      25% center !important;
  }


  #why .parken-why-machine-heading {
    top: 80px !important;

    left: 8% !important;
    right: 8% !important;
  }


  #why .parken-why-machine-heading h2 {
    font-size:
      42px !important;
  }


  #why .parken-why-machine-features {
    grid-template-columns:
      1fr
      !important;

    min-height:
      840px !important;

    padding:
      55px 8% 40px
      !important;
  }


  #why .parken-why-machine-features article::after {
    display: none !important;
  }

}

/* ============================================================
   WHY PARKEN — FINAL DESKTOP FIX
   MACHINE LEFT
   HEADING RIGHT
   TEXT BELOW THE 6 ICONS ON BLUE
   ============================================================ */

html body #why.parken-why-machine {
  position: relative !important;

  width: 100% !important;
  height: 900px !important;
  min-height: 900px !important;

  overflow: hidden !important;

  /* blue continuation underneath the image */
  background:
    linear-gradient(
      180deg,
      #064d7d 0%,
      #053f70 55%,
      #043761 100%
    ) !important;
}


/* ============================================================
   BACKGROUND IMAGE
   ============================================================ */

html body #why.parken-why-machine > .parken-why-machine-bg {
  position: absolute !important;

  top: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 735px !important;

  object-fit: cover !important;
  object-position: center bottom !important;

  z-index: 1 !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
}


/* ============================================================
   HEADING — RIGHT SIDE
   ============================================================ */

html body #why.parken-why-machine
.parken-why-machine-heading {

  position: absolute !important;

  top: 115px !important;

  left: 39% !important;
  right: 5% !important;

  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  z-index: 10 !important;

  text-align: left !important;

  transform: none !important;
}


/* WHY PARKEN */

html body #why.parken-why-machine
.parken-why-machine-heading > span {

  display: block !important;

  margin: 0 0 20px 0 !important;

  color: #7CEADC !important;

  font-size: 15px !important;
  line-height: 1 !important;

  font-weight: 800 !important;

  letter-spacing: .22em !important;

  text-transform: uppercase !important;

  text-align: left !important;
}


/* MAIN TITLE */

html body #why.parken-why-machine
.parken-why-machine-heading h2 {

  margin: 0 !important;
  padding: 0 !important;

  width: 100% !important;
  max-width: none !important;

  color: #ffffff !important;

  font-size:
    clamp(45px, 3.6vw, 66px)
    !important;

  line-height: 1.05 !important;

  font-weight: 800 !important;

  letter-spacing: -.025em !important;

  text-align: left !important;

  white-space: nowrap !important;

  text-shadow:
    0 3px 16px rgba(0,0,0,.18)
    !important;

  transform: none !important;
}


/* OLD EXTRA SLOGAN MUST STAY HIDDEN */

html body #why.parken-why-machine
.parken-why-machine-heading > p {

  display: none !important;
}


/* ============================================================
   FEATURE WORDING AREA
   THIS NOW SITS UNDER THE ICONS
   ============================================================ */

html body #why.parken-why-machine
.parken-why-machine-features {

  position: absolute !important;

  top: 742px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;

  width: 100% !important;
  height: 158px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: block !important;

  background: transparent !important;

  border: 0 !important;
  box-shadow: none !important;

  z-index: 20 !important;
}


/* REMOVE OLD WHITE PANEL / EXTRA LINE */

html body #why.parken-why-machine
.parken-why-machine-features::before,

html body #why.parken-why-machine
.parken-why-machine-features::after {

  display: none !important;
  content: none !important;
}


/* ============================================================
   ALL SIX ARTICLES
   ============================================================ */

html body #why.parken-why-machine
.parken-why-machine-features article {

  position: absolute !important;

  top: 0 !important;

  width: 220px !important;
  min-height: 120px !important;

  margin: 0 !important;
  padding: 0 10px !important;

  box-sizing: border-box !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  text-align: center !important;

  transform: translateX(-50%) !important;
}


/* EXACT POSITION UNDER EACH BACKGROUND ICON */

html body #why .parken-why-machine-features article:nth-child(1) {
  left: 17.5% !important;
}

html body #why .parken-why-machine-features article:nth-child(2) {
  left: 34.3% !important;
}

html body #why .parken-why-machine-features article:nth-child(3) {
  left: 50% !important;
}

html body #why .parken-why-machine-features article:nth-child(4) {
  left: 64.8% !important;
}

html body #why .parken-why-machine-features article:nth-child(5) {
  left: 80% !important;
}

html body #why .parken-why-machine-features article:nth-child(6) {
  left: 93.5% !important;
}


/* REMOVE OLD VERTICAL LINES */

html body #why.parken-why-machine
.parken-why-machine-features article::before,

html body #why.parken-why-machine
.parken-why-machine-features article::after {

  display: none !important;
  content: none !important;
}


/* FEATURE TITLE */

html body #why.parken-why-machine
.parken-why-machine-features h3 {

  margin: 0 0 9px 0 !important;

  color: #ffffff !important;

  font-size: 13px !important;
  line-height: 1.25 !important;

  font-weight: 800 !important;

  letter-spacing: .01em !important;

  text-align: center !important;

  white-space: nowrap !important;

  text-shadow:
    0 2px 7px rgba(0,0,0,.20)
    !important;
}


/* DESCRIPTION */

html body #why.parken-why-machine
.parken-why-machine-features p {

  margin: 0 auto !important;

  width: 100% !important;
  max-width: 190px !important;

  color:
    rgba(235,247,255,.92)
    !important;

  font-size: 12px !important;
  line-height: 1.45 !important;

  font-weight: 400 !important;

  text-align: center !important;

  text-shadow:
    0 1px 6px rgba(0,0,0,.15)
    !important;
}

/* =========================================================
   WHY PARKEN — MOVE TEXT INTO SPACE DIRECTLY UNDER ICONS
   ========================================================= */

html body #why.parken-why-machine {
  height: 735px !important;
  min-height: 735px !important;
  background: transparent !important;
}


/* KEEP BACKGROUND FULL HEIGHT */
html body #why.parken-why-machine > .parken-why-machine-bg {
  height: 735px !important;
}


/* MOVE ALL 6 WORDINGS UP INTO THE IMAGE */
html body #why.parken-why-machine
.parken-why-machine-features {

  top: 575px !important;

  height: 145px !important;

  background: transparent !important;

  padding: 0 !important;

  z-index: 20 !important;
}


/* WHITE WORDING ON BLUE BACKGROUND */
html body #why.parken-why-machine
.parken-why-machine-features h3 {

  color: #ffffff !important;

  font-size: 13px !important;

  margin-bottom: 10px !important;
}


html body #why.parken-why-machine
.parken-why-machine-features p {

  color: rgba(235, 247, 255, .92) !important;

  font-size: 12px !important;
}

/* =========================================================
   WHY PARKEN — MOVE TEXT LOWER
   ========================================================= */

html body #why.parken-why-machine {
  height: 735px !important;
  min-height: 735px !important;
  background: transparent !important;
}

html body #why.parken-why-machine > .parken-why-machine-bg {
  height: 735px !important;
}

html body #why.parken-why-machine
.parken-why-machine-features {
  top: 625px !important;
  height: 145px !important;
  background: transparent !important;
  padding: 0 !important;
  z-index: 20 !important;
}

html body #why.parken-why-machine
.parken-why-machine-features h3 {
  color: #ffffff !important;
  font-size: 13px !important;
  margin-bottom: 10px !important;
}

html body #why.parken-why-machine
.parken-why-machine-features p {
  color: rgba(235, 247, 255, .92) !important;
  font-size: 12px !important;
}

/* ============================================================
   PARKEN — SOLUTIONS + OUR ADVANTAGE
   FINAL CLEAN VERSION
   ============================================================ */

#why-details.parken-advantage-solutions-images {
  position: relative !important;
  isolation: isolate !important;

  width: 100% !important;

  padding: 56px 4% 68px !important;

  overflow: hidden !important;

  /* PREMIUM LIGHT PARKEN BACKGROUND */
  background:
    radial-gradient(
      circle at 12% 22%,
      rgba(30, 190, 231, .17),
      transparent 30%
    ),
    radial-gradient(
      circle at 88% 70%,
      rgba(53, 221, 176, .15),
      transparent 31%
    ),
    radial-gradient(
      circle at 50% 100%,
      rgba(32, 177, 219, .08),
      transparent 36%
    ),
    linear-gradient(
      135deg,
      #EDF9FF 0%,
      #DFF5F6 48%,
      #E6F8EF 100%
    ) !important;
}


/* SUBTLE TECH TEXTURE — VERY FAINT */

#why-details.parken-advantage-solutions-images::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  z-index: -1 !important;

  pointer-events: none !important;

  opacity: .35 !important;

  background-image:
    linear-gradient(
      rgba(10, 101, 139, .045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(10, 101, 139, .045) 1px,
      transparent 1px
    ) !important;

  background-size:
    38px 38px !important;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 20%,
      #000 80%,
      transparent
    ) !important;
}


/* ============================================================
   TWO EQUAL COLUMNS
   ============================================================ */

#why-details .parken-as-images-inner {
  position: relative !important;

  width: 100% !important;
  max-width: 1800px !important;

  margin: 0 auto !important;

  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr))
    !important;

  gap: 34px !important;

  align-items: start !important;
}


/* SMALL CENTER SEPARATOR */

#why-details .parken-as-images-inner::after {
  content: "" !important;

  position: absolute !important;

  top: 72px !important;
  bottom: 30px !important;

  left: 50% !important;

  width: 1px !important;

  transform: translateX(-50%) !important;

  background:
    linear-gradient(
      to bottom,
      transparent,
      rgba(13, 117, 151, .18),
      transparent
    )
    !important;

  pointer-events: none !important;
}


/* ============================================================
   EACH SIDE
   ============================================================ */

#why-details .parken-as-image-panel {
  position: relative !important;

  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;

  width: 100% !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  overflow: visible !important;

  transform: none !important;
}


/* ============================================================
   TITLE — FORCE DIRECTLY ABOVE EACH IMAGE
   ============================================================ */

#why-details .parken-as-title {
  position: static !important;

  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;

  display: block !important;

  width: 100% !important;

  margin: 0 0 22px !important;
  padding: 0 !important;

  text-align: center !important;

  white-space: normal !important;

  line-height: 1.05 !important;

  transform: none !important;

  opacity: 1 !important;

  z-index: auto !important;
}


/* DARK BLUE PART */

#why-details .parken-as-title span {
  display: inline-block !important;

  margin: 0 !important;

  color: #07567D !important;

  font-size:
    clamp(25px, 2vw, 35px)
    !important;

  line-height: 1.05 !important;

  font-weight: 800 !important;

  letter-spacing: -.02em !important;

  text-transform: uppercase !important;

  -webkit-text-fill-color:
    #07567D !important;
}


/* CYAN → GREEN PART */

#why-details .parken-as-title strong {
  display: inline-block !important;

  margin-left: 8px !important;

  font-size:
    clamp(25px, 2vw, 35px)
    !important;

  line-height: 1.05 !important;

  font-weight: 800 !important;

  letter-spacing: -.02em !important;

  text-transform: uppercase !important;

  background:
    linear-gradient(
      90deg,
      #16BEE4 0%,
      #2CDCC1 48%,
      #40E79B 100%
    ) !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;

  -webkit-text-fill-color:
    transparent !important;
}


/* ACCENT UNDER TITLE */

#why-details .parken-as-title::after {
  content: "" !important;

  display: block !important;

  width: 82px !important;
  height: 4px !important;

  margin:
    14px auto 0
    !important;

  border-radius:
    999px !important;

  background:
    linear-gradient(
      90deg,
      #16BEE4,
      #40E79B
    )
    !important;

  box-shadow:
    0 0 16px
    rgba(38, 211, 190, .25)
    !important;
}


/* ============================================================
   BOTH GRAPHICS — SAME VISUAL SIZE
   ============================================================ */

#why-details .parken-as-image-panel > img {
  position: static !important;

  display: block !important;

  width: 100% !important;

  height:
    clamp(470px, 34vw, 610px)
    !important;

  max-width: 880px !important;
  max-height: none !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;

  object-position:
    center center !important;

  background:
    transparent !important;

  border: 0 !important;

  border-radius: 0 !important;

  opacity: 1 !important;

  filter:
    drop-shadow(
      0 20px 26px
      rgba(3, 81, 121, .12)
    )
    !important;

  mix-blend-mode:
    normal !important;

  transform:
    none !important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 850px) {

  #why-details.parken-advantage-solutions-images {
    padding:
      48px 20px 56px
      !important;
  }


  #why-details .parken-as-images-inner {
    grid-template-columns:
      1fr !important;

    gap:
      55px !important;
  }


  #why-details .parken-as-images-inner::after {
    display:
      none !important;
  }


  #why-details .parken-as-image-panel > img {
    width:
      100% !important;

    height:
      auto !important;
  }


  #why-details .parken-as-title {
    margin-bottom:
      18px !important;
  }

}

/* ============================================================
   PARKEN — CLIENT STORIES
   PREMIUM AUTO-SCROLL CAROUSEL
   ============================================================ */

.pk-stories-premium {
  position: relative;

  width: 100%;

  padding: 85px 0 70px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(16, 197, 235, .22),
      transparent 30%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(49, 227, 167, .16),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #032F4D 0%,
      #064E6A 48%,
      #075E62 100%
    );
}


/* ============================================================
   BACKGROUND DETAIL
   ============================================================ */

.pk-stories-premium::before {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  opacity: .16;

  background-image:
    linear-gradient(
      rgba(255,255,255,.07) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.07) 1px,
      transparent 1px
    );

  background-size: 52px 52px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 20%,
      #000 85%,
      transparent
    );
}


.pk-stories-glow {
  position: absolute;

  width: 420px;
  height: 420px;

  border-radius: 50%;

  filter: blur(90px);

  pointer-events: none;
}


.pk-stories-glow-one {
  top: -160px;
  left: -100px;

  background:
    rgba(0, 195, 255, .20);
}


.pk-stories-glow-two {
  right: -100px;
  bottom: -180px;

  background:
    rgba(45, 235, 166, .18);
}


/* ============================================================
   HEADING
   ============================================================ */

.pk-stories-head {
  position: relative;

  z-index: 5;

  max-width: 1500px;

  margin: 0 auto 50px;

  padding: 0 5%;
}


.pk-stories-kicker {
  display: flex;
  align-items: center;

  gap: 16px;

  margin-bottom: 16px;

  color: #61E7DE;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: .30em;

  text-transform: uppercase;
}


.pk-stories-kicker::before {
  content: "";

  width: 42px;
  height: 3px;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      #20C7E9,
      #45E6AD
    );
}


.pk-stories-head h2 {
  margin: 0;

  color: #ffffff;

  font-size:
    clamp(44px, 5vw, 76px);

  line-height: .98;

  font-weight: 800;

  letter-spacing: -.035em;
}


.pk-stories-head h2 strong {
  font-weight: 800;

  background:
    linear-gradient(
      90deg,
      #22C6F0 0%,
      #42E6B0 100%
    );

  -webkit-background-clip: text;
  background-clip: text;

  color: transparent;

  -webkit-text-fill-color: transparent;
}


.pk-stories-head > p {
  max-width: 760px;

  margin: 24px 0 0;

  color: rgba(228, 246, 252, .82);

  font-size: 18px;

  line-height: 1.7;
}


/* ============================================================
   MARQUEE WINDOW
   ============================================================ */

.pk-stories-marquee {
  position: relative;

  width: 100%;

  overflow: hidden;

  padding: 15px 0 30px;

  z-index: 5;
}


/* SOFT EDGE FADE */

.pk-stories-marquee::before,
.pk-stories-marquee::after {
  content: "";

  position: absolute;

  top: 0;
  bottom: 0;

  width: 130px;

  z-index: 20;

  pointer-events: none;
}


.pk-stories-marquee::before {
  left: 0;

  background:
    linear-gradient(
      90deg,
      #033752 0%,
      rgba(3,55,82,0) 100%
    );
}


.pk-stories-marquee::after {
  right: 0;

  background:
    linear-gradient(
      270deg,
      #07595F 0%,
      rgba(7,89,95,0) 100%
    );
}


/* ============================================================
   MOVING TRACK
   ============================================================ */

.pk-stories-track {
  display: flex;

  width: max-content;

  gap: 28px;

  padding-left: 28px;

  will-change: transform;

  animation:
    pkStoriesScroll
    48s
    linear
    infinite;
}


/* PAUSE WHEN USER HOVERS */

.pk-stories-marquee:hover
.pk-stories-track {
  animation-play-state:
    paused;
}


@keyframes pkStoriesScroll {

  from {
    transform:
      translateX(0);
  }

  to {
    transform:
      translateX(-50%);
  }

}


/* ============================================================
   TESTIMONIAL CARD
   ============================================================ */

.pk-story-card {
  position: relative;

  flex:
    0 0 410px;

  min-height: 410px;

  padding:
    28px 30px 30px;

  overflow: hidden;

  border:
    1px solid
    rgba(113, 228, 240, .38);

  border-radius:
    26px;

  background:
    linear-gradient(
      145deg,
      rgba(8, 78, 108, .78),
      rgba(4, 45, 75, .86)
    );

  backdrop-filter:
    blur(18px);

  -webkit-backdrop-filter:
    blur(18px);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 18px 50px rgba(0,0,0,.22),
    0 0 0 1px rgba(28, 205, 230, .06);
}


/* CARD LIGHT EDGE */

.pk-story-card::before {
  content: "";

  position: absolute;

  inset: 0;

  border-radius: inherit;

  padding: 1px;

  background:
    linear-gradient(
      135deg,
      rgba(27, 221, 244, .85),
      transparent 35%,
      transparent 66%,
      rgba(57, 231, 171, .72)
    );

  -webkit-mask:
    linear-gradient(#fff 0 0)
    content-box,
    linear-gradient(#fff 0 0);

  -webkit-mask-composite:
    xor;

  mask-composite:
    exclude;

  pointer-events: none;
}


/* CARD GLOW */

.pk-story-card::after {
  content: "";

  position: absolute;

  width: 190px;
  height: 190px;

  right: -90px;
  bottom: -100px;

  border-radius: 50%;

  background:
    rgba(42, 231, 171, .13);

  filter:
    blur(35px);

  pointer-events:
    none;
}


/* ============================================================
   CARD CONTENT
   ============================================================ */

.pk-story-card-top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  margin-bottom: 22px;
}


.pk-story-quote {
  color: #50E7E3;

  font-size: 58px;

  line-height: .8;

  font-family:
    Georgia,
    serif;
}


.pk-story-stars {
  color: #FFD35A;

  font-size: 15px;

  letter-spacing: .10em;
}


.pk-story-review {
  position: relative;

  z-index: 2;

  margin: 0;

  min-height: 190px;

  color: #F4FBFF;

  font-size: 17px;

  line-height: 1.68;
}


/* ============================================================
   PERSON / AVATAR
   ============================================================ */

.pk-story-person {
  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;

  gap: 15px;

  margin-top: 28px;

  padding-top: 22px;

  border-top:
    1px solid
    rgba(255,255,255,.12);
}


.pk-story-avatar {
  flex: 0 0 58px;

  width: 58px;
  height: 58px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  color: #ffffff;

  font-size: 17px;

  font-weight: 800;

  letter-spacing: .04em;

  background:
    linear-gradient(
      135deg,
      #147DBC,
      #18BFCD 55%,
      #35DDA7
    );

  border:
    2px solid
    rgba(126, 239, 239, .72);

  box-shadow:
    0 0 22px
    rgba(22, 206, 219, .28);
}


.pk-story-person h3 {
  margin: 0 0 4px;

  color: #ffffff;

  font-size: 17px;

  font-weight: 700;
}


.pk-story-person span {
  display: block;

  color: #77E4DA;

  font-size: 13px;

  font-weight: 600;
}


.pk-story-person small {
  display: block;

  margin-top: 3px;

  color:
    rgba(224, 241, 248, .64);

  font-size: 12px;
}


/* ============================================================
   FOOTER DETAIL
   ============================================================ */

.pk-stories-footer {
  position: relative;

  z-index: 5;

  max-width: 1500px;

  margin: 20px auto 0;

  padding: 0 5%;

  display: flex;

  align-items: center;

  gap: 18px;

  justify-content: flex-end;
}


.pk-stories-footer span {
  width: 42px;
  height: 2px;

  background:
    linear-gradient(
      90deg,
      #1DC9EA,
      #43E6A7
    );
}


.pk-stories-footer p {
  margin: 0;

  color: #79E8E4;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .24em;

  text-transform: uppercase;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

  .pk-stories-premium {
    padding:
      65px 0 55px;
  }


  .pk-stories-head {
    margin-bottom:
      35px;

    padding:
      0 22px;
  }


  .pk-stories-head h2 {
    font-size:
      43px;
  }


  .pk-stories-head > p {
    font-size:
      15px;
  }


  .pk-story-card {
    flex-basis:
      305px;

    min-height:
      430px;

    padding:
      24px;
  }


  .pk-story-review {
    font-size:
      15px;
  }


  .pk-stories-marquee::before,
  .pk-stories-marquee::after {
    width:
      35px;
  }

}


/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

  .pk-stories-track {
    animation:
      none !important;
  }

}

.parken-hero-title {
  margin: 0;

  display: flex;
  flex-direction: column;

  align-items: flex-start;

  font-size: clamp(70px, 7.2vw, 122px);
  line-height: .88;

  font-weight: 800;

  letter-spacing: -.045em;
}

.parken-hero-title > span {
  display: block;

  font-size: 1em;
  line-height: inherit;

  color: #ffffff;
}


/* PARKEN + ACCESS */

.parken-hero-title .hero-gradient {
  background:
    linear-gradient(
      90deg,
      #1FC4EE 0%,
      #25D8D0 52%,
      #43E99F 100%
    );

  -webkit-background-clip: text;
  background-clip: text;

  color: transparent;

  -webkit-text-fill-color: transparent;
}

.parken-hero-categories {
  width: 100%;
  max-width: 1150px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  margin-top: 26px;
}

.parken-hero-categories span {
  color: #ffffff;

  font-size: 17px;
  font-weight: 800;

  letter-spacing: .12em;

  white-space: nowrap;
}

.parken-hero-categories i {
  width: 7px;
  height: 7px;

  flex: 0 0 7px;

  border-radius: 50%;

  background: #42E5C1;

  box-shadow:
    0 0 10px rgba(66,229,193,.55);
}

/* =========================================================
   PARKEN HEADER NAV — FONT SIZE ONLY
   ========================================================= */

html body header.pk-header nav a,
html body #parken-header nav a,
html body header.pk-header .pk-nav a,
html body #parken-header .pk-nav a {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
}

/* ============================================================
   PARKEN HERO — FORCE FINAL FONT FIX
   ACTUAL HTML CLASS NAMES
   ============================================================ */


/* ============================================================
   MAIN 4-LINE TITLE
   PARKEN / ENGINEERED / FOR RELIABLE / ACCESS
   ============================================================ */

html body .parken-hero-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  width: fit-content !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  /* SMALLER THAN CURRENT */
  font-size:
    clamp(54px, 5vw, 90px)
    !important;

  line-height:
    .91 !important;

  font-weight:
    800 !important;

  letter-spacing:
    -.04em !important;

  text-align:
    left !important;

  text-transform:
    uppercase !important;
}


/* FORCE ALL FOUR LINES SAME SIZE */

html body .parken-hero-title > span {
  display: block !important;

  margin: 0 0 6px 0 !important;
  padding: 0 !important;

  font-family: inherit !important;

  font-size:
    1em !important;

  line-height:
    .91 !important;

  font-weight:
    800 !important;

  letter-spacing:
    -.04em !important;

  white-space:
    nowrap !important;

  color:
    #ffffff !important;
}


/* REMOVE EXTRA GAP AFTER ACCESS */

html body .parken-hero-title > span:last-child {
  margin-bottom:
    0 !important;
}


/* ============================================================
   PARKEN + ACCESS — SAME GRADIENT
   ============================================================ */

html body
.parken-hero-title
.hero-gradient {
  background:
    linear-gradient(
      90deg,
      #22BCEB 0%,
      #20D0D4 50%,
      #46E89D 100%
    )
    !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;

  -webkit-text-fill-color:
    transparent !important;
}


/* ============================================================
   BARRIER / PEDESTRIAN / ALPR
   BIGGER + CLEANER + MORE PREMIUM
   ============================================================ */

html body .parken-hero-capabilities {
  width:
    100% !important;

  max-width:
    1000px !important;

  margin-top:
    28px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  gap:
    22px !important;
}


/* ACTUAL 3 WORDINGS */

html body
.parken-hero-capabilities > span {
  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  /* CURRENT ONE IS TOO SMALL — FORCE BIGGER */
  font-size:
    17px !important;

  line-height:
    1 !important;

  font-weight:
    700 !important;

  letter-spacing:
    .13em !important;

  color:
    #ffffff !important;

  text-transform:
    uppercase !important;

  white-space:
    nowrap !important;

  opacity:
    1 !important;
}


/* DOTS */

html body
.parken-hero-capabilities > i {
  display:
    block !important;

  width:
    7px !important;

  height:
    7px !important;

  flex:
    0 0 7px !important;

  margin:
    0 2px !important;

  border-radius:
    50% !important;

  background:
    #46E6BE !important;

  box-shadow:
    0 0 11px
    rgba(70,230,190,.65)
    !important;
}


/* ============================================================
   LAPTOP
   ============================================================ */

@media (max-width: 1400px) {

  html body .parken-hero-title {
    font-size:
      clamp(52px, 5vw, 80px)
      !important;
  }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

  html body .parken-hero-title {
    font-size:
      clamp(42px, 12vw, 60px)
      !important;

    line-height:
      .94 !important;
  }

  html body
  .parken-hero-title > span {
    line-height:
      .94 !important;

    margin-bottom:
      4px !important;
  }


  html body
  .parken-hero-capabilities {
    flex-wrap:
      wrap !important;

    gap:
      12px 15px !important;
  }


  html body
  .parken-hero-capabilities > span {
    font-size:
      12px !important;
  }

}

/* ============================================================
   PARKEN HERO — FINAL POLISH
   ACCESS CLIP FIX + CAPABILITY WOW EFFECT
   ============================================================ */


/* ============================================================
   FIX "ACCESS" LAST S BEING CUT OFF
   ============================================================ */

html body #home .parken-hero-title {
  overflow: visible !important;

  /* extra breathing room on right */
  padding-right: 18px !important;

  width: auto !important;
  max-width: none !important;
}


html body #home
.parken-hero-title > span {
  overflow: visible !important;

  /* prevents final letter clipping */
  padding-right: .10em !important;
}


html body #home
.parken-hero-title
.hero-gradient {
  display: inline-block !important;

  overflow: visible !important;

  padding-right: .10em !important;
}


/* ============================================================
   CAPABILITIES — PREMIUM INTERACTIVE EFFECT
   ============================================================ */

html body #home
.parken-hero-capabilities {
  position: relative !important;

  overflow: visible !important;

  perspective: 900px !important;
}


/* ------------------------------------------------------------
   EACH WORDING
   ------------------------------------------------------------ */

html body #home
.parken-hero-capabilities > span {
  position: relative !important;

  display: inline-block !important;

  padding:
    8px 2px 10px
    !important;

  color: #ffffff !important;

  cursor: default !important;

  transform:
    translateY(0)
    !important;

  transition:
    transform .32s ease,
    text-shadow .32s ease,
    filter .32s ease
    !important;

  animation:
    pkCapabilityFloat
    4.8s
    ease-in-out
    infinite;
}


/* DIFFERENT FLOAT TIMING SO THEY DON'T MOVE TOGETHER */

html body #home
.parken-hero-capabilities > span:nth-of-type(1) {
  animation-delay: 0s;
}

html body #home
.parken-hero-capabilities > span:nth-of-type(2) {
  animation-delay: .7s;
}

html body #home
.parken-hero-capabilities > span:nth-of-type(3) {
  animation-delay: 1.4s;
}


/* ------------------------------------------------------------
   GLOW LINE UNDER EACH WORD
   ------------------------------------------------------------ */

html body #home
.parken-hero-capabilities > span::after {
  content: "" !important;

  position: absolute !important;

  left: 50% !important;
  bottom: 1px !important;

  width: 0 !important;
  height: 2px !important;

  border-radius: 999px !important;

  transform:
    translateX(-50%)
    !important;

  background:
    linear-gradient(
      90deg,
      #1FC4EE 0%,
      #27D8D0 50%,
      #46E99E 100%
    )
    !important;

  box-shadow:
    0 0 12px
    rgba(40, 220, 199, .58)
    !important;

  transition:
    width .34s ease
    !important;
}


/* ------------------------------------------------------------
   HOVER — GRADIENT TEXT + LIFT
   ------------------------------------------------------------ */

html body #home
.parken-hero-capabilities > span:hover {
  transform:
    translateY(-5px)
    scale(1.035)
    !important;

  background:
    linear-gradient(
      90deg,
      #29C8F2 0%,
      #26DDD0 52%,
      #4AE99D 100%
    )
    !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;

  -webkit-text-fill-color:
    transparent !important;

  filter:
    drop-shadow(
      0 0 9px
      rgba(40, 218, 210, .35)
    )
    !important;
}


html body #home
.parken-hero-capabilities > span:hover::after {
  width:
    82% !important;
}


/* ============================================================
   SEPARATOR DOTS
   ============================================================ */

html body #home
.parken-hero-capabilities > i {
  position: relative !important;

  background:
    #43E7BE !important;

  box-shadow:
    0 0 8px rgba(67,231,190,.75),
    0 0 18px rgba(67,231,190,.32)
    !important;

  animation:
    pkCapabilityPulse
    2.4s
    ease-in-out
    infinite;
}


/* WHEN MOUSE IS OVER THE WHOLE CAPABILITY AREA,
   DOTS BECOME SLIGHTLY BRIGHTER */

html body #home
.parken-hero-capabilities:hover > i {
  transform:
    scale(1.25)
    !important;

  box-shadow:
    0 0 10px rgba(67,231,190,.95),
    0 0 24px rgba(67,231,190,.55)
    !important;
}


/* ============================================================
   ANIMATIONS
   ============================================================ */

@keyframes pkCapabilityFloat {

  0%,
  100% {
    transform:
      translateY(0);
  }

  50% {
    transform:
      translateY(-2px);
  }

}


@keyframes pkCapabilityPulse {

  0%,
  100% {
    opacity: .72;

    box-shadow:
      0 0 7px rgba(67,231,190,.55);
  }

  50% {
    opacity: 1;

    box-shadow:
      0 0 13px rgba(67,231,190,.95),
      0 0 24px rgba(67,231,190,.30);
  }

}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  html body #home
  .parken-hero-capabilities > span,

  html body #home
  .parken-hero-capabilities > i {
    animation:
      none !important;
  }

}

/* =========================================================
   HERO CAPABILITIES — PREMIUM SPACING / POLISH
   ========================================================= */

html body #home .parken-hero-capabilities {
  position: relative !important;

  width: 100% !important;
  max-width: 1000px !important;

  /* MORE SPACE FROM DESCRIPTION */
  margin-top: 34px !important;

  padding-top: 20px !important;
  padding-bottom: 8px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  gap: 32px !important;

  overflow: visible !important;
}


/* THIN TECH LINE ABOVE */

html body #home
.parken-hero-capabilities::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 1px !important;

  background:
    linear-gradient(
      90deg,
      rgba(34,196,235,0),
      rgba(34,196,235,.65) 15%,
      rgba(38,218,205,.65) 55%,
      rgba(69,233,158,.55) 85%,
      rgba(69,233,158,0)
    ) !important;
}


/* THE 3 WORDINGS */

html body #home
.parken-hero-capabilities > span {
  position: relative !important;

  padding: 7px 0 10px !important;

  font-size: 16px !important;

  font-weight: 700 !important;

  letter-spacing: .12em !important;

  color: #ffffff !important;

  white-space: nowrap !important;

  transition:
    transform .3s ease,
    filter .3s ease
    !important;
}


/* HOVER */

html body #home
.parken-hero-capabilities > span:hover {
  transform:
    translateY(-4px)
    !important;

  background:
    linear-gradient(
      90deg,
      #22C6F0,
      #29D9CF,
      #43E89F
    ) !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;

  -webkit-text-fill-color:
    transparent !important;

  filter:
    drop-shadow(
      0 0 8px rgba(41,217,207,.35)
    )
    !important;
}


/* SMALL UNDERLINE ON HOVER */

html body #home
.parken-hero-capabilities > span::after {
  content: "" !important;

  position: absolute !important;

  left: 50% !important;
  bottom: 0 !important;

  width: 0 !important;
  height: 2px !important;

  transform:
    translateX(-50%)
    !important;

  border-radius: 999px !important;

  background:
    linear-gradient(
      90deg,
      #22C6F0,
      #43E89F
    )
    !important;

  transition:
    width .3s ease
    !important;
}


html body #home
.parken-hero-capabilities > span:hover::after {
  width:
    78% !important;
}


/* DOTS */

html body #home
.parken-hero-capabilities > i {
  width: 6px !important;
  height: 6px !important;

  flex: 0 0 6px !important;

  border-radius: 50% !important;

  background:
    #43E6BE !important;

  box-shadow:
    0 0 10px rgba(67,230,190,.65)
    !important;
}

/* ============================================================
   PARKEN — FINAL HERO + CLEAR GLASS HEADER FIX
   ============================================================ */


/* ============================================================
   1. CAPABILITY ROW — MOVE IT UP ABOVE PRODUCT REEL
   ============================================================ */

html body #home .parken-hero-capabilities {
  position: relative !important;

  width: 100% !important;
  max-width: 1000px !important;

  /* keep same horizontal position */
  margin-left: 0 !important;
  margin-right: 0 !important;

  /*
     THIS IS THE IMPORTANT FIX:
     move the whole line + wording upward
  */
  transform: translateY(-32px) !important;

  margin-top: 30px !important;

  padding-top: 16px !important;
  padding-bottom: 10px !important;

  z-index: 30 !important;

  overflow: visible !important;
}


/* LINE ABOVE THE WORDING */

html body #home
.parken-hero-capabilities::before {
  top: 0 !important;

  opacity: 1 !important;
}


/* WORDING */

html body #home
.parken-hero-capabilities > span {
  position: relative !important;

  padding:
    8px 0 9px !important;

  font-size:
    16px !important;

  font-weight:
    700 !important;

  letter-spacing:
    .12em !important;

  line-height:
    1 !important;

  white-space:
    nowrap !important;

  z-index:
    31 !important;
}


/* ============================================================
   2. HEADER — CLEAR TRANSPARENT GLASS
   NO BLUR
   ============================================================ */

html body header.pk-header,
html body #parken-header,
html body header.pk-header.is-scrolled,
html body #parken-header.is-scrolled {

  /* CLEAR TINTED GLASS */
  background:
    linear-gradient(
      100deg,
      rgba(3, 38, 59, .30) 0%,
      rgba(4, 68, 86, .22) 52%,
      rgba(18, 113, 105, .16) 100%
    )
    !important;


  /* IMPORTANT — REMOVE BLUR */
  backdrop-filter:
    none !important;

  -webkit-backdrop-filter:
    none !important;


  /* GLASS EDGE */
  border-bottom:
    1px solid rgba(255,255,255,.13)
    !important;


  /* VERY LIGHT DEPTH ONLY */
  box-shadow:
    inset 0 -1px 0 rgba(255,255,255,.04),
    0 8px 25px rgba(0,25,40,.08)
    !important;
}


/* REMOVE OLD CLOUDY / BLUR LAYERS */

html body header.pk-header::before,
html body #parken-header::before {
  backdrop-filter:
    none !important;

  -webkit-backdrop-filter:
    none !important;

  filter:
    none !important;
}


/* KEEP NAV + LOGO SHARP */

html body header.pk-header *,
html body #parken-header * {
  backdrop-filter:
    none !important;

  -webkit-backdrop-filter:
    none !important;
}

/* =========================================================
   HERO CAPABILITIES — FINAL WIDTH + SIZE FIX
   ========================================================= */

html body #home .parken-hero-capabilities {
  width: 100% !important;

  /* shorter width so ALPR ends with paragraph area */
  max-width: 760px !important;

  margin-top: 18px !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;

  transform: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 18px !important;
}


/* REMOVE THE LINE COMPLETELY */

html body #home
.parken-hero-capabilities::before,
html body #home
.parken-hero-capabilities::after {
  display: none !important;
  content: none !important;
}


/* SMALLER, CLEANER WORDING */

html body #home
.parken-hero-capabilities > span {
  padding: 0 !important;
  margin: 0 !important;

  font-size: 14px !important;
  line-height: 1 !important;

  font-weight: 700 !important;

  letter-spacing: .10em !important;

  white-space: nowrap !important;
}


/* SMALLER DOTS */

html body #home
.parken-hero-capabilities > i {
  width: 5px !important;
  height: 5px !important;

  flex: 0 0 5px !important;

  margin: 0 !important;
}

/* ============================================================
   PARKEN HERO — FINAL COMPLETE OVERRIDE
   ============================================================ */


/* ============================================================
   MOVE THE WHOLE HERO COPY UP
   Gives room for capabilities + moving product reel
   ============================================================ */

html body #home .parken-hero-copy {
  position: relative !important;

  transform: translateY(-45px) !important;

  z-index: 20 !important;

  overflow: visible !important;
}


/* ============================================================
   MAIN TITLE
   PARKEN
   ENGINEERED
   FOR RELIABLE
   ACCESS
   ============================================================ */

html body #home .parken-hero-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  width: fit-content !important;
  max-width: none !important;

  margin: 0 !important;

  /* prevents ACCESS final S clipping */
  padding: 0 .16em 0 0 !important;

  overflow: visible !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    clamp(52px, 4.7vw, 82px)
    !important;

  line-height:
    .92 !important;

  font-weight:
    800 !important;

  letter-spacing:
    -.035em !important;

  text-align:
    left !important;

  text-transform:
    uppercase !important;
}


/* ALL 4 LINES SAME SIZE */

html body #home
.parken-hero-title > span {
  display: block !important;

  margin: 0 0 5px 0 !important;

  padding-right:
    .12em !important;

  overflow:
    visible !important;

  font-family:
    inherit !important;

  font-size:
    1em !important;

  line-height:
    .92 !important;

  font-weight:
    800 !important;

  letter-spacing:
    inherit !important;

  color:
    #ffffff !important;

  white-space:
    nowrap !important;
}


html body #home
.parken-hero-title > span:last-child {
  margin-bottom:
    0 !important;
}


/* ============================================================
   PARKEN + ACCESS GRADIENT
   ============================================================ */

html body #home
.parken-hero-title
.hero-gradient {
  display:
    inline-block !important;

  overflow:
    visible !important;

  background:
    linear-gradient(
      90deg,
      #20BCEB 0%,
      #20CED7 48%,
      #46E89E 100%
    )
    !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;

  -webkit-text-fill-color:
    transparent !important;
}


/* ============================================================
   CAPABILITY ROW
   BARRIER / PEDESTRIAN / ALPR
   ============================================================ */

html body #home
.parken-hero-capabilities {
  position:
    relative !important;

  width:
    100% !important;

  /* Keeps ALPR ending around the paragraph width */
  max-width:
    760px !important;

  margin:
    20px 0 0 0 !important;

  padding:
    0 !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    space-between !important;

  gap:
    18px !important;

  overflow:
    visible !important;

  z-index:
    30 !important;
}


/* REMOVE OLD HORIZONTAL LINE */

html body #home
.parken-hero-capabilities::before,

html body #home
.parken-hero-capabilities::after {
  display:
    none !important;

  content:
    none !important;
}


/* ============================================================
   THE 3 WORDINGS
   ============================================================ */

html body #home
.parken-hero-capabilities > span {
  position:
    relative !important;

  display:
    inline-block !important;

  margin:
    0 !important;

  padding:
    6px 0 9px !important;

  color:
    #ffffff !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    14px !important;

  line-height:
    1 !important;

  font-weight:
    700 !important;

  letter-spacing:
    .10em !important;

  text-transform:
    uppercase !important;

  white-space:
    nowrap !important;

  cursor:
    default !important;

  animation:
    pkHeroCapabilityFloat
    4.8s
    ease-in-out
    infinite;

  transition:
    filter .30s ease
    !important;
}


/* FLOAT AT DIFFERENT TIMES */

html body #home
.parken-hero-capabilities > span:nth-of-type(1) {
  animation-delay:
    0s;
}

html body #home
.parken-hero-capabilities > span:nth-of-type(2) {
  animation-delay:
    .65s;
}

html body #home
.parken-hero-capabilities > span:nth-of-type(3) {
  animation-delay:
    1.3s;
}


/* ============================================================
   UNDERLINE THAT APPEARS ONLY ON HOVER
   ============================================================ */

html body #home
.parken-hero-capabilities > span::after {
  content:
    "" !important;

  position:
    absolute !important;

  left:
    50% !important;

  bottom:
    0 !important;

  width:
    0 !important;

  height:
    2px !important;

  transform:
    translateX(-50%)
    !important;

  border-radius:
    999px !important;

  background:
    linear-gradient(
      90deg,
      #20C4EC,
      #29D9CF,
      #45E89F
    )
    !important;

  box-shadow:
    0 0 10px
    rgba(40, 218, 206, .45)
    !important;

  transition:
    width .30s ease
    !important;
}


/* ============================================================
   HOVER — BLUE/CYAN/GREEN TEXT
   ============================================================ */

html body #home
.parken-hero-capabilities > span:hover {
  animation-play-state:
    paused !important;

  transform:
    translateY(-4px)
    scale(1.03)
    !important;

  background:
    linear-gradient(
      90deg,
      #22C5EE,
      #28DAD0,
      #46E89F
    )
    !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;

  -webkit-text-fill-color:
    transparent !important;

  filter:
    drop-shadow(
      0 0 7px
      rgba(38, 217, 207, .35)
    )
    !important;
}


html body #home
.parken-hero-capabilities > span:hover::after {
  width:
    76% !important;
}


/* ============================================================
   DOTS
   ============================================================ */

html body #home
.parken-hero-capabilities > i {
  display:
    block !important;

  width:
    5px !important;

  height:
    5px !important;

  flex:
    0 0 5px !important;

  margin:
    0 !important;

  border-radius:
    50% !important;

  background:
    #43E7BD !important;

  box-shadow:
    0 0 9px
    rgba(67, 231, 189, .70)
    !important;

  animation:
    pkHeroCapabilityDot
    2.5s
    ease-in-out
    infinite;
}


/* ============================================================
   ANIMATION
   ============================================================ */

@keyframes pkHeroCapabilityFloat {

  0%,
  100% {
    transform:
      translateY(0);
  }

  50% {
    transform:
      translateY(-2px);
  }

}


@keyframes pkHeroCapabilityDot {

  0%,
  100% {
    opacity:
      .65;
  }

  50% {
    opacity:
      1;

    box-shadow:
      0 0 12px
      rgba(67, 231, 189, .95);
  }

}


/* ============================================================
   LAPTOP
   ============================================================ */

@media (max-width: 1300px) {

  html body #home
  .parken-hero-copy {
    transform:
      translateY(-38px)
      !important;
  }


  html body #home
  .parken-hero-title {
    font-size:
      clamp(50px, 4.6vw, 76px)
      !important;
  }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

  html body #home
  .parken-hero-copy {
    transform:
      translateY(-20px)
      !important;
  }


  html body #home
  .parken-hero-title {
    font-size:
      clamp(42px, 12vw, 60px)
      !important;

    line-height:
      .94 !important;
  }


  html body #home
  .parken-hero-title > span {
    line-height:
      .94 !important;
  }


  html body #home
  .parken-hero-capabilities {
    max-width:
      100% !important;

    flex-wrap:
      wrap !important;

    justify-content:
      flex-start !important;

    gap:
      12px 15px !important;
  }


  html body #home
  .parken-hero-capabilities > span {
    font-size:
      11px !important;
  }

}


/* ============================================================
   ACCESSIBILITY
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  html body #home
  .parken-hero-capabilities > span,

  html body #home
  .parken-hero-capabilities > i {
    animation:
      none !important;
  }

}

/* ============================================================
   ABOUT US — FINAL TITLE COLOUR + SIZE
   ============================================================ */


/* ABOUT US SMALL LABEL — BIGGER + GET A QUOTE GRADIENT */

html body #about .pk-about-title > span,
html body #about .pk-about-title .eyebrow,
html body #about .pk-about-title .pk-eyebrow,
html body #about .pk-about-kicker {

  display: inline-block !important;

  font-size: 18px !important;
  line-height: 1 !important;

  font-weight: 800 !important;

  letter-spacing: .18em !important;

  text-transform: uppercase !important;

  background:
    linear-gradient(
      90deg,
      #27D9D2 0%,
      #46E9A6 100%
    ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;

  color: transparent !important;
  -webkit-text-fill-color: transparent !important;

  margin-bottom: 20px !important;
}


/* GLOBAL REACH — KEEP WHITE */

html body #about .pk-about-title h2 {
  color: #ffffff !important;
}


/* LOCAL IMPACT — EXACT GET A QUOTE GRADIENT */

html body #about .pk-about-title h2 em,
html body #about #pk-company-title em {

  font-style: normal !important;

  background:
    linear-gradient(
      90deg,
      #27D9D2 0%,
      #46E9A6 100%
    ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;

  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* =========================================================
   ABOUT US — VIDEO-SYNCED PROGRESS LINE
   ========================================================= */

#about .pk-about-slide-progress {
  position: relative !important;

  width: 190px !important;
  height: 2px !important;

  margin-top: 14px !important;

  overflow: hidden !important;

  background:
    rgba(255,255,255,.28) !important;
}

#about .pk-about-slide-progress > span {
  position: absolute !important;

  top: 0 !important;
  left: 0 !important;

  width: 0% !important;
  height: 100% !important;

  background:
    linear-gradient(
      90deg,
      #27D9D2 0%,
      #46E9A6 100%
    ) !important;

  box-shadow:
    0 0 8px rgba(39,217,210,.45) !important;

  transition:
    width .08s linear !important;
}

/* =========================================================
   HEADER — FROSTED BLUR GLASS
   ========================================================= */

html body header.pk-header,
html body #parken-header,
html body header.pk-header.is-scrolled,
html body #parken-header.is-scrolled {

  background:
    linear-gradient(
      100deg,
      rgba(2, 31, 47, .42) 0%,
      rgba(3, 58, 70, .30) 55%,
      rgba(4, 77, 78, .22) 100%
    ) !important;

  backdrop-filter:
    blur(18px) saturate(140%) !important;

  -webkit-backdrop-filter:
    blur(18px) saturate(140%) !important;

  border-bottom:
    1px solid rgba(255,255,255,.10) !important;

  box-shadow:
    0 10px 30px rgba(0,25,40,.10) !important;
}

/* =========================================================
   WHY PARKEN
   ========================================================= */

.why-parken {
  position: relative;
  width: 100%;
  min-height: 760px;
  overflow: hidden;
  isolation: isolate;

  background:
    radial-gradient(
      circle at 20% 35%,
      rgba(0, 174, 255, 0.17),
      transparent 32%
    ),
    radial-gradient(
      circle at 92% 80%,
      rgba(0, 255, 166, 0.12),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #03182d 0%,
      #052d59 52%,
      #023f59 100%
    );

  color: #fff;
}


/* subtle background glows */

.why-parken-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  pointer-events: none;
  z-index: -1;
}

.why-glow-blue {
  width: 500px;
  height: 500px;
  left: -150px;
  top: 50px;
  background: rgba(0, 153, 255, 0.16);
}

.why-glow-green {
  width: 480px;
  height: 480px;
  right: -120px;
  bottom: -150px;
  background: rgba(0, 255, 170, 0.12);
}


/* =========================================================
   TOP
   ========================================================= */

.why-parken-top {
  position: relative;
  min-height: 430px;

  display: grid;
  grid-template-columns: 38% 62%;
  align-items: stretch;
}


/* VIDEO */

.why-video-wrap {
  position: relative;
  overflow: hidden;
  min-height: 430px;
}

.why-video {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}


/* smooth video → background blending */

.why-video-fade {
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      transparent 45%,
      rgba(4, 38, 76, 0.35) 72%,
      #052d59 100%
    ),
    linear-gradient(
      0deg,
      rgba(3, 28, 55, 0.8) 0%,
      transparent 45%
    );

  pointer-events: none;
}


/* HEADING */

.why-heading {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 60px 7vw 70px 5vw;
}

.why-eyebrow {
  display: block;

  margin-bottom: 20px;

  color: #6ef2db;

  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.28em;
}

.why-heading h2 {
  margin: 0;

  max-width: 980px;

  font-size: clamp(40px, 4.6vw, 78px);
  line-height: 0.98;

  font-weight: 850;
  letter-spacing: -0.035em;
}

.why-heading p {
  max-width: 680px;

  margin: 28px 0 0;

  color: rgba(255,255,255,.72);

  font-size: 17px;
  line-height: 1.7;
}


/* =========================================================
   FLOW
   ========================================================= */

.why-flow {
  position: relative;

  min-height: 320px;

  padding: 20px 5vw 60px;
}


/* SVG line */

.why-flow-svg {
  position: absolute;

  width: 110%;
  height: 230px;

  left: -5%;
  top: -35px;

  overflow: visible;

  pointer-events: none;
}

.why-flow-line {
  fill: none;
  stroke: url(#whyLineGradient);
}

.why-flow-line-soft {
  stroke-width: 16;
  opacity: .18;

  filter: url(#whyGlow);
}

.why-flow-line-main {
  stroke-width: 3;
  opacity: .9;

  filter: url(#whyGlow);

  stroke-dasharray: 18 20;

  animation: whyLineTravel 2.6s linear infinite;
}

@keyframes whyLineTravel {
  to {
    stroke-dashoffset: -76;
  }
}


/* =========================================================
   FEATURES
   ========================================================= */

.why-features {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));

  gap: 22px;
}

.why-feature {
  text-align: center;
}


/* ICON CIRCLE */

.why-node {
  position: relative;

  width: 126px;
  height: 126px;

  margin: 0 auto 22px;

  display: grid;
  place-items: center;

  border-radius: 50%;

  background:
    radial-gradient(
      circle at 35% 30%,
      rgba(0, 229, 255, .72),
      rgba(7, 98, 177, .66) 50%,
      rgba(4, 42, 94, .86) 100%
    );

  border: 3px solid rgba(109, 237, 255, .9);

  box-shadow:
    0 0 10px rgba(0, 220, 255, .85),
    0 0 28px rgba(0, 220, 255, .42),
    inset 0 0 25px rgba(0, 217, 255, .22);

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}


/* glow ring */

.why-node::before {
  content: "";

  position: absolute;
  inset: -10px;

  border-radius: inherit;

  border: 1px solid rgba(51, 223, 255, .42);

  box-shadow:
    0 0 22px rgba(0, 218, 255, .22);
}


/* little light antenna */

.why-node::after {
  content: "";

  position: absolute;

  width: 2px;
  height: 45px;

  left: 50%;
  top: -44px;

  transform: translateX(-50%);

  background:
    linear-gradient(
      to top,
      rgba(0, 220, 255, .95),
      transparent
    );

  box-shadow:
    0 0 10px rgba(0, 234, 255, .9);
}


/* individual icon */

.why-node svg {
  width: 52px;
  height: 52px;

  stroke-width: 2.3;
  color: #fff;

  filter:
    drop-shadow(0 0 8px rgba(255,255,255,.3));
}

.why-feature:hover .why-node {
  transform: translateY(-8px) scale(1.04);

  box-shadow:
    0 0 16px rgba(0, 230, 255, .9),
    0 0 42px rgba(0, 210, 255, .48),
    inset 0 0 28px rgba(0, 222, 255, .3);
}


/* green final icon */

.why-feature:last-child .why-node {
  background:
    radial-gradient(
      circle at 35% 30%,
      rgba(41, 240, 203, .8),
      rgba(8, 157, 141, .7) 52%,
      rgba(4, 69, 77, .9)
    );

  border-color: #5effcc;

  box-shadow:
    0 0 12px rgba(43, 255, 193, .8),
    0 0 34px rgba(43, 255, 193, .36),
    inset 0 0 25px rgba(43,255,193,.22);
}


/* TEXT */

.why-feature h3 {
  margin: 0 0 9px;

  font-size: 15px;
  line-height: 1.3;

  font-weight: 800;

  color: #fff;
}

.why-feature p {
  margin: 0 auto;

  max-width: 200px;

  font-size: 14px;
  line-height: 1.55;

  color: rgba(255,255,255,.72);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .why-parken-top {
    grid-template-columns: 45% 55%;
  }

  .why-features {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 70px;
  }

  .why-flow-svg {
    display: none;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

  .why-parken-top {
    display: block;
  }

  .why-video-wrap {
    height: 330px;
    min-height: 0;
  }

  .why-video-fade {
    background:
      linear-gradient(
        0deg,
        #052d59 0%,
        transparent 55%
      );
  }

  .why-heading {
    padding:
      25px
      22px
      55px;
  }

  .why-heading h2 {
    font-size: clamp(36px, 11vw, 54px);
  }

  .why-heading p {
    font-size: 15px;
  }

  .why-flow {
    padding:
      20px
      20px
      65px;
  }

  .why-features {
    grid-template-columns: repeat(2, 1fr);
    gap: 55px 18px;
  }

  .why-node {
    width: 98px;
    height: 98px;
  }

  .why-node svg {
    width: 40px;
    height: 40px;
  }

}


/* very small mobile */

@media (max-width: 430px) {

  .why-features {
    grid-template-columns: 1fr;
  }

}

.why-heading h2 {
  margin: 0;
  max-width: 980px;

  font-size: clamp(42px, 4vw, 68px);
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.why-eyebrow {
  display: block;
  margin-bottom: 18px;

  font-size: 17px;
  font-weight: 800;
  letter-spacing: .28em;

  color: #65ead8;
}

.why-video-wrap {
  position: relative;
  min-height: 430px;
  overflow: hidden;
}

.why-video {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  -webkit-mask-image:
    linear-gradient(
      to right,
      #000 0%,
      #000 72%,
      rgba(0,0,0,.8) 82%,
      transparent 100%
    );

  mask-image:
    linear-gradient(
      to right,
      #000 0%,
      #000 72%,
      rgba(0,0,0,.8) 82%,
      transparent 100%
    );
}

.why-node {
  width: 112px;
  height: 112px;
}

.why-flow-line-soft {
  stroke-width: 14;
  opacity: .18;
  filter: blur(7px);
}

.why-flow-line-main {
  stroke-width: 3;
  opacity: .95;
  stroke-dasharray: 18 22;

  animation: whyFlowMove 2.8s linear infinite;
}

@keyframes whyFlowMove {
  to {
    stroke-dashoffset: -80;
  }
}

.why-flow {
  position: relative;
  min-height: auto;
  padding: 25px 5vw 70px;
}

.why-features {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}

.why-feature {
  text-align: center;
}

.why-node {
  position: relative;
  width: 112px;
  height: 112px;
  margin: 0 auto 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  transition: transform .35s ease, box-shadow .35s ease;
}

.why-node::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: inherit;
}

.why-node::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 42px;
  left: 50%;
  top: -40px;
  transform: translateX(-50%);
}

/* ICON */
.why-node svg {
  width: 46px;
  height: 46px;
  stroke-width: 2.3;
  color: #fff;
  filter: drop-shadow(0 0 8px rgba(255,255,255,.22));
}

/* ODD = BLUE (1, 3, 5) */
.why-feature:nth-child(odd) .why-node {
  background:
    radial-gradient(
      circle at 35% 30%,
      rgba(0, 220, 255, .78),
      rgba(9, 100, 185, .68) 52%,
      rgba(4, 42, 94, .88) 100%
    );

  border: 2px solid rgba(110, 235, 255, .85);

  box-shadow:
    0 0 10px rgba(0, 220, 255, .75),
    0 0 24px rgba(0, 220, 255, .28),
    inset 0 0 18px rgba(255,255,255,.08);
}

.why-feature:nth-child(odd) .why-node::before {
  border: 1px solid rgba(78, 228, 255, .26);
}

.why-feature:nth-child(odd) .why-node::after {
  background: linear-gradient(to top, rgba(0,220,255,.9), transparent);
  box-shadow: 0 0 10px rgba(0,220,255,.65);
}

/* EVEN = GREEN (2, 4, 6) */
.why-feature:nth-child(even) .why-node {
  background:
    radial-gradient(
      circle at 35% 30%,
      rgba(57, 241, 187, .84),
      rgba(18, 157, 120, .72) 52%,
      rgba(8, 72, 61, .92) 100%
    );

  border: 2px solid rgba(126, 255, 210, .9);

  box-shadow:
    0 0 12px rgba(67, 255, 191, .78),
    0 0 28px rgba(67, 255, 191, .28),
    inset 0 0 18px rgba(255,255,255,.08);
}

.why-feature:nth-child(even) .why-node::before {
  border: 1px solid rgba(126, 255, 210, .25);
}

.why-feature:nth-child(even) .why-node::after {
  background: linear-gradient(to top, rgba(67,255,191,.95), transparent);
  box-shadow: 0 0 10px rgba(67,255,191,.7);
}

.why-feature:hover .why-node {
  transform: translateY(-6px) scale(1.03);
}

.why-feature h3 {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 800;
  color: #fff;
}

.why-feature p {
  margin: 0 auto;
  max-width: 200px;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,.74);
}

/* tablet */
@media (max-width: 1100px) {
  .why-features {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 22px;
  }
}

/* mobile */
@media (max-width: 720px) {
  .why-features {
    grid-template-columns: repeat(2, 1fr);
    gap: 42px 18px;
  }

  .why-node {
    width: 96px;
    height: 96px;
  }

  .why-node svg {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 430px) {
  .why-features {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   WHY PARKEN — FEATURES / ICONS
   Blue → Green → Blue → Green → Blue → Green
   Wave removed
   ========================================================= */


/* =========================================================
   FEATURE AREA
   ========================================================= */

.why-flow {
  position: relative;
  min-height: auto;

  /* less empty space underneath */
  padding: 25px 5vw 45px;
}


/* WAVE COMPLETELY HIDDEN */
.why-flow-svg,
.why-flow-line,
.why-flow-line-soft,
.why-flow-line-main {
  display: none !important;
}


/* =========================================================
   SIX FEATURES
   ========================================================= */

.why-features {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));

  gap: 24px;
  align-items: start;
}

.why-feature {
  text-align: center;
}


/* =========================================================
   COMMON ICON CIRCLE
   ========================================================= */

.why-node {
  position: relative;

  width: 112px;
  height: 112px;

  margin: 0 auto 20px;

  display: grid;
  place-items: center;

  border-radius: 50%;

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}


/* OUTER THIN RING */

.why-node::before {
  content: "";

  position: absolute;
  inset: -8px;

  border-radius: inherit;
}


/* SHORTER TOP LIGHT */

.why-node::after {
  content: "";

  position: absolute;

  width: 2px;

  /* shortened from previous long line */
  height: 28px;

  left: 50%;
  top: -27px;

  transform: translateX(-50%);
}


/* =========================================================
   ICON ITSELF
   ========================================================= */

.why-node svg {
  width: 46px;
  height: 46px;

  stroke-width: 2.3;

  color: #ffffff;

  filter:
    drop-shadow(0 0 7px rgba(255,255,255,.22));
}


/* =========================================================
   BLUE
   FEATURE 1 / 3 / 5
   ========================================================= */

.why-feature:nth-child(odd) .why-node {

  background:
    radial-gradient(
      circle at 35% 30%,
      rgba(0, 220, 255, .78),
      rgba(9, 100, 185, .68) 52%,
      rgba(4, 42, 94, .88) 100%
    );

  border:
    2px solid rgba(110, 235, 255, .85);

  box-shadow:
    0 0 10px rgba(0, 220, 255, .70),
    0 0 24px rgba(0, 220, 255, .25),
    inset 0 0 18px rgba(255,255,255,.08);
}


/* BLUE OUTER RING */

.why-feature:nth-child(odd) .why-node::before {

  border:
    1px solid rgba(78, 228, 255, .28);

  box-shadow:
    0 0 16px rgba(0, 220, 255, .15);
}


/* BLUE TOP LIGHT */

.why-feature:nth-child(odd) .why-node::after {

  background:
    linear-gradient(
      to top,
      rgba(0,220,255,.90),
      transparent
    );

  box-shadow:
    0 0 8px rgba(0,220,255,.55);
}


/* =========================================================
   GREEN
   FEATURE 2 / 4 / 6
   ========================================================= */

.why-feature:nth-child(even) .why-node {

  background:
    radial-gradient(
      circle at 35% 30%,
      rgba(57, 241, 187, .78),
      rgba(18, 157, 120, .67) 52%,
      rgba(8, 72, 61, .90) 100%
    );

  border:
    2px solid rgba(126, 255, 210, .86);

  /* softened so green does not overpower blue */
  box-shadow:
    0 0 10px rgba(67, 255, 191, .65),
    0 0 24px rgba(67, 255, 191, .24),
    inset 0 0 18px rgba(255,255,255,.08);
}


/* GREEN OUTER RING */

.why-feature:nth-child(even) .why-node::before {

  border:
    1px solid rgba(126, 255, 210, .26);

  box-shadow:
    0 0 16px rgba(67, 255, 191, .14);
}


/* GREEN TOP LIGHT */

.why-feature:nth-child(even) .why-node::after {

  background:
    linear-gradient(
      to top,
      rgba(67,255,191,.90),
      transparent
    );

  box-shadow:
    0 0 8px rgba(67,255,191,.55);
}


/* =========================================================
   HOVER
   ========================================================= */

.why-feature:hover .why-node {

  transform:
    translateY(-6px)
    scale(1.03);
}


/* BLUE HOVER */

.why-feature:nth-child(odd):hover .why-node {

  box-shadow:
    0 0 14px rgba(0,220,255,.78),
    0 0 30px rgba(0,220,255,.30),
    inset 0 0 18px rgba(255,255,255,.10);
}


/* GREEN HOVER */

.why-feature:nth-child(even):hover .why-node {

  box-shadow:
    0 0 14px rgba(67,255,191,.72),
    0 0 30px rgba(67,255,191,.28),
    inset 0 0 18px rgba(255,255,255,.10);
}


/* =========================================================
   FEATURE TITLES
   ========================================================= */

.why-feature h3 {

  margin:
    0
    0
    10px;

  font-size: 15px;
  line-height: 1.3;

  font-weight: 800;

  color: #ffffff;
}


/* =========================================================
   FEATURE DESCRIPTION
   ========================================================= */

.why-feature p {

  margin:
    0
    auto;

  max-width: 210px;

  font-size: 14px;
  line-height: 1.55;

  color:
    rgba(255,255,255,.74);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .why-features {

    grid-template-columns:
      repeat(3, 1fr);

    gap:
      50px
      22px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

  .why-flow {

    padding:
      20px
      20px
      45px;
  }

  .why-features {

    grid-template-columns:
      repeat(2, 1fr);

    gap:
      48px
      18px;
  }

  .why-node {

    width: 96px;
    height: 96px;
  }

  .why-node svg {

    width: 38px;
    height: 38px;
  }

  .why-node::after {

    height: 22px;
    top: -21px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .why-features {

    grid-template-columns:
      1fr;

    gap: 46px;
  }

}

/* =========================================================
   VALUE FOR MONEY
   COINS + GROWTH
   ========================================================= */

.value-money-icon {
  position: relative;

  width: 58px;
  height: 52px;

  margin: auto;
}


/* COINS */

.value-money-icon .money-coins {
  position: absolute;

  width: 33px;
  height: 33px;

  left: 2px;
  bottom: 2px;

  color: #fff;
  stroke-width: 2.2;

  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.2));
}


/* UPWARD GROWTH */

.value-money-icon .money-growth {
  position: absolute;

  width: 31px;
  height: 31px;

  right: 0;
  top: 0;

  color: #fff;
  stroke-width: 2.5;

  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.2));
}

/* =========================================================
   PARKEN — SOLUTIONS + OUR ADVANTAGE
   ========================================================= */

.parken-dual-section {
  position: relative;

  width: 100%;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 28px;

  padding: 55px 4vw 65px;

  background:
    radial-gradient(
      circle at 10% 30%,
      rgba(0, 186, 255, .11),
      transparent 34%
    ),
    radial-gradient(
      circle at 90% 45%,
      rgba(32, 221, 171, .11),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #eefbff 0%,
      #f4fffc 100%
    );

  overflow: hidden;
}


/* =========================================================
   TWO EQUAL PANELS
   ========================================================= */

.dual-panel {
  position: relative;

  min-width: 0;
  min-height: 610px;

  padding: 28px 26px 30px;

  border-radius: 28px;

  background:
    rgba(255,255,255,.48);

  border:
    1px solid rgba(18, 159, 198, .15);

  box-shadow:
    0 18px 50px rgba(16, 79, 110, .08),
    inset 0 1px 0 rgba(255,255,255,.8);

  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);

  overflow: hidden;
}


/* =========================================================
   TITLES
   ========================================================= */

.dual-title {
  position: relative;
  z-index: 5;

  text-align: center;

  margin-bottom: 28px;
}

.dual-title h2 {
  margin: 0;

  color: #075885;

  font-size: clamp(25px, 2vw, 36px);
  line-height: 1.12;

  font-weight: 800;
  letter-spacing: -.02em;
}

.dual-title h2 span {
  background:
    linear-gradient(
      90deg,
      #05aee4,
      #34dea5
    );

  -webkit-background-clip: text;
  background-clip: text;

  color: transparent;
}

.dual-title-line {
  width: 82px;
  height: 4px;

  margin: 16px auto 0;

  border-radius: 20px;

  background:
    linear-gradient(
      90deg,
      #06b9e7,
      #39dea0
    );
}


/* =========================================================
   LEFT — SOLUTIONS
   ========================================================= */

.solutions-panel {
  isolation: isolate;
}


/* very subtle PARKEN watermark */

.solutions-watermark {
  position: absolute;

  left: 50%;
  top: 53%;

  transform:
    translate(-50%, -50%);

  z-index: -1;

  font-size: clamp(80px, 9vw, 150px);
  font-weight: 900;
  letter-spacing: .06em;

  color:
    rgba(0, 138, 195, .035);

  pointer-events: none;
}


/* 2 × 3 */

.solutions-grid {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 16px;
}


/* solution card */

.solution-card {
  position: relative;

  min-height: 140px;

  display: flex;
  align-items: center;

  gap: 15px;

  padding: 18px;

  border-radius: 20px;

  background:
    rgba(255,255,255,.78);

  border:
    1px solid rgba(7, 173, 220, .18);

  box-shadow:
    0 10px 28px rgba(0, 73, 119, .07);

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

.solution-card:hover {
  transform:
    translateY(-5px);

  box-shadow:
    0 16px 34px rgba(0, 91, 145, .12);
}


/* alternating small glow */

.blue-card {
  box-shadow:
    inset 3px 0 0 rgba(0, 183, 235, .85),
    0 10px 28px rgba(0, 73, 119, .07);
}

.green-card {
  box-shadow:
    inset 3px 0 0 rgba(39, 211, 153, .9),
    0 10px 28px rgba(0, 73, 119, .07);
}


/* solution icon */

.solution-icon {
  position: relative;

  flex: 0 0 52px;

  width: 52px;
  height: 52px;

  display: grid;
  place-items: center;

  border-radius: 15px;

  background:
    linear-gradient(
      145deg,
      rgba(0, 172, 226, .11),
      rgba(30, 211, 164, .10)
    );
}

.solution-icon svg {
  width: 29px;
  height: 29px;

  color: #087ca9;

  stroke-width: 2.15;
}

.green-card .solution-icon svg {
  color: #169c7a;
}


/* solution wording */

.solution-card h3 {
  margin: 0 0 6px;

  color: #064e75;

  font-size: 16px;
  line-height: 1.25;

  font-weight: 800;
}

.solution-card p {
  margin: 0;

  color: #45687b;

  font-size: 13.5px;
  line-height: 1.48;
}


/* value icon combo */

.value-solution-icon {
  position: relative;
}

.value-solution-icon > svg:first-child {
  transform:
    translate(-4px, 4px);
}

.value-solution-icon .mini-growth {
  position: absolute;

  width: 19px;
  height: 19px;

  right: 5px;
  top: 6px;

  stroke-width: 2.5;
}


/* =========================================================
   RIGHT — OUR ADVANTAGE
   ========================================================= */

.advantage-panel {
  isolation: isolate;
}


/* coded decorative globe/orbit */

.advantage-orbit {
  position: absolute;

  width: 310px;
  height: 310px;

  left: 50%;
  top: 55%;

  transform:
    translate(-50%, -50%);

  z-index: 0;

  opacity: .12;

  pointer-events: none;
}

.orbit-ring {
  position: absolute;

  border-radius: 50%;

  border:
    1px solid rgba(0, 159, 218, .8);
}

.orbit-one {
  inset: 10%;
}

.orbit-two {
  inset: 23%;

  border-color:
    rgba(34, 205, 154, .85);
}

.orbit-core {
  position: absolute;

  inset: 34%;

  display: grid;
  place-items: center;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(1, 167, 216, .25),
      transparent 70%
    );
}

.orbit-core svg {
  width: 70px;
  height: 70px;

  color: #0787af;

  stroke-width: 1.2;
}


/* 2 × 4 */

.advantage-grid {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 12px;
}


/* advantage card */

.advantage-card {
  position: relative;

  min-height: 104px;

  display: grid;
  grid-template-columns: 42px 1fr;

  gap: 12px;

  align-items: center;

  padding: 14px 15px;

  border-radius: 18px;

  background:
    rgba(255,255,255,.82);

  border:
    1px solid rgba(0, 170, 213, .17);

  box-shadow:
    0 8px 24px rgba(0, 76, 118, .07);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.advantage-card:hover {
  transform:
    translateY(-4px);

  box-shadow:
    0 14px 30px rgba(0, 86, 130, .12);
}


/* small number */

.adv-number {
  position: absolute;

  top: 8px;
  right: 10px;

  color:
    rgba(4, 101, 145, .30);

  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}


/* advantage icon */

.adv-icon {
  width: 42px;
  height: 42px;

  display: grid;
  place-items: center;

  border-radius: 13px;

  background:
    linear-gradient(
      145deg,
      rgba(0, 176, 226, .11),
      rgba(31, 210, 165, .12)
    );
}

.adv-icon svg {
  width: 24px;
  height: 24px;

  color: #087ba5;

  stroke-width: 2.1;
}


/* alternating icon color */

.advantage-card:nth-child(even) .adv-icon svg {
  color: #168f73;
}


/* advantage copy */

.adv-copy h3 {
  margin: 0 0 4px;

  color: #064d72;

  font-size: 14.5px;
  line-height: 1.2;

  font-weight: 800;
}

.adv-copy p {
  margin: 0;

  color: #476978;

  font-size: 12.5px;
  line-height: 1.42;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1150px) {

  .parken-dual-section {
    gap: 20px;
    padding:
      45px
      3vw
      55px;
  }

  .dual-panel {
    padding:
      25px
      18px
      28px;
  }

  .solution-card {
    min-height: 150px;
  }

}


/* =========================================================
   MOBILE
   stack only on smaller screens
   ========================================================= */

@media (max-width: 850px) {

  .parken-dual-section {
    grid-template-columns: 1fr;
  }

  .dual-panel {
    min-height: auto;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 560px) {

  .solutions-grid,
  .advantage-grid {
    grid-template-columns: 1fr;
  }

  .solution-card,
  .advantage-card {
    min-height: auto;
  }

}

/* =========================================================
   PARKEN
   SOLUTIONS + OUR ADVANTAGE
   ========================================================= */

.parken-dual-section {
  position: relative;

  width: 100%;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 28px;

  padding: 50px 3.5vw 60px;

  background:
    radial-gradient(
      circle at 12% 28%,
      rgba(0, 186, 255, .12),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 42%,
      rgba(35, 220, 168, .12),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #eefbff 0%,
      #f6fffc 100%
    );

  overflow: hidden;
}


/* =========================================================
   BOTH PANELS
   ========================================================= */

.dual-panel {
  position: relative;

  min-width: 0;
  min-height: 640px;

  padding: 28px 28px 30px;

  border-radius: 30px;

  background:
    rgba(255,255,255,.55);

  border:
    1px solid rgba(23, 165, 200, .16);

  box-shadow:
    0 18px 45px rgba(8, 73, 110, .08),
    inset 0 1px 0 rgba(255,255,255,.85);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  overflow: hidden;
}


/* =========================================================
   TITLE
   ========================================================= */

.dual-title {
  position: relative;
  z-index: 5;

  text-align: center;

  margin-bottom: 34px;
}

.dual-title h2 {
  margin: 0;

  color: #075984;

  font-size: clamp(28px, 2.15vw, 38px);
  line-height: 1.1;

  font-weight: 800;
  letter-spacing: -.025em;
}

.dual-title h2 span {
  background:
    linear-gradient(
      90deg,
      #08aee5,
      #32dba4
    );

  -webkit-background-clip: text;
  background-clip: text;

  color: transparent;
}

.dual-title-line {
  width: 92px;
  height: 4px;

  margin: 16px auto 0;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      #0cb9e5,
      #35dca4
    );
}


/* =========================================================
   LEFT — SOLUTIONS
   ========================================================= */

.solutions-grid {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;
}


/* CARD */

.solution-card {
  position: relative;

  min-height: 150px;

  display: flex;
  align-items: center;

  gap: 17px;

  padding: 20px 20px;

  border-radius: 22px;

  background:
    rgba(255,255,255,.82);

  border:
    1px solid rgba(7, 168, 214, .18);

  box-shadow:
    0 9px 28px rgba(0, 74, 112, .07);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.solution-card:hover {
  transform: translateY(-5px);

  box-shadow:
    0 16px 34px rgba(0, 87, 128, .13);
}


/* BLUE CARD ACCENT */

.solution-card.blue-card {
  box-shadow:
    inset 4px 0 0 rgba(3, 184, 235, .88),
    0 9px 28px rgba(0, 74, 112, .07);
}


/* GREEN CARD ACCENT */

.solution-card.green-card {
  box-shadow:
    inset 4px 0 0 rgba(47, 213, 157, .92),
    0 9px 28px rgba(0, 74, 112, .07);
}


/* ICON HOLDER */

.solution-icon {
  position: relative;

  flex: 0 0 58px;

  width: 58px;
  height: 58px;

  display: grid;
  place-items: center;

  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      rgba(0, 183, 231, .11),
      rgba(32, 212, 164, .11)
    );
}


/* BLUE ICON */

.blue-card .solution-icon svg {
  width: 31px;
  height: 31px;

  color: #087fae;

  stroke-width: 2.15;
}


/* GREEN ICON */

.green-card .solution-icon svg {
  width: 31px;
  height: 31px;

  color: #169e7c;

  stroke-width: 2.15;
}


/* TEXT */

.solution-copy {
  min-width: 0;
}

.solution-copy h3 {
  margin: 0 0 7px;

  color: #065379;

  font-size: 17px;
  line-height: 1.24;

  font-weight: 800;
}

.solution-copy p {
  margin: 0;

  color: #4b6e80;

  font-size: 14px;
  line-height: 1.5;
}


/* VALUE FOR MONEY ICON */

.value-solution-icon {
  position: relative;
}

.value-solution-icon > svg:first-child {
  transform:
    translate(-4px, 5px);
}

.value-solution-icon .mini-growth {
  position: absolute;

  width: 20px !important;
  height: 20px !important;

  right: 5px;
  top: 6px;

  stroke-width: 2.4;
}


/* =========================================================
   RIGHT — ADVANTAGE
   ========================================================= */

.advantage-panel {
  isolation: isolate;
}



/* =========================================================
   ADVANTAGE GRID
   ========================================================= */

.advantage-grid {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 15px;
}


/* CARD */

.advantage-card {
  position: relative;

  min-height: 120px;

  display: grid;
  grid-template-columns: 66px 1fr;

  align-items: center;

  gap: 15px;

  padding: 17px 18px;

  border-radius: 20px;

  background:
    rgba(255,255,255,.84);

  border:
    1px solid rgba(0, 165, 211, .16);

  box-shadow:
    0 9px 27px rgba(0, 76, 115, .07);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.advantage-card:hover {
  transform: translateY(-4px);

  box-shadow:
    0 15px 32px rgba(0, 82, 124, .12);
}


/* =========================================================
   NUMBER BLOCKS
   ========================================================= */

.adv-big-number {
  width: 58px;
  height: 58px;

  display: grid;
  place-items: center;

  border-radius: 17px;

  color: #fff;

  font-size: 19px;
  font-weight: 900;
  letter-spacing: .04em;

  background:
    linear-gradient(
      145deg,
      #078ac0,
      #0fb8d8
    );

  box-shadow:
    0 8px 18px rgba(0, 136, 189, .18);
}


/* alternating green */

.advantage-card:nth-child(even) .adv-big-number {
  background:
    linear-gradient(
      145deg,
      #159b7b,
      #36d7a4
    );

  box-shadow:
    0 8px 18px rgba(28, 169, 128, .18);
}


/* =========================================================
   ADVANTAGE WORDING
   ========================================================= */

.adv-copy {
  min-width: 0;
}

.adv-copy p {
  margin: 0;

  color: #42697b;

  font-size: 14px;
  line-height: 1.52;

  font-weight: 500;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1180px) {

  .parken-dual-section {
    gap: 20px;

    padding:
      45px
      3vw
      55px;
  }

  .dual-panel {
    min-height: 650px;

    padding:
      26px
      20px
      28px;
  }

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

  .advantage-card {
    min-height: 128px;
  }

  .solution-copy h3 {
    font-size: 16px;
  }

  .solution-copy p,
  .adv-copy p {
    font-size: 13px;
  }

}


/* =========================================================
   MOBILE / SMALL TABLET
   ========================================================= */

@media (max-width: 900px) {

  .parken-dual-section {
    grid-template-columns: 1fr;
  }

  .dual-panel {
    min-height: auto;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

  .parken-dual-section {
    padding:
      35px
      16px
      45px;
  }

  .dual-panel {
    padding:
      24px
      16px
      26px;

    border-radius: 24px;
  }

  .solutions-grid,
  .advantage-grid {
    grid-template-columns: 1fr;
  }

  .solution-card,
  .advantage-card {
    min-height: auto;
  }

  .solution-card {
    padding:
      18px
      17px;
  }

  .advantage-card {
    grid-template-columns: 58px 1fr;

    padding:
      16px;
  }

  .adv-big-number {
    width: 52px;
    height: 52px;

    font-size: 17px;
  }

}

/* =========================================================
   SOLUTIONS — PREMIUM TECH ICON STYLE
   ========================================================= */

.solution-icon {
  position: relative;

  flex: 0 0 54px;

  width: 54px;
  height: 54px;

  display: grid;
  place-items: center;

  border-radius: 50%;

  background: transparent;

  border: 1px solid rgba(8, 150, 195, .28);

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}


/* subtle second technical ring */

.solution-icon::before {
  content: "";

  position: absolute;

  inset: 5px;

  border-radius: 50%;

  border: 1px solid rgba(8, 150, 195, .10);

  pointer-events: none;
}


/* ICON */

.solution-icon svg {
  width: 27px;
  height: 27px;

  stroke-width: 1.8;

  color: #087ca9;

  filter: none;
}


/* GREEN CARDS */

.green-card .solution-icon {
  border-color: rgba(25, 164, 125, .30);
}

.green-card .solution-icon::before {
  border-color: rgba(25, 164, 125, .11);
}

.green-card .solution-icon svg {
  color: #159879;
}


/* BLUE CARDS */

.blue-card .solution-icon {
  border-color: rgba(4, 153, 205, .30);
}

.blue-card .solution-icon::before {
  border-color: rgba(4, 153, 205, .11);
}

.blue-card .solution-icon svg {
  color: #087fab;
}


/* HOVER — SUBTLE, NOT GAMING STYLE */

.solution-card:hover .solution-icon {
  transform: translateY(-2px);
}

.blue-card:hover .solution-icon {
  border-color: rgba(4, 170, 220, .55);

  box-shadow:
    0 0 18px rgba(4, 170, 220, .10);
}

.green-card:hover .solution-icon {
  border-color: rgba(32, 190, 145, .55);

  box-shadow:
    0 0 18px rgba(32, 190, 145, .10);
}

/* =========================================================
   CLIENT STORIES — FINAL OVERRIDE
   SMALLER STANDARD CARDS
   FOUR STRENGTHS BLUE → GREEN BACKGROUND

   PASTE THIS AT THE VERY BOTTOM OF YOUR CSS FILE
   ========================================================= */


/* =========================================================
   SECTION
   ========================================================= */

.pk-stories-premium {
  position: relative !important;

  width: 100% !important;

  overflow: hidden !important;

  padding: 62px 0 52px !important;

  background:
    radial-gradient(
      circle at 12% 35%,
      rgba(0, 177, 235, 0.20),
      transparent 34%
    ),

    radial-gradient(
      circle at 88% 38%,
      rgba(45, 219, 162, 0.20),
      transparent 34%
    ),

    linear-gradient(
      90deg,
      #eaf9ff 0%,
      #f1fcfb 48%,
      #effff7 100%
    ) !important;
}


/* =========================================================
   BACKGROUND GLOW
   ========================================================= */

.pk-stories-glow {
  position: absolute !important;

  border-radius: 50% !important;

  filter: blur(100px) !important;

  pointer-events: none !important;

  z-index: 0 !important;
}

.pk-stories-glow-one {
  width: 360px !important;
  height: 360px !important;

  left: -130px !important;
  top: 40px !important;

  background:
    rgba(0, 172, 239, 0.13) !important;
}

.pk-stories-glow-two {
  width: 360px !important;
  height: 360px !important;

  right: -120px !important;
  top: 55px !important;

  background:
    rgba(42, 218, 159, 0.13) !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.pk-stories-head {
  position: relative !important;

  z-index: 3 !important;

  max-width: 820px !important;

  margin:
    0
    auto
    34px !important;

  padding:
    0
    24px !important;

  text-align: center !important;
}


.pk-stories-kicker {
  display: inline-block !important;

  margin-bottom: 12px !important;

  color: #14add0 !important;

  font-size: 13px !important;

  font-weight: 800 !important;

  letter-spacing: .26em !important;

  text-transform: uppercase !important;
}


.pk-stories-head h2 {
  margin:
    0
    0
    13px !important;

  color: #07547f !important;

  font-size:
    clamp(
      34px,
      4vw,
      58px
    ) !important;

  line-height: 1 !important;

  font-weight: 900 !important;

  letter-spacing: -.03em !important;
}


.pk-stories-head h2 strong {
  background:
    linear-gradient(
      90deg,
      #08a9e5,
      #30d7a0
    ) !important;

  -webkit-background-clip:
    text !important;

  background-clip:
    text !important;

  color:
    transparent !important;
}


.pk-stories-head p {
  max-width: 690px !important;

  margin:
    0
    auto !important;

  color: #4d7182 !important;

  font-size: 15px !important;

  line-height: 1.6 !important;
}


/* =========================================================
   MARQUEE
   ========================================================= */

.pk-stories-marquee {
  position: relative !important;

  z-index: 2 !important;

  width: 100% !important;

  overflow: hidden !important;

  padding:
    8px
    0
    10px !important;

  /* soft edge fade */
  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 6%,
      #000 94%,
      transparent
    );

  mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 6%,
      #000 94%,
      transparent
    );
}


/* =========================================================
   MOVING TRACK
   ========================================================= */

.pk-stories-track {
  display: flex !important;

  align-items: stretch !important;

  gap: 18px !important;

  width: max-content !important;

  padding:
    0
    18px !important;

  animation:
    pkStoriesFinalScroll
    45s
    linear
    infinite !important;

  will-change: transform !important;
}


.pk-stories-marquee:hover .pk-stories-track {
  animation-play-state: paused !important;
}


@keyframes pkStoriesFinalScroll {

  from {
    transform:
      translateX(0);
  }

  to {
    transform:
      translateX(calc(-50% - 9px));
  }

}


/* =========================================================
   STANDARD-SIZE TESTIMONIAL CARD
   ========================================================= */

.pk-story-card {
  position: relative !important;

  flex:
    0
    0
    300px !important;

  width: 300px !important;

  min-width: 300px !important;

  min-height: 240px !important;

  padding:
    21px
    20px
    20px !important;

  display: flex !important;

  flex-direction:
    column !important;

  justify-content:
    space-between !important;

  border-radius:
    22px !important;

  background:
    rgba(
      255,
      255,
      255,
      .82
    ) !important;

  border:
    1px solid
    rgba(
      15,
      165,
      207,
      .17
    ) !important;

  box-shadow:
    0 12px 30px
    rgba(
      0,
      77,
      115,
      .08
    ),
    inset
    0
    1px
    0
    rgba(
      255,
      255,
      255,
      .82
    ) !important;

  backdrop-filter:
    blur(14px) !important;

  -webkit-backdrop-filter:
    blur(14px) !important;

  transform:
    none !important;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease !important;
}


/* subtle alternating Parken accent */

.pk-story-card:nth-child(odd) {
  border-top:
    3px solid
    rgba(
      4,
      176,
      228,
      .78
    ) !important;
}


.pk-story-card:nth-child(even) {
  border-top:
    3px solid
    rgba(
      44,
      209,
      153,
      .82
    ) !important;
}


/* HOVER */

.pk-story-card:hover {
  transform:
    translateY(-5px) !important;

  box-shadow:
    0 18px 36px
    rgba(
      0,
      83,
      123,
      .12
    ) !important;
}


/* =========================================================
   CARD TOP
   ========================================================= */

.pk-story-card-top {
  display: flex !important;

  align-items:
    center !important;

  justify-content:
    space-between !important;

  margin-bottom:
    12px !important;
}


.pk-story-quote {
  color:
    #0baed5 !important;

  font-size:
    42px !important;

  line-height:
    .75 !important;

  font-weight:
    900 !important;
}


.pk-story-stars {
  color:
    #24b88b !important;

  font-size:
    14px !important;

  line-height:
    1 !important;

  letter-spacing:
    .06em !important;
}


/* =========================================================
   REVIEW
   ========================================================= */

.pk-story-review {
  margin:
    0
    0
    18px !important;

  color:
    #42687a !important;

  font-size:
    14px !important;

  line-height:
    1.58 !important;

  font-weight:
    400 !important;

  display:
    -webkit-box !important;

  -webkit-line-clamp:
    5 !important;

  -webkit-box-orient:
    vertical !important;

  overflow:
    hidden !important;
}


/* =========================================================
   CLIENT DETAILS
   ========================================================= */

.pk-story-person {
  display: flex !important;

  align-items:
    center !important;

  gap:
    12px !important;

  margin-top:
    auto !important;
}


.pk-story-avatar {
  flex:
    0
    0
    46px !important;

  width:
    46px !important;

  height:
    46px !important;

  display:
    grid !important;

  place-items:
    center !important;

  border-radius:
    50% !important;

  background:
    linear-gradient(
      135deg,
      #079fd8,
      #32cf9b
    ) !important;

  box-shadow:
    0 7px 16px
    rgba(
      6,
      157,
      184,
      .20
    ) !important;

  color:
    #ffffff !important;

  font-size:
    13px !important;

  line-height:
    1 !important;

  font-weight:
    800 !important;
}


.pk-story-person h3 {
  margin:
    0
    0
    2px !important;

  color:
    #07547c !important;

  font-size:
    15px !important;

  line-height:
    1.2 !important;

  font-weight:
    800 !important;
}


.pk-story-person span {
  display:
    block !important;

  margin-bottom:
    1px !important;

  color:
    #527486 !important;

  font-size:
    12px !important;

  line-height:
    1.35 !important;
}


.pk-story-person small {
  display:
    block !important;

  color:
    #8097a3 !important;

  font-size:
    11px !important;

  line-height:
    1.35 !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

.pk-stories-footer {
  position:
    relative !important;

  z-index:
    2 !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    13px !important;

  margin-top:
    28px !important;

  padding:
    0
    20px !important;
}


.pk-stories-footer span {
  width:
    45px !important;

  height:
    2px !important;

  border-radius:
    999px !important;

  background:
    linear-gradient(
      90deg,
      #09aee2,
      #32d9a3
    ) !important;
}


.pk-stories-footer p {
  margin:
    0 !important;

  color:
    #426b7d !important;

  font-size:
    11px !important;

  font-weight:
    800 !important;

  letter-spacing:
    .18em !important;

  text-transform:
    uppercase !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

  .pk-story-card {
    flex-basis:
      285px !important;

    width:
      285px !important;

    min-width:
      285px !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .pk-stories-premium {
    padding:
      50px
      0
      44px !important;
  }


  .pk-stories-head {
    margin-bottom:
      27px !important;

    padding:
      0
      18px !important;
  }


  .pk-stories-head h2 {
    font-size:
      clamp(
        32px,
        10vw,
        44px
      ) !important;
  }


  .pk-stories-head p {
    font-size:
      14px !important;
  }


  .pk-stories-track {
    gap:
      14px !important;

    padding:
      0
      16px !important;
  }


  .pk-story-card {
    flex-basis:
      270px !important;

    width:
      270px !important;

    min-width:
      270px !important;

    min-height:
      225px !important;

    padding:
      19px
      17px
      18px !important;

    border-radius:
      19px !important;
  }


  .pk-story-review {
    font-size:
      13px !important;
  }


  .pk-stories-footer {
    margin-top:
      24px !important;
  }

}

/* =========================================================
   CLIENT STORIES — FINAL COMPACT CARD FIX
   ========================================================= */

.pk-story-card {
  flex: 0 0 300px !important;
  width: 300px !important;
  min-width: 300px !important;

  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;

  padding: 20px 20px 18px !important;

  display: flex !important;
  flex-direction: column !important;
}

.pk-story-review {
  margin: 10px 0 18px !important;

  font-size: 14px !important;
  line-height: 1.55 !important;

  flex: 1 !important;
}

.pk-story-person {
  margin-top: auto !important;
}

.pk-story-card-top {
  margin-bottom: 5px !important;
}

.pk-story-quote {
  font-size: 38px !important;
}

.pk-story-stars {
  font-size: 13px !important;
}


/* slightly tighter row */

.pk-stories-track {
  gap: 20px !important;
}


/* reduce empty space around cards */

.pk-stories-marquee {
  padding: 8px 0 8px !important;
}

.pk-stories-footer {
  margin-top: 25px !important;
}


/* TABLET */

@media (max-width: 1000px) {

  .pk-story-card {
    flex-basis: 285px !important;
    width: 285px !important;
    min-width: 285px !important;

    height: 295px !important;
    min-height: 295px !important;
    max-height: 295px !important;
  }

}


/* MOBILE */

@media (max-width: 700px) {

  .pk-story-card {
    flex-basis: 270px !important;
    width: 270px !important;
    min-width: 270px !important;

    height: 290px !important;
    min-height: 290px !important;
    max-height: 290px !important;
  }

}

/* =========================================================
   CONTACT — FOUR STRENGTHS BACKGROUND OVERRIDE
   PASTE THIS AT THE VERY BOTTOM OF YOUR CSS FILE
   ========================================================= */

.pk-contact {
  position: relative !important;
  overflow: hidden !important;

  padding: 72px 0 78px !important;

  /* remove old background */
  background:
    radial-gradient(
      circle at 12% 35%,
      rgba(0, 177, 235, 0.20),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 38%,
      rgba(45, 219, 162, 0.20),
      transparent 34%
    ),
    linear-gradient(
      90deg,
      #eaf9ff 0%,
      #f1fcfb 48%,
      #effff7 100%
    ) !important;
}


/* soft side glow for more premium look */
.pk-contact::before,
.pk-contact::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(95px);
  pointer-events: none;
  z-index: 0;
}

.pk-contact::before {
  width: 340px;
  height: 340px;
  left: -110px;
  top: 40px;
  background: rgba(0, 172, 239, 0.12);
}

.pk-contact::after {
  width: 340px;
  height: 340px;
  right: -110px;
  top: 70px;
  background: rgba(42, 218, 159, 0.12);
}


/* keep content above glow */
.pk-contact .pk-shell,
.pk-contact-grid {
  position: relative;
  z-index: 2;
}


/* optional: make both sides cleaner on this light background */
.pk-contact-copy,
.pk-enquiry-form {
  background: rgba(255, 255, 255, 0.74) !important;
  border: 1px solid rgba(12, 170, 210, 0.14) !important;
  box-shadow:
    0 14px 34px rgba(0, 78, 117, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.78) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 26px !important;
}


/* if your existing css already has padding, this will just tidy it */
.pk-contact-copy {
  padding: 34px 32px !important;
}

.pk-enquiry-form {
  padding: 30px 28px !important;
}


/* heading styling to suit the new background */
.pk-contact-copy > span {
  display: inline-block !important;
  margin-bottom: 12px !important;

  color: #15afcf !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
}

.pk-contact-copy h2 {
  margin: 0 0 14px !important;

  color: #07547f !important;
  font-size: clamp(34px, 4vw, 58px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
}

.pk-contact-copy p {
  color: #4d7182 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}


/* contact links */
.pk-contact-details a {
  background: rgba(255,255,255,0.76) !important;
  border: 1px solid rgba(13, 170, 210, 0.12) !important;
  border-radius: 18px !important;
}

.pk-contact-details a small {
  color: #7b95a2 !important;
}

.pk-contact-details a strong {
  color: #08557d !important;
}


/* form labels */
.pk-enquiry-form label span {
  color: #0a597f !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}


/* inputs / select / textarea */
.pk-enquiry-form input,
.pk-enquiry-form select,
.pk-enquiry-form textarea {
  background: rgba(255,255,255,0.86) !important;
  border: 1px solid rgba(12, 168, 208, 0.16) !important;
  color: #30586d !important;
  box-shadow: none !important;
}

.pk-enquiry-form input::placeholder,
.pk-enquiry-form textarea::placeholder {
  color: #88a0ad !important;
}


/* button still matches Parken */
.pk-send-button {
  background: linear-gradient(90deg, #08a9e5, #31d7a1) !important;
  border: none !important;
  box-shadow: 0 12px 24px rgba(12, 165, 186, 0.22) !important;
}

.pk-send-button:hover {
  transform: translateY(-2px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {
  .pk-contact {
    padding: 60px 0 65px !important;
  }

  .pk-contact-copy,
  .pk-enquiry-form {
    border-radius: 22px !important;
  }

  .pk-contact-copy {
    padding: 28px 24px !important;
  }

  .pk-enquiry-form {
    padding: 26px 22px !important;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {
  .pk-contact {
    padding: 50px 0 52px !important;
  }

  .pk-contact-copy {
    padding: 24px 18px !important;
  }

  .pk-enquiry-form {
    padding: 22px 18px !important;
  }

  .pk-contact-copy h2 {
    font-size: clamp(30px, 9vw, 42px) !important;
  }

  .pk-contact-copy p {
    font-size: 14px !important;
  }
}

/* =========================================================
   PARKEN REFERENCES VIDEOS
   ========================================================= */

.pk-ref-videos {
  width: 100%;
  max-width: 1600px;

  margin: 40px auto 0;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 32px;

  align-items: start;
}


/* EACH HALF */

.pk-ref-video-card {
  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;
}


/* =========================================================
   TITLE
   ========================================================= */

.pk-ref-video-title {
  width: 100% !important;
  max-width: none !important;

  margin: 0 0 18px !important;
  padding: 0 !important;

  text-align: center !important;

  color: #08677b !important;

  font-size: 26px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: -0.02em !important;

  white-space: nowrap;
}


/* =========================================================
   YOUTUBE VIDEO
   ========================================================= */

.pk-ref-youtube {
  position: relative;

  width: 100%;

  aspect-ratio: 16 / 9;

  overflow: hidden;

  border-radius: 24px;

  background: #000;

  border: 1px solid rgba(20, 145, 155, .20);

  box-shadow:
    0 22px 55px rgba(6, 80, 100, .12);
}


.pk-ref-youtube iframe {
  position: absolute;

  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  border: 0;
}


/* =========================================================
   COMING SOON CARD
   ========================================================= */

.pk-ref-coming-soon {
  position: relative;

  width: 100%;

  aspect-ratio: 16 / 9;

  overflow: hidden;

  border-radius: 24px;

  border: 1px solid rgba(20, 145, 155, .20);

  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(255,255,255,.95),
      transparent 38%
    ),
    radial-gradient(
      circle at 80% 80%,
      rgba(56, 197, 177, .17),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      #dff8f9,
      #cceff2 50%,
      #dff5ed
    );

  box-shadow:
    0 22px 55px rgba(6, 80, 100, .10);
}


/* CENTRE CONTENT */

.pk-ref-coming-inner {
  position: absolute;

  inset: 0;

  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: center;

  text-align: center;
}


/* PLAY ICON */

.pk-ref-coming-play {
  width: 65px;
  height: 65px;

  display: grid;
  place-items: center;

  margin-bottom: 18px;

  padding-left: 3px;

  border-radius: 50%;

  background: rgba(255,255,255,.75);

  border: 1px solid rgba(255,255,255,.95);

  color: #087b87;

  font-size: 16px;

  box-shadow:
    0 13px 35px rgba(7, 92, 106, .12);
}


.pk-ref-coming-inner span {
  color: #08677b;

  font-size: 15px;
  font-weight: 700;

  letter-spacing: .15em;
}


.pk-ref-coming-inner small {
  margin-top: 8px;

  color: rgba(8, 103, 123, .60);

  font-size: 11px;
  font-weight: 600;

  letter-spacing: .12em;

  text-transform: uppercase;
}


/* =========================================================
   HOVER
   ========================================================= */

.pk-ref-youtube,
.pk-ref-coming-soon {
  transition:
    transform .4s ease,
    box-shadow .4s ease,
    border-color .4s ease;
}


.pk-ref-video-card:hover .pk-ref-youtube,
.pk-ref-video-card:hover .pk-ref-coming-soon {
  transform: translateY(-5px);

  border-color: rgba(28, 176, 170, .40);

  box-shadow:
    0 30px 70px rgba(5, 82, 101, .16);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

  .pk-ref-videos {
    grid-template-columns: 1fr;

    gap: 45px;
  }

  .pk-ref-video-title {
    white-space: normal;
  }

}


@media (max-width: 520px) {

  .pk-ref-video-title {
    font-size: 21px !important;
  }

  .pk-ref-youtube,
  .pk-ref-coming-soon {
    border-radius: 18px;
  }

}

/* =========================================================
   PARKEN — OUR CLIENTS
   CLEAN CODED LOGO GRID
   ========================================================= */

.pk-clients {
  position: relative;
  width: 100%;
  overflow: hidden;

  padding: 70px 5vw 72px;

  background:
    radial-gradient(
      circle at 10% 35%,
      rgba(0, 177, 235, .18),
      transparent 34%
    ),
    radial-gradient(
      circle at 90% 40%,
      rgba(45, 219, 162, .18),
      transparent 34%
    ),
    linear-gradient(
      90deg,
      #eaf9ff 0%,
      #f4fdfb 50%,
      #effff7 100%
    );
}


/* =========================================================
   BACKGROUND GLOW
   ========================================================= */

.pk-clients-glow {
  position: absolute;

  width: 420px;
  height: 420px;

  border-radius: 50%;

  filter: blur(110px);

  pointer-events: none;

  z-index: 0;
}

.pk-clients-glow-blue {
  left: -150px;
  top: 80px;

  background:
    rgba(0, 175, 235, .11);
}

.pk-clients-glow-green {
  right: -150px;
  top: 100px;

  background:
    rgba(45, 218, 161, .11);
}


/* =========================================================
   HEADING
   ========================================================= */

.pk-clients-head {
  position: relative;
  z-index: 2;

  max-width: 950px;

  margin:
    0
    auto
    44px;

  text-align: center;
}


.pk-clients-kicker {
  display: inline-block;

  margin-bottom: 13px;

  color: #10aeca;

  font-size: 13px;

  font-weight: 800;

  letter-spacing: .28em;

  text-transform: uppercase;
}


.pk-clients-head h2 {
  margin: 0;

  color: #07547f;

  font-size:
    clamp(
      34px,
      4vw,
      62px
    );

  line-height: 1.02;

  font-weight: 900;

  letter-spacing: -.03em;
}


.pk-clients-head h2 strong {
  display: block;

  background:
    linear-gradient(
      90deg,
      #08a8e4,
      #32d7a2
    );

  -webkit-background-clip: text;
  background-clip: text;

  color: transparent;
}


.pk-clients-head p {
  max-width: 760px;

  margin:
    20px
    auto
    0;

  color: #4c6f80;

  font-size: 15px;

  line-height: 1.65;
}


/* =========================================================
   LOGO GRID
   5 × 3
   ========================================================= */

.pk-clients-grid {
  position: relative;
  z-index: 2;

  max-width: 1450px;

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    repeat(
      5,
      minmax(0, 1fr)
    );

  gap: 18px;
}


/* =========================================================
   LOGO CARD
   ========================================================= */

.pk-client-card {
  position: relative;

  height: 135px;

  display: grid;

  place-items: center;

  padding:
    18px
    20px;

  border-radius: 20px;

  background:
    rgba(
      255,
      255,
      255,
      .73
    );

  border:
    1px solid
    rgba(
      12,
      162,
      205,
      .14
    );

  box-shadow:
    0
    10px
    28px
    rgba(
      0,
      72,
      110,
      .07
    ),
    inset
    0
    1px
    0
    rgba(
      255,
      255,
      255,
      .85
    );

  backdrop-filter:
    blur(12px);

  -webkit-backdrop-filter:
    blur(12px);

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;

  overflow: hidden;
}


/* subtle alternating Parken colour */

.pk-client-card:nth-child(odd)::before,
.pk-client-card:nth-child(even)::before {

  content: "";

  position: absolute;

  left: 14%;
  right: 14%;
  bottom: 0;

  height: 2px;

  border-radius: 20px;
}


.pk-client-card:nth-child(odd)::before {

  background:
    linear-gradient(
      90deg,
      transparent,
      #05afe1,
      transparent
    );
}


.pk-client-card:nth-child(even)::before {

  background:
    linear-gradient(
      90deg,
      transparent,
      #31d49f,
      transparent
    );
}


/* =========================================================
   LOGO
   ========================================================= */

.pk-client-card img {

  display: block;

  width: auto;
  height: auto;

  max-width: 88%;
  max-height: 88px;

  object-fit: contain;

  transform:
    scale(1);

  transition:
    transform .3s ease;

  filter:
    drop-shadow(
      0
      4px
      7px
      rgba(
        0,
        64,
        90,
        .05
      )
    );
}


/* =========================================================
   HOVER
   ========================================================= */

.pk-client-card:hover {

  transform:
    translateY(-5px);

  border-color:
    rgba(
      14,
      177,
      211,
      .25
    );

  box-shadow:
    0
    17px
    36px
    rgba(
      0,
      81,
      119,
      .11
    ),
    inset
    0
    1px
    0
    rgba(
      255,
      255,
      255,
      .9
    );
}


.pk-client-card:hover img {

  transform:
    scale(1.04);
}


/* =========================================================
   SIMPLE ENTRANCE ANIMATION
   ========================================================= */

.pk-client-card {

  animation:
    pkClientReveal
    .65s
    ease
    both;
}


@keyframes pkClientReveal {

  from {

    opacity: 0;

    transform:
      translateY(18px);

  }

  to {

    opacity: 1;

    transform:
      translateY(0);

  }

}


/* stagger */

.pk-client-card:nth-child(1)  { animation-delay: .03s; }
.pk-client-card:nth-child(2)  { animation-delay: .06s; }
.pk-client-card:nth-child(3)  { animation-delay: .09s; }
.pk-client-card:nth-child(4)  { animation-delay: .12s; }
.pk-client-card:nth-child(5)  { animation-delay: .15s; }

.pk-client-card:nth-child(6)  { animation-delay: .18s; }
.pk-client-card:nth-child(7)  { animation-delay: .21s; }
.pk-client-card:nth-child(8)  { animation-delay: .24s; }
.pk-client-card:nth-child(9)  { animation-delay: .27s; }
.pk-client-card:nth-child(10) { animation-delay: .30s; }

.pk-client-card:nth-child(11) { animation-delay: .33s; }
.pk-client-card:nth-child(12) { animation-delay: .36s; }
.pk-client-card:nth-child(13) { animation-delay: .39s; }
.pk-client-card:nth-child(14) { animation-delay: .42s; }
.pk-client-card:nth-child(15) { animation-delay: .45s; }


/* =========================================================
   FOOTER
   ========================================================= */

.pk-clients-footer {

  position: relative;
  z-index: 2;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 14px;

  margin-top: 35px;
}


.pk-clients-footer span {

  width: 52px;

  height: 2px;

  border-radius: 100px;

  background:
    linear-gradient(
      90deg,
      #09aee0,
      #34d9a3
    );
}


.pk-clients-footer p {

  margin: 0;

  color: #436c7e;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: .20em;

  text-transform: uppercase;
}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1200px) {

  .pk-clients-grid {

    grid-template-columns:
      repeat(
        4,
        1fr
      );

  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

  .pk-clients {

    padding:
      60px
      4vw
      65px;

  }


  .pk-clients-grid {

    grid-template-columns:
      repeat(
        3,
        1fr
      );

  }


  .pk-client-card {

    height: 125px;

  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

  .pk-clients {

    padding:
      50px
      18px
      55px;

  }


  .pk-clients-head {

    margin-bottom:
      30px;

  }


  .pk-clients-head h2 {

    font-size:
      clamp(
        31px,
        10vw,
        44px
      );

  }


  .pk-clients-head p {

    font-size:
      14px;

  }


  .pk-clients-grid {

    grid-template-columns:
      repeat(
        2,
        1fr
      );

    gap:
      13px;

  }


  .pk-client-card {

    height:
      110px;

    padding:
      15px;

    border-radius:
      17px;

  }


  .pk-client-card img {

    max-width:
      92%;

    max-height:
      72px;

  }


  .pk-clients-footer span {

    width:
      28px;

  }


  .pk-clients-footer p {

    font-size:
      10px;

    letter-spacing:
      .13em;

  }

}

/* =========================================================
   REFERENCES + FOOTER FINAL OVERRIDE
   Paste this at the VERY END of your CSS file
   ========================================================= */


/* =========================================================
   REFERENCES SECTION
   ========================================================= */

.pk-references {
  width: 100%;

  padding:
    72px 0
    110px !important;

  margin: 0 !important;

  background: transparent;
}


/* HEADER */

.pk-references-header {
  width: 100%;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(420px, .95fr);

  align-items: end;

  gap: 50px;

  margin-bottom: 46px;
}


.pk-references-heading {
  min-width: 0;
}


.pk-section-kicker {
  display: block;

  margin-bottom: 14px;

  color: #168f8a;

  font-size: 11px;
  font-weight: 700;

  line-height: 1;

  letter-spacing: .22em;

  text-transform: uppercase;
}


.pk-references-heading h2 {
  margin: 0 !important;
  padding: 0 !important;

  color: #07647a;

  font-size: clamp(44px, 4vw, 66px) !important;
  font-weight: 750 !important;

  line-height: .98 !important;

  letter-spacing: -.045em !important;
}


.pk-references-description {
  max-width: 620px;

  margin:
    0
    0
    5px
    auto !important;

  color: #648997;

  font-size: 16px;
  font-weight: 400;

  line-height: 1.65;

  text-align: left;
}


/* =========================================================
   REFERENCES VIDEOS
   ========================================================= */

.pk-ref-videos {
  width: 100% !important;
  max-width: none !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 40px !important;

  align-items: start !important;
}


.pk-ref-video-card {
  width: 100% !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* VIDEO TITLE */

.pk-ref-video-title {
  width: 100% !important;
  max-width: none !important;

  margin:
    0
    0
    20px !important;

  padding: 0 !important;

  color: #08677b !important;

  font-size: clamp(22px, 1.75vw, 29px) !important;
  font-weight: 700 !important;

  line-height: 1.25 !important;

  letter-spacing: -.025em !important;

  text-align: center !important;

  white-space: nowrap !important;
}


/* VIDEO */

.pk-ref-youtube {
  position: relative !important;

  width: 100% !important;

  aspect-ratio: 16 / 9 !important;

  overflow: hidden !important;

  margin: 0 !important;

  border-radius: 26px !important;

  background: #000;

  border:
    1px solid
    rgba(21, 148, 153, .22);

  box-shadow:
    0 22px 50px
    rgba(7, 79, 98, .10);
}


.pk-ref-youtube iframe {
  position: absolute !important;

  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;

  border: 0 !important;
}


/* COMING SOON */

.pk-ref-coming-soon {
  position: relative;

  width: 100% !important;

  aspect-ratio: 16 / 9 !important;

  overflow: hidden;

  margin: 0 !important;

  border-radius: 26px;

  border:
    1px solid
    rgba(21, 148, 153, .22);

  background:

    radial-gradient(
      circle at 16% 16%,
      rgba(255,255,255,.92),
      transparent 38%
    ),

    radial-gradient(
      circle at 78% 76%,
      rgba(61, 206, 178, .18),
      transparent 38%
    ),

    linear-gradient(
      135deg,
      #e1f8f9 0%,
      #cef0f3 52%,
      #def6ee 100%
    );

  box-shadow:
    0 22px 50px
    rgba(7, 79, 98, .09);
}


.pk-ref-coming-inner {
  position: absolute;

  inset: 0;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  text-align: center;
}


.pk-ref-coming-play {
  width: 68px;
  height: 68px;

  display: grid;

  place-items: center;

  margin-bottom: 22px;

  padding-left: 3px;

  border-radius: 50%;

  background:
    rgba(255,255,255,.72);

  border:
    1px solid
    rgba(255,255,255,.94);

  color: #087b87;

  font-size: 16px;

  box-shadow:
    0 12px 30px
    rgba(7, 85, 100, .10);
}


.pk-ref-coming-inner span {
  color: #086b80;

  font-size: 14px;
  font-weight: 750;

  letter-spacing: .19em;
}


.pk-ref-coming-inner small {
  margin-top: 10px;

  color:
    rgba(5, 105, 124, .54);

  font-size: 10px;
  font-weight: 700;

  letter-spacing: .18em;

  text-transform: uppercase;
}



/* =========================================================
   FOOTER — COMPACT CLEAN VERSION
   ========================================================= */

.pk-footer {
  position: relative;

  width: 100%;

  margin: 0 !important;

  padding: 0 !important;

  background: #043f4e !important;

  color: rgba(235, 249, 251, .78);

  overflow: hidden;
}


/* MAIN FOOTER */

.pk-footer-grid {
  display: grid !important;

  grid-template-columns:
    minmax(280px, 1.55fr)
    minmax(150px, .75fr)
    minmax(150px, .75fr)
    minmax(210px, .85fr) !important;

  column-gap: 72px !important;

  align-items: start !important;

  padding:
    60px
    0
    54px !important;

  margin: 0 auto !important;
}


/* =========================================================
   FOOTER BRAND
   ========================================================= */

.pk-footer-brand {
  min-width: 0;

  margin: 0 !important;
  padding: 0 !important;
}


/* BIGGER LOGO */

.pk-footer-brand .pk-footer-logo,
.pk-footer-brand img {
  display: block !important;

  width: 190px !important;
  height: auto !important;

  max-width: none !important;
  max-height: none !important;

  object-fit: contain !important;

  margin:
    0
    0
    28px !important;

  padding: 0 !important;
}


.pk-footer-brand p {
  max-width: 430px !important;

  margin:
    0
    0
    24px !important;

  padding: 0 !important;

  color:
    rgba(229, 246, 249, .76) !important;

  font-size: 14px !important;
  font-weight: 500 !important;

  line-height: 1.72 !important;

  text-align: left !important;
}


/* ADDRESS */

.pk-footer-address {
  display: block;

  max-width: 430px;

  margin: 0 !important;
  padding: 0 !important;

  color:
    rgba(229, 246, 249, .76);

  font-size: 14px;
  font-weight: 500;

  font-style: normal;

  line-height: 1.75;

  text-align: left;
}


/* REMOVE OLD SPAN STYLING EFFECT */

.pk-footer-brand > span {
  display: block;

  margin: 0 !important;

  line-height: 1.75 !important;
}



/* =========================================================
   FOOTER COLUMNS
   ========================================================= */

.pk-footer-column {
  display: block !important;

  min-width: 0;

  margin: 0 !important;

  padding: 4px 0 0 !important;

  text-align: left !important;
}


.pk-footer-column h3 {
  margin:
    0
    0
    23px !important;

  padding: 0 !important;

  color: #f3fbfc !important;

  font-size: 15px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0 !important;

  text-align: left !important;
}


/* NAV VERTICAL ALIGNMENT */

.pk-footer-column nav {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 15px;
}


/* ALSO SUPPORT OLD HTML WITHOUT NAV */

.pk-footer-column > a {
  display: block !important;

  width: fit-content !important;

  margin:
    0
    0
    15px !important;
}


/* LINKS */

.pk-footer-column a {
  position: relative;

  display: inline-block;

  margin: 0 !important;
  padding: 0 !important;

  color:
    rgba(221, 242, 246, .68) !important;

  font-size: 14px !important;
  font-weight: 500 !important;

  line-height: 1.45 !important;

  text-decoration: none !important;

  white-space: nowrap;

  transition:
    color .25s ease,
    transform .25s ease;
}


.pk-footer-column a:hover {
  color: #ffffff !important;

  transform: translateX(3px);
}



/* =========================================================
   FOOTER BOTTOM
   ========================================================= */

.pk-footer-bottom {
  width: 100%;

  margin: 0 !important;

  padding: 0 !important;

  border-top:
    1px solid
    rgba(255,255,255,.10);
}


.pk-footer-bottom-inner {
  min-height: 62px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 30px;

  margin: 0 auto !important;

  padding:
    16px
    0 !important;
}


.pk-footer-bottom span {
  margin: 0 !important;
  padding: 0 !important;

  color:
    rgba(225, 243, 246, .70) !important;

  font-size: 12px !important;
  font-weight: 500 !important;

  line-height: 1.4 !important;
}


.pk-footer-bottom a {
  margin: 0 !important;
  padding: 0 !important;

  color:
    rgba(236, 249, 251, .82) !important;

  font-size: 11px !important;
  font-weight: 650 !important;

  line-height: 1 !important;

  letter-spacing: .04em;

  text-decoration: none !important;

  white-space: nowrap;
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .pk-references-header {
    grid-template-columns:
      1fr 1fr;

    gap: 35px;
  }


  .pk-footer-grid {
    grid-template-columns:
      1.35fr
      .8fr
      .8fr
      1fr !important;

    column-gap: 38px !important;
  }


  .pk-footer-brand .pk-footer-logo,
  .pk-footer-brand img {
    width: 170px !important;
  }

}



/* =========================================================
   MOBILE / SMALL TABLET
   ========================================================= */

@media (max-width: 850px) {

  .pk-references {
    padding:
      60px
      0
      80px !important;
  }


  .pk-references-header {
    grid-template-columns: 1fr;

    gap: 22px;

    margin-bottom: 38px;
  }


  .pk-references-description {
    margin: 0 !important;
  }


  .pk-ref-videos {
    grid-template-columns:
      1fr !important;

    gap: 48px !important;
  }


  .pk-ref-video-title {
    white-space: normal !important;
  }


  .pk-footer-grid {
    grid-template-columns:
      repeat(2, 1fr) !important;

    row-gap: 45px !important;
  }

}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 560px) {

  .pk-footer-grid {
    grid-template-columns:
      1fr !important;

    padding:
      48px
      0
      40px !important;

    row-gap: 36px !important;
  }


  .pk-footer-brand .pk-footer-logo,
  .pk-footer-brand img {
    width: 175px !important;

    margin-bottom: 23px !important;
  }


  .pk-footer-bottom-inner {
    flex-direction: column;

    align-items: flex-start;

    gap: 10px;
  }

}

/* =========================================================
   REFERENCES — FOUR STRENGTHS BACKGROUND
   PASTE AT THE VERY BOTTOM OF CSS
   ========================================================= */

.pk-references {
  position: relative !important;
  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 12% 35%,
      rgba(0, 177, 235, 0.20),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 38%,
      rgba(45, 219, 162, 0.20),
      transparent 34%
    ),
    linear-gradient(
      90deg,
      #eaf9ff 0%,
      #f1fcfb 48%,
      #effff7 100%
    ) !important;
}


/* extra soft glow */

.pk-references::before,
.pk-references::after {
  content: "";
  position: absolute;

  width: 360px;
  height: 360px;

  border-radius: 50%;

  filter: blur(100px);

  pointer-events: none;

  z-index: 0;
}

.pk-references::before {
  left: -120px;
  top: 60px;

  background:
    rgba(0, 172, 239, 0.12);
}

.pk-references::after {
  right: -120px;
  top: 70px;

  background:
    rgba(42, 218, 159, 0.12);
}


/* keep actual content above glow */

.pk-references > * {
  position: relative;
  z-index: 2;
}
/* =====================================================================
   PARKEN — FINAL RESPONSIVE PASS (2026-09-28)
   Desktop design is preserved. Rules below primarily affect <= 900px.
   ===================================================================== */

/* ---------- Vision / Mission requested title treatment ---------- */
.parken-vm-clean-card h3 {
  margin: 0 !important;
  font-size: 21px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .20em !important;
  color: #164f70 !important;
}

.parken-vm-clean-accent {
  position: relative !important;
  width: 66px !important;
  height: 3px !important;
  margin: 13px 0 22px !important;
  border-radius: 999px !important;
}

.parken-vm-clean-vision .parken-vm-clean-accent {
  background: #16b8df !important;
}

.parken-vm-clean-mission .parken-vm-clean-accent {
  background: #35ce98 !important;
}

/* ---------- References: both embeds share the same player frame ---------- */
.pk-ref-youtube {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: #061d2b !important;
}

.pk-ref-youtube iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
}

/* ---------- Footer requested compact desktop size ---------- */
.pk-footer {
  min-height: 0 !important;
  height: auto !important;
  padding: 34px 0 0 !important;
}

.pk-footer-grid {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 28px !important;
  column-gap: 50px !important;
}

.pk-footer-brand .pk-footer-logo,
.pk-footer-brand img {
  width: 170px !important;
  margin-bottom: 16px !important;
}

.pk-footer-brand p {
  margin-bottom: 16px !important;
  line-height: 1.55 !important;
}

.pk-footer-address {
  line-height: 1.55 !important;
}

.pk-footer-column h3 {
  margin-bottom: 16px !important;
}

.pk-footer-column nav {
  gap: 10px !important;
}

.pk-footer-bottom-inner {
  min-height: 0 !important;
  padding: 13px 0 !important;
}

/* ---------- Global responsive safety ---------- */
*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img, video, iframe, svg, canvas, picture {
  max-width: 100%;
}

#about,
#why-parken,
#clients,
#testimonials,
#contact,
#references,
#solutions-advantage,
#strengths,
#products {
  scroll-margin-top: 82px;
}

/* =====================================================================
   TABLET / MOBILE NAVIGATION + MAJOR LAYOUTS
   ===================================================================== */
@media (max-width: 900px) {

  /* ---------- shared shell ---------- */
  .pk-shell {
    width: calc(100% - 36px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* ---------- header ---------- */
  html body #parken-header.parken-header {
    height: 72px !important;
    min-height: 72px !important;
  }

  html body #parken-header.parken-header.is-scrolled {
    height: 68px !important;
    min-height: 68px !important;
  }

  html body #parken-header .parken-header-inner {
    width: calc(100% - 24px) !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    column-gap: 12px !important;
  }

  html body #parken-header .parken-header-logo,
  html body #parken-header.is-scrolled .parken-header-logo {
    width: 150px !important;
    height: 60px !important;
  }

  html body #parken-header .parken-header-logo img,
  html body #parken-header.is-scrolled .parken-header-logo img {
    width: 145px !important;
    height: 56px !important;
    object-fit: contain !important;
  }

  html body #parken-header .parken-header-quote {
    display: none !important;
  }

  html body #parken-header .parken-menu-button {
    display: flex !important;
    position: relative !important;
    z-index: 10002 !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.08) !important;
  }

  html body #parken-header .parken-menu-button span {
    width: 22px !important;
    height: 2px !important;
    background: #fff !important;
  }

  html body #parken-header .parken-nav {
    position: fixed !important;
    top: 76px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    height: auto !important;
    max-height: calc(100vh - 92px) !important;
    overflow-y: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, rgba(3,48,66,.985), rgba(5,86,83,.985)) !important;
    box-shadow: 0 18px 45px rgba(0,25,38,.32) !important;
    z-index: 10001 !important;
  }

  html body #parken-header .parken-nav.is-open {
    display: flex !important;
  }

  html body #parken-header .parken-nav-link {
    width: 100% !important;
    height: auto !important;
    min-height: 46px !important;
    padding: 13px 14px !important;
    justify-content: flex-start !important;
    color: #fff !important;
    font-size: 12px !important;
    letter-spacing: .04em !important;
    white-space: normal !important;
    border-radius: 10px !important;
  }

  html body #parken-header .parken-nav-link:hover,
  html body #parken-header .parken-nav-link.is-active {
    background: rgba(255,255,255,.08) !important;
  }

  html body #parken-header .parken-nav-link::after {
    left: 14px !important;
    right: auto !important;
    bottom: 7px !important;
    transform: none !important;
  }

  /* ---------- hero ---------- */
  html body #home.parken-hero {
    min-height: 690px !important;
    height: auto !important;
  }

  html body #home .parken-hero-video {
    object-position: 58% center !important;
  }

  html body #home .parken-hero-overlay {
    background:
      linear-gradient(90deg, rgba(0,37,56,.88), rgba(0,50,66,.62) 68%, rgba(0,56,67,.24)),
      linear-gradient(180deg, rgba(0,28,43,.14), rgba(0,31,45,.32)) !important;
  }

  html body #home .parken-hero-inner {
    width: calc(100% - 36px) !important;
    max-width: none !important;
    min-height: 690px !important;
    padding-top: 90px !important;
    align-items: center !important;
  }

  html body #home .parken-hero-copy {
    width: 100% !important;
    max-width: 620px !important;
    transform: none !important;
  }

  html body #home .parken-hero-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(44px, 8.6vw, 68px) !important;
    line-height: .94 !important;
    letter-spacing: -.03em !important;
  }

  html body #home .parken-hero-title > span {
    white-space: normal !important;
    line-height: .94 !important;
  }

  html body #home .parken-hero-description {
    max-width: 560px !important;
    margin-top: 22px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  html body #home .parken-hero-capabilities {
    max-width: 560px !important;
    margin-top: 18px !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 10px 14px !important;
  }

  html body #home .parken-hero-capabilities > span {
    padding: 4px 0 6px !important;
    font-size: 10px !important;
    white-space: normal !important;
  }

  /* ---------- moving product reel ---------- */
  .parken-reel-wrap {
    width: 100% !important;
    height: 94px !important;
    margin-top: 0 !important;
    overflow: hidden !important;
  }

  .parken-video-strip {
    height: 90px !important;
    overflow: hidden !important;
  }

  .parken-video-item {
    flex: 0 0 158px !important;
    width: 158px !important;
    height: 84px !important;
  }

  /* ---------- four strengths ---------- */
  .pk-strengths-live {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .pk-strengths-live-shell {
    width: 100% !important;
    max-width: none !important;
  }

  .pk-strengths-live-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .pk-strengths-live-card,
  .pk-strengths-live-card:hover {
    transform: none !important;
  }

  .pk-strengths-card-video,
  .pk-strengths-live-icon,
  .pk-strengths-live-copy {
    transform: none !important;
  }

  .pk-strengths-live-media {
    height: 220px !important;
  }

  .pk-strengths-live-copy {
    min-height: 135px !important;
    padding: 17px 18px !important;
  }

  .pk-strengths-live-stats {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pk-strengths-live-stat {
    min-width: 0 !important;
  }

  .pk-strengths-live-stat:last-child {
    grid-column: 1 / -1 !important;
  }

  /* ---------- product marquee ---------- */
  .pk-marquee {
    min-height: 54px !important;
    overflow: hidden !important;
  }

  .pk-marquee-track span {
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  /* ---------- about ---------- */
  #about.pk-about {
    overflow: hidden !important;
  }

  #about .pk-about-cinematic {
    width: 100% !important;
    margin-left: 0 !important;
    height: 500px !important;
    min-height: 500px !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }

  #about .pk-about-video {
    object-position: 62% center !important;
  }

  #about .pk-about-title {
    left: 22px !important;
    right: 22px !important;
    top: auto !important;
    bottom: 56px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }

  #about .pk-about-title h2 {
    font-size: clamp(40px, 8vw, 58px) !important;
    line-height: 1 !important;
  }

  #about .pk-about-title > span,
  #about .pk-about-kicker {
    font-size: 14px !important;
  }

  #about .pk-about-title + p,
  #about .pk-about-cinematic > p,
  #about .pk-about-title p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  #about .pk-about-progress {
    left: 22px !important;
    bottom: 26px !important;
  }

  #about .pk-about-context {
    width: calc(100% - 36px) !important;
    padding: 48px 0 52px !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  #about .pk-about-context-heading h3 {
    font-size: clamp(32px, 7vw, 46px) !important;
  }

  #about .pk-about-context-text p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  #about .pk-about-globe {
    right: -20% !important;
    width: 78% !important;
    opacity: .08 !important;
  }

  /* ---------- Vision / Mission ---------- */
  .parken-vm-clean {
    padding: 44px 18px !important;
  }

  .parken-vm-clean-shell {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .parken-vm-clean-card {
    min-height: 0 !important;
    padding: 28px 24px !important;
  }

  /* ---------- Why PARKEN ---------- */
  .why-parken-top {
    display: block !important;
  }

  .why-video-wrap {
    width: 100% !important;
    min-height: 0 !important;
    height: 300px !important;
  }

  .why-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  .why-video-fade {
    background: linear-gradient(0deg, #052d59 0%, rgba(5,45,89,.25) 50%, transparent 75%) !important;
  }

  .why-heading {
    padding: 26px 22px 42px !important;
  }

  .why-heading h2 {
    max-width: 100% !important;
    font-size: clamp(34px, 8vw, 50px) !important;
    line-height: 1.03 !important;
  }

  .why-heading p {
    font-size: 15px !important;
  }

  .why-flow {
    padding: 22px 18px 48px !important;
  }

  .why-features {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 44px 14px !important;
  }

  .why-node {
    width: 94px !important;
    height: 94px !important;
  }

  /* ---------- Solutions + Advantage ---------- */
  .parken-dual-section {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 38px 18px 46px !important;
  }

  .dual-panel {
    min-height: 0 !important;
    padding: 24px 18px 26px !important;
  }

  .solutions-grid,
  .advantage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* ---------- Clients ---------- */
  .pk-clients {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .pk-clients-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .pk-client-card {
    height: 118px !important;
  }

  /* ---------- Client Stories ---------- */
  .pk-stories-marquee {
    width: 100% !important;
  }

  .pk-story-card {
    flex-basis: 286px !important;
    width: 286px !important;
    min-width: 286px !important;
    height: 294px !important;
    min-height: 294px !important;
    max-height: 294px !important;
  }

  /* ---------- Contact ---------- */
  .pk-contact-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .pk-contact-copy,
  .pk-enquiry-form {
    min-width: 0 !important;
  }

  /* ---------- References ---------- */
  .pk-references-header {
    display: block !important;
    grid-template-columns: 1fr !important;
  }

  .pk-references-description {
    max-width: 100% !important;
    margin-top: 16px !important;
  }

  .pk-ref-videos {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .pk-ref-video-title {
    white-space: normal !important;
  }

  /* ---------- Footer ---------- */
  .pk-footer {
    padding-top: 30px !important;
  }

  .pk-footer-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    column-gap: 30px !important;
    row-gap: 30px !important;
    padding-bottom: 26px !important;
  }

  .pk-footer-brand {
    grid-column: 1 / -1 !important;
  }

  .pk-footer-brand p,
  .pk-footer-address {
    max-width: 560px !important;
  }
}

/* =====================================================================
   SMALL PHONES
   ===================================================================== */
@media (max-width: 600px) {

  .pk-shell {
    width: calc(100% - 28px) !important;
  }

  /* hero */
  html body #home.parken-hero,
  html body #home .parken-hero-inner {
    min-height: 650px !important;
  }

  html body #home .parken-hero-inner {
    width: calc(100% - 30px) !important;
    padding-top: 78px !important;
  }

  html body #home .parken-hero-title {
    font-size: clamp(40px, 11.5vw, 54px) !important;
  }

  html body #home .parken-hero-description {
    font-size: 14px !important;
  }

  /* strengths */
  .pk-strengths-live-grid {
    grid-template-columns: 1fr !important;
  }

  .pk-strengths-live-media {
    height: 220px !important;
  }

  .pk-strengths-live-stats {
    grid-template-columns: 1fr !important;
  }

  .pk-strengths-live-stat:last-child {
    grid-column: auto !important;
  }

  /* About */
  #about .pk-about-cinematic {
    height: 470px !important;
    min-height: 470px !important;
  }

  #about .pk-about-title {
    left: 18px !important;
    right: 18px !important;
  }

  /* Why: keep two columns even on a small phone */
  .why-video-wrap {
    height: 250px !important;
  }

  .why-heading {
    padding: 24px 18px 38px !important;
  }

  .why-heading h2 {
    font-size: clamp(31px, 9vw, 42px) !important;
  }

  .why-features {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 42px 12px !important;
  }

  .why-node {
    width: 84px !important;
    height: 84px !important;
  }

  .why-node svg {
    width: 34px !important;
    height: 34px !important;
  }

  .why-feature h3 {
    font-size: 12px !important;
  }

  .why-feature p {
    font-size: 12px !important;
  }

  /* Solutions / Advantage */
  .solutions-grid,
  .advantage-grid {
    grid-template-columns: 1fr !important;
  }

  .dual-title h2 {
    font-size: clamp(25px, 8vw, 34px) !important;
  }

  .solution-card,
  .advantage-card {
    min-height: 0 !important;
  }

  /* clients */
  .pk-clients-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .pk-client-card {
    height: 104px !important;
    padding: 12px !important;
  }

  .pk-client-card img {
    max-height: 70px !important;
  }

  /* stories */
  .pk-story-card {
    flex-basis: min(280px, calc(100vw - 46px)) !important;
    width: min(280px, calc(100vw - 46px)) !important;
    min-width: min(280px, calc(100vw - 46px)) !important;
    height: 288px !important;
    min-height: 288px !important;
    max-height: 288px !important;
  }

  /* contact */
  .pk-form-row {
    grid-template-columns: 1fr !important;
  }

  .pk-contact-details a {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  .pk-contact-details strong {
    font-size: 14px !important;
    overflow-wrap: anywhere !important;
  }

  /* refs */
  .pk-ref-video-card {
    padding: 12px !important;
  }

  .pk-ref-video-title {
    margin-bottom: 12px !important;
    font-size: 16px !important;
  }

  .pk-ref-youtube {
    border-radius: 14px !important;
  }

  /* footer */
  .pk-footer-grid {
    grid-template-columns: 1fr !important;
    row-gap: 26px !important;
    padding-bottom: 24px !important;
  }

  .pk-footer-brand {
    grid-column: auto !important;
  }

  .pk-footer-brand .pk-footer-logo,
  .pk-footer-brand img {
    width: 155px !important;
  }

  .pk-footer-bottom-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  /* floating buttons */
  .pk-whatsapp {
    right: 14px !important;
    bottom: 14px !important;
    width: 50px !important;
    height: 50px !important;
  }

  .pk-whatsapp svg {
    width: 27px !important;
    height: 27px !important;
  }

  .pk-scroll-top {
    right: 14px !important;
    bottom: 72px !important;
    width: 46px !important;
    height: 46px !important;
  }
}

/* Extra-narrow phones */
@media (max-width: 390px) {
  html body #home .parken-hero-title {
    font-size: 39px !important;
  }

  .why-features {
    gap: 38px 8px !important;
  }

  .pk-client-card {
    height: 96px !important;
  }
}

/* Touch devices: avoid hover-only movement feeling sticky. */
@media (hover: none) {
  .pk-client-card:hover,
  .solution-card:hover,
  .advantage-card:hover,
  .pk-story-card:hover,
  .pk-strengths-live-card:hover {
    transform: none !important;
  }
}


/* ============================================================
   PARKEN PRODUCT REEL — MOBILE = SAME BEHAVIOUR AS LAPTOP
   FINAL OVERRIDE

   - Reel overlaps the bottom of the hero like desktop.
   - Tapped product slot becomes empty.
   - The SAME product physically lifts above its own slot.
   - Reel pauses while lifted, then product drops back after 5s.
   - iPhone taps the card rather than Safari's native video layer.
   ============================================================ */

@media (max-width: 900px) {

  .parken-reel-wrap {
    position: relative !important;
    z-index: 60 !important;
    width: 100% !important;
    height: 94px !important;
    margin-top: -94px !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .parken-video-strip {
    position: relative !important;
    z-index: 1 !important;
    height: 90px !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .parken-video-item {
    position: relative !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }

  /* Let the DIV receive the iPhone tap. Video stays visual only. */
  .parken-video-item video {
    pointer-events: none !important;
    -webkit-user-drag: none !important;
  }

  /* Exactly like desktop: tapped product leaves an empty slot. */
  .parken-video-item.pk-force-empty {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Keep the lifted item above the hero/reel and never clip it. */
  #pk-force-lift-preview {
    position: absolute !important;
    z-index: 9999 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: 0 17px 38px rgba(0,20,31,.34) !important;
  }

}

@media (max-width: 700px) {

  .parken-video-item {
    flex: 0 0 160px !important;
    width: 160px !important;
    height: 84px !important;
  }

  /* Same ~1.45x lift ratio as desktop, just phone-sized. */
  #pk-force-lift-preview {
    width: 235px !important;
    height: 132px !important;
    border-radius: 14px !important;
  }

  #pk-force-lift-preview video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 14px !important;
  }

}

/* =====================================================================
   PARKEN — SAFE MOBILE-ONLY PRODUCT REEL FIX
   Keeps the approved laptop/desktop layout unchanged.
   Android + iPhone mirror the laptop reel visually and functionally.
   ===================================================================== */

@media (max-width: 900px) {

  /* Keep the moving products floating over the bottom edge of the hero,
     with NO coloured container/bar around them. */
  html body .parken-reel-wrap {
    position: relative !important;
    z-index: 85 !important;
    width: 100% !important;
    height: 94px !important;
    margin: -94px 0 0 !important;
    padding: 5px 0 !important;
    overflow: visible !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .parken-video-strip {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 88px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .parken-video-strip::before,
  html body .parken-video-strip::after {
    content: none !important;
    display: none !important;
  }

  html body .parken-video-track {
    height: 88px !important;
    align-items: center !important;
    gap: 12px !important;
    background: transparent !important;
  }

  html body .parken-video-item {
    position: relative !important;
    flex: 0 0 160px !important;
    width: 160px !important;
    height: 84px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }

  html body .parken-video-item video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
    -webkit-user-drag: none !important;
  }

  /* Mobile system owns the lifted preview; hide the older desktop preview
     only on phones/tablets. Desktop is deliberately untouched. */
  #pk-force-lift-preview,
  #parken-click-preview,
  .parken-click-preview {
    display: none !important;
  }

  html body .parken-video-item.pk-mobile-lift-empty {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #pk-mobile-laptop-preview {
    position: fixed !important;
    z-index: 2147483000 !important;
    display: block !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: 0 17px 38px rgba(0,20,31,.34) !important;
    pointer-events: none !important;
    transform-origin: center center !important;
    transition:
      transform .30s cubic-bezier(.22,.78,.30,1),
      opacity .22s ease,
      visibility .22s ease !important;
  }

  #pk-mobile-laptop-preview.pk-mobile-ready {
    visibility: visible !important;
    opacity: 1 !important;
  }

  #pk-mobile-laptop-preview.pk-mobile-up {
    transform: translate3d(0,0,0) scale(1) !important;
    pointer-events: auto !important;
  }

  #pk-mobile-laptop-preview video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: inherit !important;
    background: transparent !important;
    pointer-events: none !important;
  }
}

@media (max-width: 600px) {
  html body .parken-reel-wrap {
    height: 90px !important;
    margin-top: -90px !important;
  }

  html body .parken-video-strip,
  html body .parken-video-track {
    height: 84px !important;
  }

  html body .parken-video-item {
    flex-basis: 148px !important;
    width: 148px !important;
    height: 80px !important;
  }
}

/* =========================================================
   PARKEN MOBILE PRODUCT REEL — SAME POSITION AS LAPTOP
   ========================================================= */

@media (max-width: 900px) {

  html body .parken-reel-wrap {
    position: relative !important;
    z-index: 80 !important;

    width: 100% !important;
    height: 94px !important;

    margin-top: -94px !important;

    padding: 5px 0 !important;

    overflow: visible !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }


  html body .parken-video-strip {
    position: relative !important;
    z-index: 1 !important;

    width: 100% !important;
    height: 90px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }


  html body .parken-video-strip::before,
  html body .parken-video-strip::after,
  html body .parken-reel-wrap::before,
  html body .parken-reel-wrap::after {
    content: none !important;
    display: none !important;
  }


  html body .parken-video-track {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }


  html body .parken-video-item {
    flex: 0 0 160px !important;

    width: 160px !important;
    height: 84px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    overflow: hidden !important;

    cursor: pointer !important;
    touch-action: manipulation !important;
  }


  html body .parken-video-item video {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    pointer-events: none !important;
  }

}

/* PARKEN MOBILE — REEL INSIDE HERO */
@media (max-width: 900px) {

  #home.parken-hero {
    position: relative !important;
  }

  #home .parken-reel-wrap {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 94px !important;

    margin: 0 !important;
    padding: 5px 0 !important;

    z-index: 80 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
  }

  #home .parken-video-strip {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
  }

}

/* =========================================================
   PARKEN FINAL MOBILE TAP / LIFT
   ANDROID + IPHONE
   DESKTOP UNCHANGED
   ========================================================= */

@media (max-width: 900px) {

  /* Hide the older popup systems on phone only */
  #pk-force-lift-preview,
  #pk-mobile-laptop-preview {
    display: none !important;
  }

  /* When tapped, original position becomes empty */
  .parken-video-item.pk-mobile-final-empty {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* New lifted product */
  #pk-mobile-final-preview {
    position: absolute !important;
    z-index: 9999999 !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: hidden;
    opacity: 0;

    pointer-events: none;

    overflow: hidden !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;

    border-radius: 14px !important;

    box-shadow:
      0 18px 42px rgba(0,20,31,.35) !important;

    transform:
      translate(
        var(--pk-mobile-x, 0px),
        var(--pk-mobile-y, 45px)
      )
      scale(.68);

    transform-origin: center center;

    transition:
      transform .30s cubic-bezier(.22,.78,.30,1),
      opacity .22s ease,
      visibility .22s ease;
  }

  #pk-mobile-final-preview.pk-mobile-up {
    visibility: visible !important;
    opacity: 1 !important;

    pointer-events: auto !important;

    transform:
      translate(0,0)
      scale(1) !important;
  }

  #pk-mobile-final-preview.pk-mobile-return {
    visibility: visible !important;
    opacity: 0 !important;

    transform:
      translate(
        var(--pk-mobile-x, 0px),
        var(--pk-mobile-y, 45px)
      )
      scale(.68) !important;
  }

  #pk-mobile-final-preview video {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 14px !important;

    background: transparent !important;
  }

}

/* PARKEN MOBILE REEL — SCROLL STABILITY */
@media (max-width: 900px) {

  #home .parken-reel-wrap,
  #home .parken-video-strip {
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
  }

  #home .parken-video-track {
    will-change: transform !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
  }

  #home .parken-video-item:not(.pk-mobile-final-empty) {
    visibility: visible !important;
    opacity: 1 !important;
  }

  #home .parken-video-item video {
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

}