.pcx-page .hp-hero{background:#FFFFFF;padding:72px 28px 76px;font-family:'Open Sans',-apple-system,'Segoe UI',sans-serif;font-size:18px;line-height:1.6;color:#666666;box-sizing:border-box;border-bottom:1px solid #DFE4EA}
.pcx-page .hp-hero *{box-sizing:border-box}
.pcx-page .hp-hero .in{max-width:1100px;margin:0 auto}
.pcx-page .hp-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;color:#333333;margin:0;font-size:60px;line-height:1.18;letter-spacing:-.5px}
.pcx-page .hp-hero em{font-style:italic;color:#CC3366}
.pcx-page .hp-hero p{margin:0 0 20px}
.pcx-page .hp-hero a{color:#007A7A}
.pcx-page .hp-hero .eb{font-family:'Open Sans',-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:19px;letter-spacing:.05em;text-transform:uppercase;color:#CC3366;margin:0 0 18px}
.pcx-page .hp-hero .cols{display:flex;flex-wrap:wrap;gap:56px}
.pcx-page .hp-hero .c1{flex:1 1 480px;min-width:0}
.pcx-page .hp-hero .c2{flex:1 1 380px;min-width:0}
.pcx-page .hp-hero .kick{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:26px;line-height:1.4;color:#54716F;margin:22px 0 0}
.pcx-page .hp-hero .c2 b{color:#333333;font-weight:600}
.pcx-page .hp-hero .c2 a b{color:#007A7A}
.pcx-page .hp-hero .last{margin-bottom:0}
.pcx-page .hp-hero .nf{font-size:14.5px;color:#666666;margin:12px 0 0}
.pcx-page .hp-hero .nf b{color:#333333;font-weight:600}
.pcx-page .hp-hero .pq{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:15px;line-height:1.45;color:#54716F;margin:14px 0 0;padding-top:12px;border-top:1px solid #DFE4EA}
.pcx-page .hp-hero .pq span{font-family:'Open Sans',-apple-system,'Segoe UI',sans-serif;font-style:normal;font-size:13px;color:#666666;display:block;margin-top:3px}
.pcx-page .hp-hero .row{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.pcx-page .hp-hero .btn{display:inline-block;text-decoration:none;font-family:'Open Sans',-apple-system,'Segoe UI',sans-serif;font-weight:600;font-size:18px;padding:20px 32px;border-radius:10px;background:#CC3366;color:#fff;border:1px solid #CC3366}
.pcx-page .hp-hero .btn:hover{background:#B82D5C;border-color:#B82D5C;color:#fff}
.pcx-page .hp-hero .btn.gh{background:#fff;color:#333333;border-color:#DFE4EA;font-size:16px;padding:13px 25px}
.pcx-page .hp-hero .btn.gh:hover{background:#CC3366;border-color:#CC3366;color:#fff}
.pcx-page .hp-hero .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;border-top:1px solid #DFE4EA;margin-top:44px;padding-top:22px}
.pcx-page .hp-hero .st{min-width:0;padding-right:28px;border-right:1px solid #DFE4EA}
.pcx-page .hp-hero .st:last-child{border-right:0;padding-right:0}
.pcx-page .hp-hero .st i{display:block;font-style:normal;font-family:'Open Sans',-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#007A7A;margin-bottom:7px}
.pcx-page .hp-hero .st b{display:block;font-family:Georgia,'Times New Roman',serif;font-size:32px;color:#009999;line-height:1.05}
.pcx-page .hp-hero .st span{display:block;margin-top:6px;font-size:13.5px;line-height:1.35;color:#666666}
.pcx-page .hp-hero a:focus-visible,.pcx-page .hp-hero .btn:focus-visible{outline:2px solid #CC3366;outline-offset:3px;border-radius:4px}
@media(max-width:1024px){.pcx-page .hp-hero{padding:45px 24px}.pcx-page .hp-hero h1{font-size:48px}.pcx-page .hp-hero .kick{font-size:22px}.pcx-page .hp-hero .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}.pcx-page .hp-hero .st:nth-child(2){border-right:0}}
@media(max-width:640px){.pcx-page .hp-hero{font-size:16px;padding-top:32px}.pcx-page .hp-hero .eb{font-size:15px}.pcx-page .hp-hero h1{font-size:40px}.pcx-page .hp-hero .cols{gap:22px}.pcx-page .hp-hero .kick{margin-top:14px;font-size:20px}.pcx-page .hp-hero .st b{font-size:24px}.pcx-page .hp-hero .btn{font-size:16px;padding:16px 24px}}

.pcx-page .hp-hero .fork{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:44px}
.pcx-page .hp-hero .fk{display:block;text-decoration:none;background:#E6F7F7;border:1px solid #A9D4D3;border-left:4px solid #009999;border-radius:10px;padding:22px 24px;color:#666666;transition:border-color .2s,background .2s}
.pcx-page .hp-hero .fk.pc{border-left-color:#CC3366}
.pcx-page .hp-hero .fk:hover{background:#fff;border-color:#009999}
.pcx-page .hp-hero .fk.pc:hover{border-color:#CC3366}
.pcx-page .hp-hero .fk i{display:block;font-style:normal;font-family:'Open Sans',-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#007A7A;margin-bottom:8px}
.pcx-page .hp-hero .fk.pc i{color:#CC3366}
.pcx-page .hp-hero .fk b{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:22px;line-height:1.25;color:#333333;margin-bottom:6px}
.pcx-page .hp-hero .fk span{display:block;font-size:15.5px;line-height:1.5}
.pcx-page .hp-hero .fk span:after{content:"  →";color:#333333;font-weight:600}
@media(max-width:1024px){.pcx-page .hp-hero .fork{margin-top:36px}}
@media(max-width:640px){.pcx-page .hp-hero .fork{grid-template-columns:1fr;gap:12px}.pcx-page .hp-hero .fk b{font-size:20px}}

/* ---- polish: typography, motion, depth (ships with hp-01, applies page-wide) ---- */
.pcx-page .hp-why h2,.pcx-page .hp-ev h2,.pcx-page .hp-off h2,.pcx-page .hp-pr h2,.pcx-page .hp-me h2,.pcx-page .hp-fd h2,.pcx-page .hp-proof h2,.pcx-page .hp-res h2,.pcx-page .hp-faq h2,.pcx-page .hp-cn h2{text-wrap:balance}
.pcx-page .hp-hero .kick,.pcx-page .hp-why .lead,.pcx-page .hp-ev .ld,.pcx-page .hp-off .ld,.pcx-page .hp-pr .ld,.pcx-page .hp-fd .ld,.pcx-page .hp-res .ld,.pcx-page .hp-cn .lead{text-wrap:pretty}
.pcx-page .hp-hero .st b,.pcx-page .hp-ev .m b,.pcx-page .hp-ev .big b{font-variant-numeric:tabular-nums lining-nums}
.pcx-page .hp-hero,.pcx-page .hp-why,.pcx-page .hp-ev,.pcx-page .hp-off,.pcx-page .hp-pr,.pcx-page .hp-me,.pcx-page .hp-fd,.pcx-page .hp-proof,.pcx-page .hp-res,.pcx-page .hp-faq,.pcx-page .hp-cn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pcx-page .hp-hero ::selection,.pcx-page .hp-why ::selection,.pcx-page .hp-off ::selection,.pcx-page .hp-pr ::selection,.pcx-page .hp-me ::selection,.pcx-page .hp-proof ::selection,.pcx-page .hp-res ::selection,.pcx-page .hp-faq ::selection,.pcx-page .hp-cn ::selection{background:#009999;color:#fff}
.pcx-page .hp-ev ::selection,.pcx-page .hp-fd ::selection{background:#99FFFF;color:#333333}
/* scroll-driven reveal: progressive, no JS; ignored by older browsers, disabled under reduced motion */
@supports (animation-timeline: view()){
  .pcx-page .hp-why .in,.pcx-page .hp-ev .in,.pcx-page .hp-off .in,.pcx-page .hp-pr .in,.pcx-page .hp-me .in,.pcx-page .hp-fd .in,.pcx-page .hp-proof .in,.pcx-page .hp-res .in,.pcx-page .hp-faq .in,.pcx-page .hp-cn .in{animation:hp-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 28%}
  @keyframes hp-reveal{from{opacity:.001;transform:translateY(18px)}to{opacity:1;transform:none}}
  @media(prefers-reduced-motion:reduce){.pcx-page .hp-why .in,.pcx-page .hp-ev .in,.pcx-page .hp-off .in,.pcx-page .hp-pr .in,.pcx-page .hp-me .in,.pcx-page .hp-fd .in,.pcx-page .hp-proof .in,.pcx-page .hp-res .in,.pcx-page .hp-faq .in,.pcx-page .hp-cn .in{animation:none}}
}
/* hero: quiet depth — a teal wash top-right, nothing that competes with the H1 */
.pcx-page .hp-hero{position:relative;overflow:hidden}
.pcx-page .hp-hero:before{content:"";position:absolute;right:-180px;top:-220px;width:640px;height:640px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,153,153,.10),rgba(0,153,153,0));pointer-events:none}
.pcx-page .hp-hero .in{position:relative}
/* consistent card behaviour: lift + shadow on hover, teal focus ring, pink on the People Centricity card */
.pcx-page .hp-hero .fk,.pcx-page .hp-off .card,.pcx-page .hp-res .f,.pcx-page .hp-why .risk,.pcx-page .hp-why .fact,.pcx-page .hp-proof .q{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.pcx-page .hp-hero .fk:hover,.pcx-page .hp-off .card:hover,.pcx-page .hp-res .f:hover{transform:translateY(-3px);box-shadow:0 14px 34px -18px rgba(51,51,51,.28)}
.pcx-page .hp-off .card:hover{border-top-color:#007A7A}.pcx-page .hp-off .card.pc:hover{border-top-color:#CC3366}
.pcx-page .hp-hero .fk:focus-visible,.pcx-page .hp-off .card a:focus-visible,.pcx-page .hp-res .f a:focus-visible{outline:2px solid #CC3366;outline-offset:3px}
/* ink bands: a barely-there gradient so the two dark sections don’t read as flat slabs */
.pcx-page .hp-ev{background:linear-gradient(180deg,#333333 0%,#2C2C2C 100%)}
.pcx-page .hp-fd{background:linear-gradient(180deg,#2C2C2C 0%,#333333 100%)}
/* stats: hairline dividers turn into a quiet teal rail */
.pcx-page .hp-hero .stats{border-top:2px solid #E6F7F7;background:linear-gradient(90deg,#009999 0 64px,transparent 64px) top/100% 2px no-repeat}
/* testimonials: editorial opening quote glyph */
.pcx-page .hp-proof .tst .q{position:relative;padding-top:52px}
.pcx-page .hp-proof .q:before{content:"\201C";position:absolute;left:22px;top:12px;font-family:Georgia,'Times New Roman',serif;font-size:72px;line-height:.8;color:#F3D4DF;color:color-mix(in srgb,#CC3366 22%,white)}
/* FAQ: animated open where supported */
.pcx-page .hp-faq details{interpolate-size:allow-keywords}
.pcx-page .hp-faq details::details-content{block-size:0;overflow:hidden;transition:block-size .3s ease,content-visibility .3s allow-discrete}
.pcx-page .hp-faq details[open]::details-content{block-size:auto}
.pcx-page .hp-faq summary:hover{color:#007A7A}
/* buttons: a hair of lift */
.pcx-page .hp-hero .btn,.pcx-page .hp-me .btn,.pcx-page .hp-fd .btn,.pcx-page .hp-proof .btn,.pcx-page .hp-res .btn,.pcx-page .hp-cn .btn,.pcx-page .hp-off .btn{transition:background .2s,color .2s,border-color .2s,transform .15s}
.pcx-page .hp-hero .btn:active,.pcx-page .hp-cn .btn:active{transform:translateY(1px)}