/* ==========================================================================
   PARKAR PAGES: reusable page components (all pages)
   Layout language from the Tumara theme (big type, hairline cards, alternating
   photo rows, numbered grids, accordions, closing CTA) in Parkar's palette.
   Loaded after parkar-brand.css. Class prefix: pk-
   ========================================================================== */
/* ---------- Tokens: Parkar palette on the Tumara system ---------- */
:root{--white-color:#E9F0F2;
  --light-grey-color:#F4F8F9;
  --dark-grey-color:#C6D6DB;
  --subtle-main-color:#DAE6EA;
  --black-color:#0F2430;
  --main-color:#12303F;
  --dark-main-color:#0C2633;
  --light-main-color:#3E5663;
  --grey-color:#4F6672;
  --secondary-color:#113344;
  --secondary-dark-color:#0C2633;
  --secondary-soft:#D6E6EA;
  --on-dark:#F2F8F9;
  --on-dark-muted:#C3D6DC;
  --accent-on-dark:#8FE3EE;
  --white:#FFFFFF;
  --ink:#0F2430; --navy:#113344; --navy-2:#1B4B5F; --deep:#0C2633; --teal:#167282; --cyan:#8FE3EE;
  --paper:#E9F0F2; --mist:#F4F8F9; --line:#C6D6DB; --muted:#4F6672;
  --pk-radius:16px;
  --pk-shadow:0 10px 30px rgba(17,51,68,.07);
  --pk-shadow-hover:0 20px 44px rgba(17,51,68,.14);}
