.pg-about-page {
  --pg-about-navy: #062b4d;
  --pg-about-blue: var(--pg-primary-deep);
  --pg-about-cyan: var(--pg-primary);
  --pg-about-soft: color-mix(in srgb, var(--pg-primary) 8%, var(--pg-surface-strong));
  color: var(--pg-text);
  padding-bottom: 0.5rem;
}

.pg-about-page svg {
  display: block;
}

.pg-about-hero {
  border-bottom: 1px solid var(--pg-border);
  background:
    radial-gradient(circle at 78% 16%, color-mix(in srgb, var(--pg-primary) 17%, transparent) 0 12rem, transparent 28rem),
    radial-gradient(circle at 20% 88%, color-mix(in srgb, var(--pg-secondary) 12%, transparent) 0 10rem, transparent 26rem);
}

.pg-about-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(320px, 1.04fr);
  gap: clamp(2rem, 5vw, 4.75rem);
  align-items: center;
  min-height: min(620px, calc(100vh - 8rem));
  padding-top: clamp(2.25rem, 5vw, 5rem);
  padding-bottom: clamp(2.5rem, 5vw, 5.25rem);
}

.pg-about-hero__label {
  margin: 0 0 0.9rem;
  color: var(--pg-primary-deep);
  font-size: 0.92rem;
  font-weight: 900;
  letter-spacing: 0.035em;
}

.pg-about-hero h1 {
  margin: 0;
  max-width: 780px;
  color: var(--pg-dark);
  background: var(--pg-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(2.45rem, 5vw, 4.95rem);
  line-height: 1.03;
  font-weight: 950;
  letter-spacing: 0;
}

.pg-about-hero__lead {
  max-width: 720px;
  margin: 1.25rem 0 0;
  color: var(--pg-muted);
  font-size: clamp(1rem, 1.3vw, 1.18rem);
  line-height: 1.75;
  font-weight: 400;
}

.pg-about-hero__lead :where(p) {
  margin: 0;
}

.pg-about-hero__lead :where(p + p) {
  margin-top: 0.7rem;
}

.pg-about-page :where(strong, b) {
  font-weight: 800;
}

.pg-about-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 1.75rem;
}

.pg-about-btn {
  min-height: 50px;
  padding-inline: 1.35rem;
  border-radius: 0.7rem;
  font-weight: 900;
}

.pg-about-page .pg-about-btn.pg-btn-primary,
.pg-about-page .pg-about-final__btn:not(.pg-about-final__btn--ghost),
.pg-about-page .pg-about-service__btn {
  border-color: color-mix(in srgb, var(--pg-primary) 28%, transparent) !important;
  background: var(--pg-gradient) !important;
  color: var(--pg-color-white, #fff) !important;
  box-shadow: 0 12px 26px color-mix(in srgb, var(--pg-primary-deep) 24%, transparent) !important;
}

.pg-about-page .pg-about-btn.pg-btn-primary:hover,
.pg-about-page .pg-about-final__btn:not(.pg-about-final__btn--ghost):hover,
.pg-about-page .pg-about-service__btn:hover {
  background: var(--pg-gradient-hover) !important;
  color: var(--pg-color-white, #fff) !important;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--pg-primary-deep) 30%, transparent) !important;
}

.pg-about-btn--outline {
  border-color: color-mix(in srgb, var(--pg-primary-deep) 52%, var(--pg-border)) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--pg-primary) 7%, var(--pg-surface-strong)), color-mix(in srgb, var(--pg-secondary) 9%, var(--pg-surface-strong))) !important;
  color: var(--pg-primary-deep) !important;
}

.pg-about-btn--outline:hover {
  border-color: var(--pg-secondary-deep) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--pg-primary) 12%, var(--pg-surface-strong)), color-mix(in srgb, var(--pg-secondary) 16%, var(--pg-surface-strong))) !important;
  color: var(--pg-secondary-deep) !important;
}

.pg-about-hero__visual {
  position: relative;
  min-height: 420px;
  isolation: isolate;
}

.pg-about-hero__visual::before,
.pg-about-hero__visual::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 999px;
  background: color-mix(in srgb, var(--pg-primary) 12%, transparent);
}

.pg-about-hero__visual::before {
  width: 66%;
  height: 62%;
  right: 3%;
  top: 3%;
}

.pg-about-hero__visual::after {
  width: 42%;
  height: 44%;
  left: 6%;
  bottom: 4%;
  background: color-mix(in srgb, var(--pg-secondary) 16%, transparent);
}

.pg-about-visual-board {
  position: absolute;
  inset: 2rem 12% 1rem 18%;
  border: 8px solid color-mix(in srgb, var(--pg-primary-deep) 82%, #12345c);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), color-mix(in srgb, var(--pg-primary) 8%, #fff));
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.14);
}

.pg-about-visual-clip {
  position: absolute;
  left: 50%;
  top: -2.2rem;
  width: 7.2rem;
  height: 3.2rem;
  transform: translateX(-50%);
  border-radius: 0.45rem 0.45rem 0.7rem 0.7rem;
  background: linear-gradient(180deg, #214d86, #0b3768);
  box-shadow: 0 12px 20px rgba(15, 23, 42, 0.18);
}

.pg-about-visual-clip::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -0.85rem;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
  border: 0.45rem solid #214d86;
  border-radius: 999px;
  background: var(--pg-surface-strong);
}

.pg-about-visual-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 58%;
  margin-left: 9%;
  margin-top: 3.1rem;
  color: var(--pg-primary-deep);
}

.pg-about-visual-row + .pg-about-visual-row {
  margin-top: 1.05rem;
}

.pg-about-visual-row span {
  width: 1.55rem;
  height: 1.55rem;
  border: 3px solid currentColor;
  border-radius: 0.25rem;
  position: relative;
}

.pg-about-visual-row span::after {
  content: "";
  position: absolute;
  left: 0.22rem;
  top: 0.05rem;
  width: 0.52rem;
  height: 0.9rem;
  border: solid currentColor;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.pg-about-visual-row i {
  width: min(12rem, 62%);
  height: 0.34rem;
  border-radius: 99px;
  background: color-mix(in srgb, var(--pg-primary-deep) 25%, transparent);
}

.pg-about-visual-brain {
  position: absolute;
  left: 16%;
  right: 14%;
  bottom: 13%;
  color: #6a9bd9;
}

.pg-about-visual-brain svg {
  width: 100%;
}

.pg-about-visual-brain path {
  stroke: currentColor;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pg-about-visual-card {
  position: absolute;
  z-index: 2;
  border: 1px solid color-mix(in srgb, var(--pg-primary) 18%, var(--pg-border));
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
  backdrop-filter: blur(14px);
}

.pg-about-visual-card--chart {
  left: 4%;
  top: 36%;
  width: 9.4rem;
  padding: 1rem;
  color: var(--pg-primary-deep);
}

.pg-about-visual-card--chart rect {
  fill: currentColor;
  opacity: 0.82;
}

.pg-about-visual-card--chart path {
  stroke: currentColor;
  stroke-width: 5;
  stroke-linecap: round;
  opacity: 0.34;
}

.pg-about-visual-card--pie {
  right: 0;
  top: 18%;
  width: 8.6rem;
  padding: 1.1rem;
  color: #1e5b9f;
}

.pg-about-visual-card--pie path:first-child {
  fill: currentColor;
  opacity: 0.92;
}

.pg-about-visual-card--pie path:nth-child(2) {
  fill: color-mix(in srgb, var(--pg-primary) 32%, white);
}

.pg-about-visual-card--pie path:nth-child(3) {
  fill: #5d8dc8;
}

.pg-about-visual-card--profile {
  right: 5%;
  bottom: 8%;
  width: 12.6rem;
  padding: 1rem;
}

.pg-about-visual-card--profile span {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--pg-primary) 20%, #d8eaff);
}

.pg-about-visual-card--profile i {
  display: block;
  height: 0.5rem;
  margin: 0.75rem 0 0 4rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--pg-primary-deep) 16%, transparent);
}

.pg-about-visual-card--profile i:nth-child(3) {
  width: 54%;
}