body{background:var(--white-color)}
.section--tint{background:var(--light-grey-color)}
.section--navy{background:linear-gradient(165deg,#113344 0%,#0C2633 100%)}
.eyebrow{color:var(--teal)}
.section--navy .eyebrow, .banner .eyebrow{color:var(--accent-on-dark)}
.ic{width:24px;height:24px;flex:none}
/* ---------- Hero ---------- */
.pk-hero{padding:clamp(64px,8vw,112px) 0 clamp(56px,7vw,96px)}
.pk-hero .eyebrow{white-space:nowrap}
.pk-hero .eyebrow a{color:inherit;text-decoration:none}
.pk-hero .eyebrow a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.pk-hero .eyebrow{white-space:normal}}
.pk-hero .banner__media::after{background:linear-gradient(100deg,rgba(9,30,41,.95) 0%,rgba(12,38,51,.86) 52%,rgba(12,38,51,.62) 100%)}
.pk-hero--open{display:flex;align-items:center;min-height:calc(100svh - var(--nav-h))}
.pk-hero--open > .wrap{width:100%}
.pk-hero--open .banner__media::after{background:linear-gradient(90deg,rgba(9,30,41,.55) 0%,rgba(9,30,41,.18) 38%,rgba(9,30,41,0) 68%)}
.pk-hero__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:center}
.pk-hero__in--copy{grid-template-columns:minmax(0,1fr)}
.pk-hero h1{max-width:18ch;font-size:clamp(34px,4.2vw,62px);line-height:1.04;letter-spacing:-.03em}
.pk-hero .sub{max-width:56ch}
.pk-hero .proofstrip span{border-radius:999px}
.pk-hero__photo{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4 / 5;max-height:560px;width:100%;justify-self:end;box-shadow:0 30px 70px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18)}
.pk-hero__photo img{width:100%;height:100%;object-fit:cover}
.pk-hero__photo--wide{aspect-ratio:5 / 4}
.pk-hero__photo figcaption{position:absolute;left:16px;right:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:8px}
.pk-hero__photo figcaption span{padding:7px 14px;border-radius:999px;background:rgba(12,38,51,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:500;color:#fff}
.pk-panel{padding:clamp(22px,2.6vw,32px);border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--on-dark)}
.pk-panel > small{display:block;margin-bottom:18px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-on-dark)}
.pk-panel h3{color:#fff}
.pk-panel__foot{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);font-size:14.5px;color:var(--on-dark-muted)}
.pk-panel ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pk-panel ol li{display:flex;gap:16px;align-items:center;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.pk-panel ol b{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--brand-grad);color:#0C2633;font-size:16px}
.pk-panel ol h3{font-size:19px;font-weight:600;letter-spacing:-.01em}
.pk-panel ol span{display:block;margin-top:2px;font-size:14px;color:var(--on-dark-muted)}
.pk-route{display:grid;gap:12px}
.pk-route > div{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:14.5px;line-height:1.45;color:var(--on-dark-muted)}
.pk-route b{display:block;color:#fff;font-size:15.5px}
.pk-route__hub{justify-self:center;padding:7px 22px!important;border-radius:999px!important;background:var(--brand-grad)!important;border:0!important;color:#0C2633!important;font-weight:600;font-size:13px!important;letter-spacing:.14em;text-transform:uppercase}
.pk-route__paths{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pk-suite{display:grid;gap:12px}
.pk-suite > div{padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07)}
.pk-suite h3{font-size:18px;margin-bottom:10px}
.pk-chips{display:flex;flex-wrap:wrap;gap:8px}
.pk-chips span{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:13.5px;color:#fff}
@media (max-width:980px){
.pk-hero__in{grid-template-columns:minmax(0,1fr)}
.pk-hero__photo{justify-self:stretch;aspect-ratio:16 / 10;max-height:none}
.pk-hero h1{max-width:none}
}
@media (max-width:560px){
.pk-route__paths{grid-template-columns:minmax(0,1fr)}
}
/* ---------- Sub navigation (on-page) ---------- */
.subnav{background:rgba(244,248,249,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.subnav a{color:var(--main-color)}
.subnav a::after{background:var(--brand-grad);height:2px;bottom:-8px}
/* ---------- Section lead helpers ---------- */
.pk-note{margin-top:clamp(24px,3vw,36px);max-width:70ch;font-size:17px;line-height:1.6;color:var(--grey-color)}
.pk-note b{color:var(--main-color)}
.pk-note a, .pk-alt a{color:var(--teal);font-weight:600}
.pk-alt{margin-top:20px;font-size:17px;color:var(--grey-color)}
.section--navy .pk-note, .section--navy .pk-note b{color:var(--on-dark-muted)}
.section--navy .pk-note b{color:#fff}
.pk-more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:600;color:var(--secondary-color);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:3px}
.pk-more:hover{opacity:.75}
/* ---------- Generic card grid ---------- */
.pk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.pk-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pk-cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pk-card{position:relative;display:flex;flex-direction:column;padding:clamp(22px,2.2vw,30px);border-radius:var(--pk-radius);background:#fff;border:1px solid var(--dark-grey-color);box-shadow:var(--pk-shadow);transition:transform .4s cubic-bezier(.215,.61,.355,1),box-shadow .4s,border-color .3s}
.pk-card:hover{transform:translateY(-4px);box-shadow:var(--pk-shadow-hover);border-color:rgba(40,223,226,.7)}
.pk-card small{display:block;margin-bottom:10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.pk-card h3{font-size:clamp(21px,1.8vw,25px);line-height:1.2;letter-spacing:-.015em;color:var(--main-color)}
.pk-card p{margin-top:10px;font-size:16px;line-height:1.55;color:var(--grey-color)}
.pk-card p:first-of-type{margin-top:10px}
.pk-card a{color:var(--teal);font-weight:600}
.pk-card__ic{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:14px;background:rgba(40,223,226,.16);color:var(--secondary-color);transition:background .35s,transform .45s cubic-bezier(.215,.61,.355,1)}
.pk-card__ic .ic{width:24px;height:24px}
.pk-card:hover .pk-card__ic{background:var(--brand-grad);transform:rotate(-6deg) scale(1.06)}
.pk-card ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:15.5px;color:var(--grey-color)}
.pk-card li b{color:var(--main-color)}
.pk-card--flat{box-shadow:none;background:var(--light-grey-color)}
.section--tint .pk-card--flat{background:#fff}
.pk-card--dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);box-shadow:none;color:var(--on-dark-muted)}
.pk-card--dark:hover{background:rgba(255,255,255,.1);border-color:rgba(143,227,238,.6);box-shadow:none}
.pk-card--dark h3{color:#fff}
.pk-card--dark small{color:var(--accent-on-dark)}
.pk-card--dark p, .pk-card--dark ul{color:var(--on-dark-muted)}
.pk-card--dark .pk-card__ic{background:rgba(255,255,255,.1);color:var(--accent-on-dark)}
.pk-card--dark .t{margin-top:14px;font-size:13.5px;line-height:1.5;color:var(--accent-on-dark)}
@media (max-width:1100px){
.pk-cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
.pk-cards, .pk-cards--2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
.pk-cards--4{grid-template-columns:minmax(0,1fr)}
}
/* ---------- Numbered cards (shifts, why) ---------- */
.pk-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.pk-num{position:relative;overflow:hidden;padding:clamp(24px,2.4vw,34px);border-radius:var(--pk-radius);background:#fff;border:1px solid var(--dark-grey-color);box-shadow:var(--pk-shadow);transition:transform .4s cubic-bezier(.215,.61,.355,1),box-shadow .4s}
.pk-num:hover{transform:translateY(-4px);box-shadow:var(--pk-shadow-hover)}
.pk-num__n{position:absolute;top:10px;right:22px;font-size:clamp(64px,6vw,92px);font-weight:600;line-height:1;letter-spacing:-.05em;color:rgba(17,51,68,.08)}
.pk-num .pk-card__ic{margin-bottom:22px}
.pk-num small{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.pk-num h3{margin-top:8px;font-size:clamp(22px,2vw,28px);line-height:1.15;letter-spacing:-.02em}
.pk-num p{margin-top:12px;font-size:16px;line-height:1.55;color:var(--grey-color)}
@media (max-width:860px){
.pk-nums{grid-template-columns:minmax(0,1fr)}
}
/* ---------- Alternating photo + text rows ---------- */
.pk-features{display:grid;gap:clamp(44px,6vw,84px)}
.pk-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:center}
.pk-feature--flip .pk-feature__media{order:2}
.pk-feature__media{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4 / 3;background:var(--subtle-main-color);box-shadow:var(--pk-shadow)}
.pk-feature__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.215,.61,.355,1)}
.pk-feature:hover .pk-feature__media img{transform:scale(1.04)}
.pk-feature__media::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--brand-grad)}
.pk-feature__body small{display:block;margin-bottom:14px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.pk-feature__body h2,.pk-feature__body h3{font-size:clamp(26px,2.8vw,40px);line-height:1.15;letter-spacing:-.025em}
.pk-feature__for{margin-top:12px;font-size:17px;color:var(--grey-color)}
.pk-feature dl{margin:22px 0 0;display:grid;gap:14px}
.pk-feature dl > div{padding-left:18px;border-left:2px solid var(--dark-grey-color)}
.pk-feature dt{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--secondary-color)}
.pk-feature dd{margin:4px 0 0;font-size:16.5px;line-height:1.55;color:var(--grey-color)}
.pk-feature dd a{color:var(--teal);font-weight:600}
.pk-pill{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 18px;border-radius:999px;background:rgba(52,244,197,.22);font-size:15px;font-weight:600;color:var(--secondary-color)}
.pk-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand-grad)}
@media (max-width:860px){
.pk-feature{grid-template-columns:minmax(0,1fr)}
.pk-feature--flip .pk-feature__media{order:0}
}
/* ---------- Two ways we help: side-by-side cards ---------- */
.pk-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.pk-col{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:10px;background:#fff;border:1px solid var(--dark-grey-color);box-shadow:var(--pk-shadow)}
.pk-col--fd{border-top:6px solid var(--navy)}
.pk-col--wf{border-top:6px solid var(--teal)}
.pk-col img{width:100%;aspect-ratio:16 / 9;object-fit:cover}
.pk-col__body{display:flex;flex-direction:column;flex:1;padding:24px 26px 26px}
.pk-col__kind{font-size:13.5px;font-weight:600;color:var(--grey-color);margin-bottom:6px}
.pk-col h3{font-size:22px;line-height:1.3;letter-spacing:-.02em}
.pk-col h3 a{color:inherit;text-decoration:none}
.pk-col h3 a:hover{color:var(--teal)}
.pk-bridge + .pk-pair{margin-top:24px}
.pk-col p{margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--grey-color)}
.pk-col__uses{margin-top:16px;padding:10px 14px;border-radius:6px;color:var(--main-color);font-size:15.5px;line-height:1.45}
.pk-col--fd .pk-col__uses{background:#E4EAF1}
.pk-col--wf .pk-col__uses{background:#DDF0EC}
.pk-col__uses b{display:block;font-size:13px;font-weight:600;color:var(--grey-color)}
.pk-col .pk-more{align-self:flex-start;width:max-content;max-width:100%;margin-top:auto;padding-top:18px;border-bottom:none}
.pk-bridge{margin-top:20px;font-weight:600;text-align:center}
.pk-steps--plain > .pk-step::after{display:none}
.pk-step > p{margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--grey-color)}
.pk-quad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:18px;row-gap:0;align-items:stretch}
.pk-quad > .pk-col{display:grid;grid-template-rows:subgrid;grid-row:span 6}
.pk-quad .pk-col__body{display:grid;grid-template-rows:subgrid;grid-row:span 5;padding:16px 16px 18px}
.pk-quad--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pk-quad .pk-col h3{font-size:18px}
.pk-quad .pk-col p,.pk-quad .pk-col__uses{font-size:14px}
.pk-quad .pk-col__uses{height:auto;align-self:stretch}
@media (max-width:1100px){
.pk-quad{grid-template-columns:1fr 1fr}
.pk-quad > .pk-col:nth-child(n+3){margin-top:18px}
}
@media (max-width:860px){
.pk-pair{grid-template-columns:1fr}
.pk-bridge{text-align:left}
}
@media (max-width:640px){
.pk-quad{grid-template-columns:1fr}
.pk-quad > .pk-col + .pk-col{margin-top:18px}
}
/* ---------- Steps ---------- */
.pk-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);counter-reset:pk}
.pk-step{position:relative;display:flex;flex-direction:column;padding:clamp(24px,2.4vw,32px);border-radius:var(--pk-radius);background:#fff;border:1px solid var(--dark-grey-color);box-shadow:var(--pk-shadow);transition:transform .4s cubic-bezier(.215,.61,.355,1),box-shadow .4s}
.pk-step:hover{transform:translateY(-4px);box-shadow:var(--pk-shadow-hover)}
.pk-step__no{display:grid;place-items:center;width:44px;height:44px;margin-bottom:20px;border-radius:50%;background:var(--brand-grad);font-size:17px;font-weight:600;color:#0C2633}
.pk-step h3{font-size:clamp(21px,1.8vw,25px);line-height:1.2;letter-spacing:-.015em}
.pk-step small{display:block;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.pk-step .goal{margin-top:6px;font-size:16px;font-weight:600;color:var(--secondary-color)}
.pk-step .fits{margin-top:auto;padding-top:18px;font-size:14.5px;line-height:1.5;color:var(--grey-color)}
.pk-step a.pk-more{margin-top:auto;align-self:flex-start}
.pk-step__links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto}
.pk-step__links .pk-more{margin-top:0}
.pk-steps > .pk-step:not(:last-child)::after{content:"";position:absolute;z-index:1;top:44px;right:calc(clamp(14px,1.8vw,22px) / -2 - 6px);width:12px;height:12px;border-top:2px solid var(--teal);border-right:2px solid var(--teal);transform:rotate(45deg)}
@media (min-width:861px){
.pk-steps:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.pk-steps:has(> :nth-child(4):last-child) > .pk-step::after{display:none}
}
@media (max-width:860px){
.pk-steps{grid-template-columns:minmax(0,1fr)}
.pk-steps > .pk-step:not(:last-child)::after{display:none}
}
.pk-checks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.pk-checks li{position:relative;padding-left:28px;font-size:15.5px;line-height:1.5;color:var(--grey-color)}
.pk-checks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--secondary-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6.2 11.4l3.2 3.2 6.4-6.8' fill='none' stroke='%2334F4C5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.pk-checks b{color:var(--main-color)}
.pk-card--dark .pk-checks li, .section--navy .pk-checks li{color:var(--on-dark-muted)}
.pk-card--dark .pk-checks li::before, .section--navy .pk-checks li::before{background-color:rgba(255,255,255,.14)}
/* ---------- Case cards (proof) ---------- */
.pk-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.pk-cases--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pk-case{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--pk-radius);background:#fff;border:1px solid var(--dark-grey-color);box-shadow:var(--pk-shadow);color:inherit;text-decoration:none;transition:transform .4s cubic-bezier(.215,.61,.355,1),box-shadow .4s,border-color .3s}
a.pk-case:hover, .pk-case:hover{transform:translateY(-4px);box-shadow:var(--pk-shadow-hover);border-color:rgba(40,223,226,.7)}
.pk-case__art{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;background:var(--secondary-dark-color)}
svg.pk-case__art{height:auto}
.pk-case__body{display:flex;flex-direction:column;flex:1;padding:clamp(22px,2.2vw,30px)}
.pk-case__tag{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.pk-case h3{margin-top:10px;font-size:clamp(22px,1.9vw,27px);line-height:1.15;letter-spacing:-.02em}
.pk-case p{margin-top:12px;font-size:16px;line-height:1.55;color:var(--grey-color)}
.pk-case dl{margin:16px 0 0;display:grid;gap:8px}
.pk-case dl > div{display:flex;gap:12px;font-size:14.5px;line-height:1.4}
.pk-case dt{flex:none;min-width:104px;font-weight:600;color:var(--secondary-color)}
.pk-case dd{margin:0;color:var(--grey-color)}
.pk-case__stack{align-self:flex-start;margin-top:16px;padding:5px 12px;border:1px solid var(--dark-grey-color);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--main-color)}
.pk-case__result{margin-top:auto;padding-top:18px}
.pk-case__result span{display:block;padding-top:16px;border-top:1px solid var(--dark-grey-color);font-size:17px;font-weight:600;line-height:1.35;color:var(--secondary-color)}
.pk-case__result b{display:block;font-size:clamp(40px,3.6vw,52px);font-weight:500;line-height:1;letter-spacing:-.04em;color:var(--secondary-color);margin-bottom:8px}
.pk-case .pk-more{align-self:flex-start;margin-top:14px;font-size:15px}
.pk-case--pending{background:transparent;border-style:dashed;box-shadow:none}
.pk-case--pending .pk-case__art{opacity:.55;filter:saturate(.6)}
.pk-case--pending .pk-case__tag::after{content:" · pending";color:var(--grey-color)}
.pk-case--pending h3, .pk-case--pending p, .pk-case--pending dd{color:var(--grey-color)}
@media (min-width:961px){
.pk-cases:has(> .pk-case:only-child){grid-template-columns:minmax(0,1fr)}
.pk-cases > .pk-case:only-child{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.pk-cases > .pk-case:only-child > .pk-case__art{height:100%;aspect-ratio:auto;min-height:280px}
}
@media (max-width:960px){
.pk-cases, .pk-cases--2{grid-template-columns:minmax(0,1fr)}
}
/* ---------- Get started: four steps ---------- */
.pk-start{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
@media (min-width:1101px){
.pk-start:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
}
.pk-start > div{position:relative;display:flex;flex-direction:column;padding:clamp(22px,2.2vw,28px);padding-top:clamp(28px,2.6vw,34px);border-radius:var(--pk-radius);background:#fff;border:1px solid var(--dark-grey-color);box-shadow:var(--pk-shadow);overflow:hidden;transition:transform .4s cubic-bezier(.215,.61,.355,1),box-shadow .4s}
.pk-start > div::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--brand-grad)}
.pk-start > div:hover{transform:translateY(-4px);box-shadow:var(--pk-shadow-hover)}
.pk-start small{align-self:flex-start;margin-bottom:14px;padding:5px 12px;border-radius:999px;background:rgba(40,223,226,.18);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--secondary-color)}
.pk-start h3{font-size:clamp(21px,1.8vw,25px);line-height:1.2;letter-spacing:-.015em}
.pk-start p{margin-top:10px;font-size:15.5px;line-height:1.55;color:var(--grey-color)}
.pk-start a{margin-top:auto;padding-top:18px;font-weight:600;color:var(--teal);text-decoration:none}
.pk-start a + a{margin-top:0;padding-top:8px;font-weight:600}
.pk-start a:hover{text-decoration:underline;text-underline-offset:4px}
.section--navy .pk-start h3,.pk-cta .pk-start h3{color:var(--navy,#113344)}
.pk-cta .pk-sample{display:inline-block;margin-top:16px;font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px}
.pk-cta .pk-start{margin-top:clamp(28px,4vw,48px)}
@media (max-width:1100px){
.pk-start{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.pk-start{grid-template-columns:minmax(0,1fr)}
}
.pk-wide{margin:0 0 clamp(28px,3.4vw,48px);overflow:hidden;border-radius:22px;aspect-ratio:21 / 8;background:var(--subtle-main-color)}
.pk-wide img{width:100%;height:100%;object-fit:cover}
@media (max-width:640px){
.pk-wide{aspect-ratio:4 / 3}
}
/* ---------- Closing call to action (photo band) ---------- */
.pk-cta{position:relative;isolation:isolate;overflow:hidden;color:var(--on-dark-muted);background:var(--secondary-dark-color) center/cover no-repeat}
.pk-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(9,30,41,.96) 0%,rgba(12,38,51,.9) 55%,rgba(12,38,51,.78) 100%)}
.pk-cta__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:center}
.pk-cta h2{color:#fff;max-width:18ch}
.pk-cta .lead{color:var(--on-dark-muted)}
.pk-cta__list{display:grid;gap:0}
.pk-cta__list span{color:var(--accent-on-dark);white-space:nowrap}
.pk-cta__list p{margin-top:16px;font-size:15.5px;color:var(--on-dark-muted)}
.pk-cta__wins{margin-top:20px;padding:20px 22px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18)}
.pk-cta__wins b{display:block;margin-bottom:10px;color:#fff;font-size:16px}
.pk-cta__wins ul{margin:0;padding-left:18px;font-size:15.5px;line-height:1.55}
.pk-cta__wins p{margin-top:12px;font-size:15px;color:var(--on-dark-muted)}
@media (max-width:860px){
.pk-cta__in{grid-template-columns:minmax(0,1fr)}
}
/* ---------- Footer: four link columns ---------- */
.footnav{grid-template-columns:repeat(4,minmax(0,1fr))}
.footer-top{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr)}
@media (max-width:1100px){
.footnav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
.footer-top{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
.footnav div:first-child{grid-column:auto;display:flex}
.footnav div:first-child b{grid-column:auto}
}
/* ---------- FAQ ---------- */
.faq details{transition:background .3s}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::after{content:"+"}
.faq details[open] summary::after{content:"\2212"}
.faq details[open] summary{color:var(--secondary-color)}
.faq details[open] summary::after{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}
/* ---------- Agents: compact, consistent cards (AI Engineering) ---------- */
.agents__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:0}
.agents__grid > .agent{display:flex;flex-direction:column;min-height:0;padding:24px 24px 28px;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(17,51,68,.07);transition:transform .35s cubic-bezier(.215,.61,.355,1),box-shadow .35s,border-color .35s}
.agents__grid > .agent::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--brand-grad)}
.agents__grid > .agent:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(17,51,68,.14)}
.agents__grid > .agent.agent--1{background:var(--light-grey-color)}
.agents__grid > .agent.agent--2{background:var(--secondary-soft)}
.agents__grid > .agent.agent--3{background:linear-gradient(160deg,var(--secondary-color) 0%,var(--secondary-dark-color) 100%)}
.agent__top{margin:0;padding:0;justify-content:flex-start}
.agent__icon{width:48px;height:48px;border:0;border-radius:14px;background:rgba(40,223,226,.18);color:var(--brand-blue-tonal)}
.agent__icon svg, .agent .agent__icon svg{width:26px;height:26px}
.agent:hover .agent__icon{background:var(--brand-grad);color:var(--brand-blue-tonal);transform:rotate(-6deg) scale(1.05)}
.agent--3 .agent__icon{background:rgba(255,255,255,.1);color:var(--brand-aqua)}
.agent--3:hover .agent__icon{background:var(--brand-grad);color:var(--brand-blue-tonal)}
.agents__grid .agent h3{margin-top:20px;font-size:clamp(22px,1.9vw,26px);line-height:1.15}
.agents__grid .agent p{margin-top:8px;max-width:none;font-size:15.5px;line-height:1.5}
@media (max-width:900px){
.agents__grid{grid-template-columns:minmax(0,1fr);gap:14px}
.agents__grid > .agent{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:start;padding:20px 20px 22px}
.agent__top{grid-row:1 / span 2}
.agents__grid .agent h3{margin-top:2px}
}
@media (max-width:480px){
.agents__grid > .agent{grid-template-columns:minmax(0,1fr);row-gap:0}
.agent__top{grid-row:auto}
.agents__grid .agent h3{margin-top:16px}
}
/* ---------- Diagrams ---------- */
.pk-deliv{display:block;width:100%;height:auto;margin-bottom:clamp(24px,3vw,40px);border-radius:20px;border:1px solid rgba(255,255,255,.16);background:var(--secondary-dark-color)}
/* Steps on a dark band */
.section--navy .pk-step{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);box-shadow:none}
.section--navy .pk-step:hover{background:rgba(255,255,255,.1);border-color:rgba(143,227,238,.6);box-shadow:none}
.section--navy .pk-step small{color:var(--accent-on-dark)}
.section--navy .pk-step .goal{color:#fff}
.section--navy .pk-step .fits{color:var(--on-dark-muted)}
.section--navy .pk-step a.pk-more{color:var(--accent-on-dark)}
.section--navy .pk-steps > .pk-step:not(:last-child)::after{border-color:var(--accent-on-dark)}
/* ---------- Photo card, split, logos, big number ---------- */
.pk-card--photo{padding:0;overflow:hidden}
.pk-card__img{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--subtle-main-color)}
.pk-card__img::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--brand-grad)}
.pk-card__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.215,.61,.355,1)}
.pk-card--photo:hover .pk-card__img img{transform:scale(1.04)}
.pk-card__in{display:flex;flex-direction:column;flex:1;padding:clamp(22px,2.4vw,32px);padding-top:0}
.pk-card--photo .pk-card__ic{position:relative;margin-top:-26px;background:#fff;border:1px solid var(--dark-grey-color);box-shadow:var(--pk-shadow)}
.pk-card--photo:hover .pk-card__ic{background:var(--brand-grad)}
.pk-card--photo h3{margin-top:2px}
.pk-card--photo .pk-more{margin-top:auto;padding-top:0;align-self:flex-start}
.pk-card--photo .pk-checks{margin-bottom:22px}
.pk-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:center}
.pk-logos{padding:clamp(24px,3vw,40px);border-radius:22px;background:#fff;border:1px solid var(--dark-grey-color);box-shadow:var(--pk-shadow)}
.pk-logos__main{display:flex;flex-wrap:wrap;gap:12px}
.pk-logos .plogo{height:72px;padding:0 18px;background:var(--light-grey-color)}
.pk-logos .plogo img.pl{height:30px;max-width:170px}
.pk-logos .plogo--icon img.pl{width:30px;height:30px}
.pk-logos__note{margin-top:18px;font-size:15px;color:var(--grey-color)}
.pk-bignum{display:flex;align-items:baseline;gap:14px;margin-top:22px}
.pk-bignum b{font-size:clamp(52px,5vw,76px);font-weight:500;line-height:1;letter-spacing:-.04em;color:var(--secondary-color)}
.pk-bignum span{font-size:17px;color:var(--grey-color)}
@media (max-width:860px){
.pk-split{grid-template-columns:minmax(0,1fr)}
}
.pk-cta__list > div:not(.pk-cta__wins){display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:18px;color:#fff}
.pk-cta__list > div:not(.pk-cta__wins):first-child{border-top:1px solid rgba(255,255,255,.2)}
.pk-cta__list > div.pk-cta__wins{display:block;padding:20px 22px;border:1px solid rgba(255,255,255,.18);font-size:15.5px}
/* ---------- Build / go-live / in production ---------- */
.br{display:grid;grid-template-columns:minmax(0,1.8fr) auto minmax(0,1fr);align-items:stretch}
.br__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.br ul{list-style:none;padding:0}
.br .links{display:flex;flex-wrap:wrap}
.br__build{border-radius:20px 0 0 20px;background:#fff}
.br__run{border-radius:0 20px 20px 0}
.br h3{font-weight:600;letter-spacing:-.02em}
@media (max-width:960px){
.br{grid-template-columns:minmax(0,1fr)}
.br__build{border-radius:20px 20px 0 0}
.br__run{border-radius:0 0 20px 20px}
}
/* ---------- Solid dark card, label/value rows ---------- */
.pk-card--solid{background:linear-gradient(165deg,#113344 0%,#0C2633 100%);border-color:#0C2633;color:var(--on-dark-muted)}
.pk-card--solid:hover{border-color:rgba(40,223,226,.8)}
.pk-card--solid h3{color:#fff}
.pk-card--solid small{color:var(--accent-on-dark)}
.pk-card--solid p{color:var(--on-dark-muted)}
.pk-card--solid .pk-rows li{border-top-color:rgba(255,255,255,.16);color:var(--on-dark-muted)}
.pk-card--solid .pk-rows b{color:#fff}
.pk-rows{list-style:none;margin:18px 0 0;padding:0}
.pk-rows li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid var(--subtle-main-color);font-size:15.5px;line-height:1.45;color:var(--grey-color)}
.pk-rows b{font-weight:600;color:var(--main-color)}
.pk-card--model{padding:clamp(26px,2.8vw,38px)}
.pk-card--model h3{font-size:clamp(24px,2.2vw,32px)}
@media (max-width:520px){
.pk-rows li{grid-template-columns:minmax(0,1fr);gap:2px}
}
/* ---------- Scorecard ---------- */
.pk-scoreblock{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(36px,4vw,56px)}
.pk-score{padding:clamp(22px,2.6vw,32px);border-radius:22px;background:#fff;border:1px solid var(--dark-grey-color);box-shadow:var(--pk-shadow)}
.pk-score__top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:17px;color:var(--main-color)}
.pk-score__top span{padding:4px 12px;border-radius:999px;background:rgba(40,223,226,.18);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.pk-bars{display:grid;gap:14px;margin-top:22px}
.pk-bar{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1.6fr) 34px;gap:14px;align-items:center;font-size:15px;color:var(--grey-color)}
.pk-bar i{position:relative;display:block;height:9px;border-radius:9px;background:var(--subtle-main-color)}
.pk-bar i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:9px;background:var(--brand-grad)}
.pk-bar em{font-style:normal;font-weight:600;text-align:right;color:var(--secondary-color)}
.pk-score__note{margin-top:14px;font-size:13.5px;color:var(--grey-color)}
.pk-rec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.pk-rec > div{padding:12px 14px;border-radius:12px;background:var(--light-grey-color);border:1px solid var(--subtle-main-color)}
.pk-rec small{display:block;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.pk-rec b{display:block;margin-top:3px;font-size:15px;line-height:1.35;color:var(--secondary-color)}
@media (max-width:960px){
.pk-scoreblock{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
.pk-bar{grid-template-columns:minmax(0,1fr) 34px}
.pk-bar i{grid-column:1 / -1;grid-row:2}
}
/* ---------- Gate + ask, loop, contiloe ---------- */
.pk-gate{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(22px,3vw,40px);align-items:stretch;margin-top:clamp(28px,3.4vw,44px)}
.pk-gate h3{font-size:clamp(24px,2.2vw,30px);letter-spacing:-.02em}
.pk-gate p{margin-top:12px;font-size:17px;line-height:1.6;color:var(--grey-color)}
.pk-ask{padding:clamp(22px,2.4vw,32px);border-radius:var(--pk-radius);background:linear-gradient(165deg,#113344,#0C2633);color:var(--on-dark-muted)}
.pk-ask small{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-on-dark)}
.pk-ask p{margin-top:12px;font-size:19px;line-height:1.45;color:#fff}
@media (max-width:860px){
.pk-gate{grid-template-columns:minmax(0,1fr)}
}
.pk-loop{display:block;width:100%;max-width:760px;height:auto;margin:clamp(28px,3.4vw,44px) auto 0;border-radius:20px}
.pk-subhead{margin:clamp(40px,5vw,64px) 0 4px;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.02em}
.pk-subsub{margin-bottom:22px;max-width:62ch;font-size:17px;color:var(--grey-color)}
.pk-contiloe{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;margin-top:clamp(22px,2.6vw,32px);padding:clamp(22px,2.6vw,32px);border-radius:22px;background:linear-gradient(165deg,#113344,#0C2633);color:var(--on-dark-muted)}
.pk-contiloe svg{display:block;width:100%;height:auto;border-radius:14px}
.pk-contiloe h3{margin-top:8px;color:#fff;font-size:clamp(22px,2vw,28px);line-height:1.15;letter-spacing:-.02em}
.pk-contiloe p{margin-top:10px;font-size:16px;line-height:1.55}
.pk-contiloe .pk-case__tag{color:var(--accent-on-dark)}
.pk-contiloe__metric{font-size:19px;font-weight:600;line-height:1.35;color:#fff}
.pk-contiloe__metric a{display:inline-block;margin-top:10px;font-size:16px;color:var(--accent-on-dark)}
@media (max-width:960px){
.pk-contiloe{grid-template-columns:minmax(0,1fr)}
.pk-contiloe svg{max-width:420px}
}
.pk-provlogos{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(24px,3vw,36px)}
.pk-provlogos .plogo{height:56px;background:#fff}
.pk-provlogos .plogo img.pl{height:24px}
.pk-step > p:not(.goal):not(.fits){margin-top:10px;font-size:16px;line-height:1.55;color:var(--grey-color)}
.section--navy .pk-step > p:not(.goal):not(.fits){color:var(--on-dark-muted)}
/* ---------- Accelerators: status chips, industry links, suite diagram ---------- */
.pk-status{position:absolute;left:14px;top:18px;padding:6px 14px;border-radius:999px;background:var(--brand-spring);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0C2633;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.pk-status--design{background:var(--brand-sky)}
.pk-status--plan{background:#FFB020}
.pk-status--now{background:#FF7A45;color:#fff}
.pk-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.pk-link{position:relative;display:flex;align-items:flex-end;min-height:clamp(280px,28vw,380px);overflow:hidden;border-radius:22px;color:#fff;text-decoration:none;background:var(--secondary-dark-color);box-shadow:var(--pk-shadow)}
.pk-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.215,.61,.355,1)}
.pk-link::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,30,41,.05) 20%,rgba(9,30,41,.9) 100%)}
.pk-link:hover img{transform:scale(1.05)}
.pk-link__body{position:relative;z-index:1;display:block;padding:clamp(22px,2.4vw,32px)}
.pk-link b{display:block;font-size:clamp(26px,2.6vw,36px);font-weight:500;letter-spacing:-.025em}
.pk-link span span, .pk-link__body > span{display:block;margin-top:8px;font-size:16.5px;color:var(--on-dark-muted)}
.pk-link em{display:inline-block;margin-top:16px;padding-bottom:3px;border-bottom:1px solid currentColor;font-style:normal;font-weight:600;font-size:15px;color:#fff}
@media (max-width:760px){
.pk-links{grid-template-columns:minmax(0,1fr)}
}
.pk-layers{display:block;width:100%;height:auto;border-radius:22px;border:1px solid var(--dark-grey-color);background:#fff;box-shadow:var(--pk-shadow)}
.pk-suite h3{font-size:18px;margin-bottom:10px}
.pk-case dt{min-width:118px}
/* ---------- Financial services page ---------- */
.pk-hero__viz{display:block;width:100%;height:auto;justify-self:end;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18)}
.pk-feature--list dt{font-size:15.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--main-color)}
.pk-agentcards{grid-template-columns:repeat(4,minmax(0,1fr))}
.pk-agentcards .appr{margin-top:auto;padding-top:14px;font-size:13.5px;font-weight:600;color:var(--accent-on-dark)}
.pk-agentcards .pk-card p:first-of-type{margin-top:8px}
.pk-agentcards .pk-card a{color:var(--accent-on-dark)}
@media (max-width:1100px){
.pk-agentcards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.pk-agentcards{grid-template-columns:minmax(0,1fr)}
}
/* Wide diagrams scroll sideways on narrow screens instead of shrinking to illegible */
.pk-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pk-scroll > svg{min-width:680px}
.pk-scroll > .pk-deliv{margin-bottom:0}
.pk-scroll{margin-bottom:clamp(24px,3vw,40px)}
/* ==========================================================================
   Utilities used by the pages (no inline styles anywhere in the HTML)
   ========================================================================== */
.pk-sprite{position:absolute;width:0;height:0;overflow:hidden}
svg{font-family:inherit}
/* Background images */
.pk-bg-home{background-image:url("../banners/home_hero_placeholder.webp")}
.pk-bg-payment-terminal{background-image:url("../images/photos/payment-terminal.webp")}
.pk-bg-team-office{background-image:url("../images/photos/team-office.webp")}
.pk-bg-leadership{background-image:url("../images/photos/leadership-banner.webp");background-position:center 30%}
.pk-bg-awards{background-image:url("../images/photos/awards-banner.webp");background-position:center center}
.pk-bg-life{background-image:url("../images/life/life-1.webp");background-position:center 42%}
.life-voice__person{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:18px}
.life-voice__person img{width:52px;height:52px;flex:none;border-radius:50%;object-fit:cover;object-position:top center}
.life-voice__person small{margin:0;letter-spacing:.02em;text-transform:none;font-size:13px;font-weight:600;color:var(--main-color)}
.life-benefits{margin-bottom:clamp(28px,4vw,48px)}
.life-pillars{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.life-pillars li{padding-left:18px;border-left:2px solid var(--teal,#1A7F8E);font-size:16px;font-weight:600;color:var(--main-color)}
.life-mosaic{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:12px;min-height:420px}
.life-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.life-mosaic img:first-child{grid-row:1 / span 2}
.life-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.life-gallery figure{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4 / 3}
.life-gallery img{width:100%;height:100%;object-fit:cover}
.life-gallery figure:nth-child(1),.life-gallery figure:nth-child(2){grid-column:span 3}
.life-gallery figure:nth-child(n+3){grid-column:span 2}
.life-loc h3{display:flex;align-items:center;gap:10px}
.life-loc h3 img{width:28px;height:28px;flex:none;object-fit:contain}
@media (max-width:860px){
.life-mosaic{grid-template-columns:1fr 1fr;min-height:0}
.life-mosaic img:first-child{grid-row:auto;grid-column:1 / -1;aspect-ratio:16 / 9}
.life-gallery{grid-template-columns:1fr 1fr}
.life-gallery figure,.life-gallery figure:nth-child(1),.life-gallery figure:nth-child(2),.life-gallery figure:nth-child(n+3){grid-column:auto}
}
.career-ticker{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(26,127,142,.08) 0%,rgba(26,127,142,.14) 50%,rgba(26,127,142,.08) 100%);border-bottom:1px solid rgba(26,127,142,.28)}
.career-ticker::before,.career-ticker::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:1;pointer-events:none}
.career-ticker::before{left:0;background:linear-gradient(90deg,#fff 0%,transparent 100%)}
.career-ticker::after{right:0;background:linear-gradient(270deg,#fff 0%,transparent 100%)}
.career-ticker__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.career-ticker__track{display:inline-flex;align-items:center;gap:48px;padding:14px 0;white-space:nowrap;animation:careerTicker 38s linear infinite}
.career-ticker:hover .career-ticker__track{animation-play-state:paused}
.career-ticker__item{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;letter-spacing:.2px;color:rgba(17,51,68,.85)}
.career-ticker__item svg{flex:none;color:var(--teal,#1A7F8E)}
.career-ticker__item strong{color:var(--teal,#1A7F8E);font-weight:700}
.career-ticker__dot{color:rgba(26,127,142,.5);font-size:18px;font-weight:700}
@keyframes careerTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:768px){
.career-ticker::before,.career-ticker::after{width:40px}
.career-ticker__track{gap:32px;padding:12px 0}
.career-ticker__item{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){
.career-ticker__track{animation:none;padding-left:24px}
}
.award-grid .pk-card__in{padding:20px 22px 22px}
.award-grid .pk-card h3{font-size:16px;font-weight:600;line-height:1.45;letter-spacing:-.01em}
/* Award photos are taller than the 16:9 frame: anchor to the top so heads are not cut off */
.award-grid .pk-card__img img{object-position:center top}
/* Scorecard bar widths */
.pk-w-50{--w:50%}
.pk-w-60{--w:60%}
.pk-w-70{--w:70%}
.pk-w-80{--w:80%}
.pk-w-90{--w:90%}
/* Spacing and alignment modifiers */
.pk-note--tight{margin-top:12px}
.pk-note--center{margin-left:auto;margin-right:auto;text-align:center}
.pk-cases--spaced{margin-top:clamp(24px,3vw,36px)}
.pk-subhead--first{margin-top:0}
/* Product / platform logo chips on cards and panels (light plates read on dark and light grounds) */
.pk-toolchips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.pk-toolchips .plogo{height:36px;padding:0 12px;gap:8px;background:#fff;border-color:transparent;font-size:12.5px;font-weight:600;color:var(--secondary-color)}
.pk-toolchips .plogo img.pl{height:16px;max-width:92px}
.pk-toolchips .plogo--icon img.pl{width:18px;height:18px;max-width:none;object-fit:contain}
.pk-card--dark .pk-toolchips{margin:16px 0 0}
.pk-route__paths .pk-toolchips{margin:10px 0}
.pk-logos .plogo img.pl[src$="salesforce.svg"]{height:42px}
.pk-logos .plogo img.pl[src$="sap.svg"]{height:32px}
.pk-toolchips .plogo img.pl[src$="unity-catalog-light.svg"]{height:26px;max-width:110px}
/* "Tools we build with": the AWS wordmark keeps its shape instead of shrinking into the square icon slot */
.platforms__row .plogo--icon img.pl[src$="aws.svg"]{width:auto;height:auto;max-width:40px;max-height:24px}
.pk-bg-team-table{background-image:url("../images/photos/team-table.webp")}
.pk-cta .eyebrow{color:var(--accent-on-dark)}
.pk-feature__body .btn{display:flex;width:fit-content;margin-top:16px}
#about-cta{max-width:none;font-size:clamp(28px,3vw,42px);line-height:1.15}
.about-path__intro{max-width:780px}
.about-path__intro h2{margin-top:12px;font-size:clamp(30px,3.6vw,52px);line-height:1.15;letter-spacing:-.02em}
.about-path__intro p:last-child{margin-top:20px;max-width:none;font-size:16px;line-height:1.85;color:var(--grey-color,#5A6164)}
.about-years{display:flex;gap:0;overflow-x:auto;margin:32px 0 0;border-bottom:1px solid var(--dark-grey-color,#CCCED2);scrollbar-width:none}
.about-years::-webkit-scrollbar{display:none}
.about-years button{flex:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;border-radius:0;padding:12px 20px;font:inherit;font-size:14px;font-weight:600;letter-spacing:.02em;color:rgba(17,51,68,.7);cursor:pointer}
.about-years button:hover{color:rgba(17,51,68,.95)}
.about-years button.is-on{background:none;color:var(--teal,#1A7F8E);border-bottom-color:var(--teal,#1A7F8E)}
.about-journey{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:28px}
.about-panel{display:none}
.about-panel.is-on{display:block}
.about-panel::before{content:attr(data-panel);display:block;font-size:64px;font-weight:800;line-height:1;letter-spacing:-.04em;color:rgba(17,51,68,.08);margin-bottom:12px}
.about-panel h3{font-size:clamp(22px,2.4vw,30px);line-height:1.3;letter-spacing:-.02em;margin-bottom:20px}
.about-panel .pk-checks{gap:14px;margin-top:0}
.about-panel .pk-checks li{display:flex;align-items:flex-start;gap:12px;padding-left:0;font-size:16px;line-height:1.75}
.about-panel .pk-checks li::before{position:static;flex:none;width:6px;height:6px;margin-top:10px;border-radius:50%;background:var(--teal,#1A7F8E)}
.about-journey__media{position:relative;margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--light-grey-color,#E6E7E4)}
.about-journey__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.about-journey__media img.is-on{opacity:1}
.about-lead__head{display:block;text-align:center;margin-bottom:48px}
.about-lead__head h2{max-width:none}
.about-leaders{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--dark-grey-color,#CCCED2)}
.about-leaders button{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 12px 22px;border:0;border-bottom:3px solid transparent;background:transparent;cursor:pointer;font:inherit;text-align:center;color:var(--main-color,#113344)}
.about-leaders button:hover{background:rgba(17,51,68,.03)}
.about-leaders button.is-on{background:rgba(40,223,226,.08);border-bottom-color:var(--teal,#1A7F8E)}
.about-leaders img{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:top center;border:2px solid rgba(17,51,68,.12)}
.about-leaders button.is-on img{border-color:var(--teal,#1A7F8E)}
.about-leaders b{display:block;font-size:14px;font-weight:700;line-height:1.3}
.about-leaders small{display:block;margin-top:4px;font-size:12px;font-weight:500;line-height:1.4;color:var(--grey-color,#5A6164)}
.about-leaders button.is-on small{color:var(--teal,#1A7F8E)}
.about-leader{display:none;grid-template-columns:minmax(280px,420px) minmax(0,1fr);min-height:520px;background:#fff;border:1px solid var(--dark-grey-color,#CCCED2);border-top:0;border-radius:0 0 16px 16px;overflow:hidden}
.about-leader.is-on{display:grid}
.about-leader figure{margin:0;min-height:520px;background:#fff}
.about-leader img{width:100%;height:100%;object-fit:cover;object-position:top center}
.about-leader > div{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,4vw,52px)}
.about-leader h3{font-size:clamp(32px,3.2vw,48px);font-weight:700;letter-spacing:-.03em;line-height:1.08}
.about-leader .role{margin-top:12px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal,#1A7F8E)}
.about-leader .role::after{content:"";display:block;width:48px;height:3px;margin-top:20px;border-radius:2px;background:linear-gradient(90deg,var(--teal,#1A7F8E),rgba(26,127,142,.25))}
.about-leader .bio{margin-top:20px;max-width:56ch;font-size:16px;line-height:1.75;color:var(--grey-color,#5A6164)}
.about-leader__link{display:inline-flex;align-items:center;gap:10px;margin-top:24px;font-size:14px;font-weight:600;letter-spacing:.3px;text-decoration:none;color:rgba(17,51,68,.45);transition:color .25s ease}
.about-leader__link:hover{color:var(--teal,#1A7F8E)}
.about-leader__link svg{flex:none;transition:transform .3s ease}
.about-leader__link:hover svg{transform:scale(1.12)}
@media (max-width:860px){
.about-journey{grid-template-columns:minmax(0,1fr)}
.about-leaders{display:flex;overflow-x:auto}
.about-leaders button{flex:none;min-width:148px;padding:20px 12px 16px}
.about-leaders img{width:64px;height:64px}
.about-leader.is-on{grid-template-columns:minmax(0,1fr)}
.about-leader figure{min-height:320px}
}

/* ---------- Marketing photography: hero banners ---------- */
.pk-bg-about-hero{background-image:url("../images/about/about-hero.webp")}
.pk-bg-healthcare-hero{background-image:url("../banners/healthcare_hero_image.webp")}
.banner__video--mobile{display:none}
@media (max-width:640px){
.pk-bg-healthcare-hero{background-image:url("../banners/health_mobile_hero.webp")}
.pk-hero--open .pk-bg-healthcare-hero::after{background:linear-gradient(180deg,rgba(9,30,41,.72) 0%,rgba(9,30,41,.64) 58%,rgba(9,30,41,.28) 78%,rgba(9,30,41,.08) 100%)}
.pk-bg-healthcare-hero ~ .wrap .sub{color:#fff}
.pk-bg-healthcare-hero .banner__video--desktop{display:none}
.pk-bg-healthcare-hero .banner__video--mobile{display:block}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){
.pk-bg-healthcare-hero .banner__video--mobile{display:none}
}
.pk-bg-manufacturing-hero{background-image:url("../banners/manufacturing_hero_image.webp")}
.pk-bg-financial-services-hero{background-image:url("../banners/finance_hero_image.webp")}
.pk-bg-data-hero{background-image:url("../banners/Data_Engineering_Hero_image.webp")}
.pk-hero .pk-bg-data-hero::after{background:linear-gradient(100deg,rgba(9,30,41,.78) 0%,rgba(12,38,51,.58) 52%,rgba(12,38,51,.32) 100%)}
.pk-bg-ai-hero{background-image:url("../images/photos/ai-hero.webp")}
.pk-bg-accelerators-hero{background-image:url("../images/photos/accelerators-hero.webp")}

/* ---------- Marketing photography: sections on a photo (dark overlay, light text) ---------- */
.pk-bg-data-services-bg{background-image:url("../images/photos/data-services-bg.webp")}
.pk-bg-ai-governance-bg{background-image:url("../images/photos/ai-governance-bg.webp")}
.pk-bg-accelerators-healthcare-bg{background-image:url("../images/photos/accelerators-healthcare-bg.webp")}
.pk-bg-accelerators-manufacturing-bg{background-image:url("../images/photos/accelerators-manufacturing-bg.webp")}
.pk-band{position:relative;isolation:isolate;overflow:hidden;background-color:var(--secondary-dark-color);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--on-dark-muted)}
.pk-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(9,30,41,.95) 0%,rgba(12,38,51,.86) 55%,rgba(12,38,51,.7) 100%)}
.pk-band .eyebrow{color:var(--accent-on-dark)}
.pk-band h2{color:#fff}
.pk-band .lead,.pk-band .pk-note{color:var(--on-dark-muted)}
.pk-band .pk-more{color:#fff}
.pk-band .btn-row{margin-top:22px}
.pk-band .pk-card--photo,.pk-band .pk-card:not(.pk-card--dark){box-shadow:0 18px 44px rgba(0,0,0,.28)}

/* Two CTA buttons on one line (accelerators hero); stacks on small screens */
.btn-row--inline{flex-wrap:nowrap}
.btn-row--inline .btn{flex:0 1 auto;min-width:0;padding:14px 18px;font-size:15px;gap:10px}
@media (max-width:560px){
.btn-row--inline{flex-wrap:wrap}
.btn-row--inline .btn{flex:1 1 100%}
}

/* Get started: three cards on desktop (industrials) */
@media (min-width:1101px){
.pk-start--three{grid-template-columns:repeat(3,minmax(0,1fr))}
}