.pg-about-visual-card--profile i:nth-child(4) {
  width: 72%;
}

.pg-about-visual-search {
  position: absolute;
  right: 3%;
  bottom: 1%;
  width: 8rem;
  color: #0b4776;
  filter: drop-shadow(0 20px 24px rgba(15, 23, 42, 0.18));
}

.pg-about-visual-search svg {
  width: 100%;
}

.pg-about-visual-search circle,
.pg-about-visual-search path {
  stroke: currentColor;
  stroke-width: 12;
  stroke-linecap: round;
}

.pg-about-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.86fr);
  gap: clamp(1.25rem, 3vw, 2.5rem);
  align-items: stretch;
  padding-top: clamp(1.75rem, 4vw, 3rem);
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
}

.pg-about-intro__text h2,
.pg-about-section__title,
.pg-about-final h2 {
  margin: 0;
  color: var(--pg-dark);
  font-size: clamp(1.45rem, 2.2vw, 2.25rem);
  line-height: 1.18;
  font-weight: 950;
  letter-spacing: 0;
}

.pg-about-intro__text h2,
.pg-about-section__title {
  background: var(--pg-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pg-about-intro__text p {
  max-width: 760px;
  margin: 0.7rem 0 0;
  color: var(--pg-text);
  font-size: 1rem;
  line-height: 1.72;
  font-weight: 400;
}

.pg-about-quote {
  margin: 0;
  align-self: center;
  position: relative;
  padding: clamp(1.4rem, 3vw, 2.25rem) clamp(1.35rem, 3vw, 2.5rem);
  border: 1px solid color-mix(in srgb, var(--pg-primary) 18%, var(--pg-border));
  border-radius: 1rem;
  background: linear-gradient(135deg, color-mix(in srgb, var(--pg-primary) 9%, var(--pg-surface-strong)), color-mix(in srgb, var(--pg-secondary) 12%, var(--pg-surface-strong)));
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.pg-about-quote::before,
.pg-about-quote::after {
  position: absolute;
  color: var(--pg-primary-deep);
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 950;
  opacity: 0.95;
}

.pg-about-quote::before {
  content: open-quote;
  left: 1.2rem;
  top: 0.7rem;
}

.pg-about-quote::after {
  content: close-quote;
  right: 1.35rem;
  bottom: 0.2rem;
}

.pg-about-quote p {
  margin: 0;
  padding-inline: 2.4rem;
  color: var(--pg-about-navy);
  font-size: clamp(1.08rem, 1.6vw, 1.45rem);
  line-height: 1.5;
  font-style: italic;
  font-weight: 400;
}

.pg-about-editor-content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: var(--pg-text);
}

.pg-about-editor-content > * {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.pg-about-editor-content :where(h2, h3, h4) {
  color: var(--pg-dark);
  font-weight: 950;
  letter-spacing: 0;
}

.pg-about-editor-content :where(p, li) {
  color: var(--pg-text);
  font-weight: 400;
  line-height: 1.72;
}

.pg-about-editor-content :where(ul, ol) {
  list-style: revert;
  padding-left: 1.35rem;
}

.pg-about-editor-content :where(.wp-block-image, .wp-block-gallery) {
  max-width: 1120px;
}

.pg-about-section {
  padding-top: clamp(1.35rem, 3vw, 2.2rem);
  padding-bottom: clamp(1.35rem, 3vw, 2.2rem);
}

.pg-about-section__title {
  text-align: center;
  margin-bottom: 1rem;
}

.pg-about-section__lead {
  max-width: 850px;
  margin: -0.35rem auto 1.2rem;
  color: var(--pg-muted);
  text-align: center;
  font-weight: 400;
  line-height: 1.65;
}

.pg-about-section__lead :where(p) {
  margin: 0;
}

.pg-about-grid {
  display: grid;
  gap: 0.9rem;
}

.pg-about-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pg-about-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pg-about-card,
.pg-about-service,
.pg-about-step {
  border: 1px solid var(--pg-border);
  background: var(--pg-surface-strong);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.055);
}

.pg-about-card {
  border-radius: 0.75rem;
  padding: 1rem;
}

.pg-about-card--horizontal {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
}

.pg-about-card--compact {
  min-height: 12.2rem;
}

.pg-about-card__icon,
.pg-about-service__icon,
.pg-about-step__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--pg-primary) 10%, var(--pg-surface-strong));
  color: var(--pg-primary-deep);
}

.pg-about-card__icon svg,
.pg-about-service__icon svg,
.pg-about-step__icon svg {
  width: 2.15rem;
  height: 2.15rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pg-about-card h3,
.pg-about-service h3,
.pg-about-step h3 {
  margin: 0;
  color: var(--pg-dark);
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 900;
}

.pg-about-card--compact h3 {
  margin-top: 0.85rem;
}

.pg-about-card__text,
.pg-about-step__text {
  margin: 0.42rem 0 0;
  color: var(--pg-muted);
  font-size: 0.88rem;
  line-height: 1.45;
  font-weight: 400;
}

.pg-about-card__text :where(p),
.pg-about-step__text :where(p) {
  margin: 0;
}

.pg-about-card__text :where(p + p),
.pg-about-step__text :where(p + p) {
  margin-top: 0.45rem;
}

.pg-about-card__text :where(ul, ol),
.pg-about-step__text :where(ul, ol) {
  margin: 0.45rem 0 0;
  padding-left: 1.1rem;
  list-style: revert;
}

.pg-about-service-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.pg-about-service {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  gap: 1.25rem;
  align-items: center;
  min-height: 15rem;
  padding: clamp(1.1rem, 2.4vw, 1.65rem);
  border-radius: 0.9rem;
  background: linear-gradient(135deg, var(--pg-surface-strong), color-mix(in srgb, var(--pg-primary) 6%, var(--pg-surface-strong)));
}

.pg-about-service--accent {
  background: linear-gradient(135deg, color-mix(in srgb, var(--pg-secondary) 11%, var(--pg-surface-strong)), color-mix(in srgb, var(--pg-primary) 7%, var(--pg-surface-strong)));
}

.pg-about-service__icon {
  width: 6rem;
  height: 6rem;
}

.pg-about-service__icon svg {
  width: 3.4rem;
  height: 3.4rem;
}

.pg-about-service__items {
  margin: 0.6rem 0 1rem;
  color: var(--pg-text);
  font-size: 0.94rem;
  line-height: 1.52;
  font-weight: 400;
}

.pg-about-service__items :where(p) {
  margin: 0;
}

.pg-about-service__items :where(p + p) {
  margin-top: 0.45rem;
}

.pg-about-service__items :where(ul, ol) {
  margin: 0.45rem 0 0;
  padding-left: 1.15rem;
  list-style: revert;
}

.pg-about-service__items :where(li)::marker {
  color: var(--pg-primary-deep);
}

.pg-about-service__btn {
  display: inline-flex;
  justify-content: center;
  min-width: min(100%, 18rem);
  padding: 0.72rem 1rem;
  border-radius: 0.55rem;
  font-size: 0.9rem;
  font-weight: 900;
  text-align: center;
}

.pg-about-service__btn:hover {
  color: #fff;
  transform: translateY(-1px);
}

.pg-about-note {
  margin: 0.8rem 0 0;
  padding: 0.55rem 1rem;
  border: 1px solid color-mix(in srgb, #eab308 28%, var(--pg-border));
  border-radius: 0.55rem;
  background: color-mix(in srgb, #facc15 12%, var(--pg-surface-strong));
  color: color-mix(in srgb, var(--pg-dark) 86%, #92400e);
  font-size: 0.88rem;
  font-weight: 800;
  text-align: center;
}

.pg-about-note :where(p) {
  margin: 0;
}

.pg-about-author-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: center;
  margin-top: 1.2rem;
  margin-bottom: 0.5rem;
  padding-top: clamp(1.35rem, 3vw, 2rem);
  padding-bottom: clamp(1.35rem, 3vw, 2rem);
  border: 1px solid color-mix(in srgb, var(--pg-primary) 24%, var(--pg-border));
  border-radius: 0.9rem;
  background:
    radial-gradient(circle at 8% 20%, color-mix(in srgb, var(--pg-primary) 20%, transparent) 0 7rem, transparent 16rem),
    linear-gradient(135deg, color-mix(in srgb, var(--pg-primary) 10%, var(--pg-surface-strong)), color-mix(in srgb, var(--pg-secondary) 12%, var(--pg-surface-strong)));
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.pg-about-author-cta__content {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
}

.pg-about-author-cta__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 1rem;
  background: var(--pg-gradient);
  color: #fff;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--pg-primary-deep) 24%, transparent);
}

.pg-about-author-cta__icon svg {
  width: 2.55rem;
  height: 2.55rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pg-about-author-cta h2 {
  margin: 0;
  color: var(--pg-dark);
  font-size: clamp(1.45rem, 2.1vw, 2.2rem);
  line-height: 1.18;
  font-weight: 950;
  letter-spacing: 0;
}

.pg-about-author-cta__text {
  max-width: 860px;
  margin-top: 0.65rem;
  color: var(--pg-muted);
  font-size: 1rem;
  line-height: 1.66;
  font-weight: 400;
}

.pg-about-author-cta__text :where(p) {
  margin: 0;
}

.pg-about-author-cta__text :where(p + p) {
  margin-top: 0.6rem;
}

.pg-about-author-cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.85rem;
}

.pg-about-page .pg-about-author-cta__btn {
  min-width: 12.8rem;
  border-radius: 0.55rem;
  border-color: color-mix(in srgb, var(--pg-primary) 28%, transparent) !important;
  background: var(--pg-gradient) !important;
  color: var(--pg-color-white, #fff) !important;
  font-weight: 950;
  box-shadow: 0 12px 26px color-mix(in srgb, var(--pg-primary-deep) 24%, transparent) !important;
}

.pg-about-page .pg-about-author-cta__btn:hover {
  background: var(--pg-gradient-hover) !important;
  color: var(--pg-color-white, #fff) !important;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--pg-primary-deep) 30%, transparent) !important;
}

.pg-about-page .pg-about-author-cta__btn--ghost {
  border-color: color-mix(in srgb, var(--pg-primary-deep) 42%, var(--pg-border)) !important;
  background: rgba(255, 255, 255, 0.64) !important;
  color: var(--pg-primary-deep) !important;
  box-shadow: none !important;
}

.pg-about-page .pg-about-author-cta__btn--ghost:hover {
  border-color: var(--pg-secondary-deep) !important;
  background: color-mix(in srgb, var(--pg-secondary) 14%, var(--pg-surface-strong)) !important;
  color: var(--pg-secondary-deep) !important;
}

.pg-about-process {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
}

.pg-about-process::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 1.35rem;
  border-top: 1px dashed color-mix(in srgb, var(--pg-primary-deep) 36%, var(--pg-border));
}

.pg-about-step {
  position: relative;
  z-index: 1;
  padding: 2.25rem 0.95rem 1rem;
  border-radius: 0.75rem;
  text-align: center;
}

.pg-about-step__number {
  position: absolute;
  left: 50%;
  top: -0.15rem;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.55rem;
  height: 2.55rem;
  border-radius: 999px;
  background: #02475f;
  color: #fff;
  font-weight: 950;
  box-shadow: 0 12px 24px rgba(2, 71, 95, 0.22);
}

.pg-about-step__icon {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 auto 0.8rem;
  border-radius: 0.8rem;
}

.pg-about-step__icon svg {
  width: 2rem;
  height: 2rem;
}

.pg-about-final {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: center;
  margin-top: 1.6rem;
  margin-bottom: 0.25rem;
  padding-top: clamp(1.5rem, 3vw, 2.1rem);
  padding-bottom: clamp(1.5rem, 3vw, 2.1rem);
  border: 1px solid color-mix(in srgb, var(--pg-primary) 28%, transparent);
  border-radius: 0.9rem;
  background:
    radial-gradient(circle at 6% 40%, rgba(255,255,255,0.12) 0 6rem, transparent 12rem),
    linear-gradient(135deg, #013b54 0%, #032d4f 62%, #025b78 100%);
  color: #fff;
  box-shadow: 0 24px 60px rgba(1, 59, 84, 0.22);
}

.pg-about-final h2,
.pg-about-final p {
  color: #fff;
}

.pg-about-final p,
.pg-about-final__text {
  max-width: 820px;
  margin: 0.75rem 0 0;
  line-height: 1.6;
  font-weight: 400;
  opacity: 0.92;
}

.pg-about-final__text :where(p) {
  margin: 0;
}

.pg-about-final__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  justify-content: flex-end;
}

.pg-about-final__btn {
  border-radius: 0.55rem;
  font-weight: 950;
  min-width: 12.8rem;
}

.pg-about-final__btn:hover {
  transform: translateY(-1px);
}

.pg-about-final__btn--ghost {
  border-color: color-mix(in srgb, var(--pg-secondary) 55%, rgba(255, 255, 255, 0.48)) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}

.pg-about-final__btn--ghost:hover {
  color: #fff !important;
  background: color-mix(in srgb, var(--pg-secondary) 18%, transparent) !important;
}

body.pg-theme-dark .pg-about-page {
  --pg-about-navy: #eaf8ff;
}

body.pg-theme-dark .pg-about-visual-card,
body.pg-theme-dark .pg-about-visual-board {
  background: color-mix(in srgb, var(--pg-surface-strong) 90%, #0f7da2);
}

body.pg-theme-dark .pg-about-visual-row i,
body.pg-theme-dark .pg-about-visual-card--profile i {
  background: rgba(255, 255, 255, 0.18);
}

@media (max-width: 1180px) {
  .pg-about-grid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pg-about-process {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 2rem;
  }
}

@media (max-width: 900px) {
  .pg-about-hero__inner,
  .pg-about-intro,
  .pg-about-service-grid,
  .pg-about-author-cta,
  .pg-about-final {
    grid-template-columns: 1fr;
  }

  .pg-about-hero__inner {
    min-height: 0;
  }

  .pg-about-hero__visual {
    min-height: 390px;
    max-width: 620px;
    width: 100%;
    margin-inline: auto;
  }

  .pg-about-author-cta__actions,
  .pg-about-final__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .pg-about-hero__inner {
    padding-top: 1.75rem;
    gap: 1.75rem;
  }

  .pg-about-actions,
  .pg-about-author-cta__actions,
  .pg-about-final__actions {
    flex-direction: column;
  }

  .pg-about-btn,
  .pg-about-author-cta__btn,
  .pg-about-final__btn,
  .pg-about-service__btn {
    width: 100%;
  }

  .pg-about-hero__visual {
    min-height: 320px;
  }

  .pg-about-visual-board {
    inset: 1.7rem 9% 1rem 12%;
    border-width: 6px;
  }

  .pg-about-visual-card--chart {
    left: 0;
    width: 7rem;
  }

  .pg-about-visual-card--pie {
    right: 0;
    width: 6.6rem;
  }

  .pg-about-visual-card--profile {
    width: 9rem;
  }

  .pg-about-visual-search {
    width: 5.8rem;
  }

  .pg-about-grid--two,
  .pg-about-grid--four,
  .pg-about-process {
    grid-template-columns: 1fr;
  }

  .pg-about-process::before {
    display: none;
  }

  .pg-about-step {
    padding-top: 2.1rem;
  }

  .pg-about-service {
    grid-template-columns: 1fr;
  }

  .pg-about-service__icon {
    width: 4.5rem;
    height: 4.5rem;
  }

  .pg-about-author-cta__content {
    grid-template-columns: 1fr;
  }

  .pg-about-author-cta__icon {
    width: 4rem;
    height: 4rem;
  }

  .pg-about-quote p {
    padding-inline: 1.2rem;
  }
}

@media (max-width: 460px) {
  .pg-about-card--horizontal {
    grid-template-columns: 1fr;
  }

  .pg-about-card--compact {
    min-height: 0;
  }

  .pg-about-visual-card--profile {
    display: none;
  }
}