/* ---------- scoped reset ---------- */
.psx, .psx *, .psx *::before, .psx *::after { box-sizing: border-box; }
.psx { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #1B1B1B; line-height: normal; letter-spacing: normal; text-align: left; -webkit-font-smoothing: antialiased; }
.psx h1, .psx h2, .psx h3, .psx h4, .psx h5, .psx h6, .psx p, .psx a, .psx span, .psx div, .psx button, .psx input { font-family: inherit; }
.psx h1, .psx h2, .psx h3, .psx h4, .psx h5, .psx h6 { line-height: normal; letter-spacing: normal; text-wrap: wrap; }
.psx p { max-width: none; text-wrap: wrap; }
.psx a { text-decoration: none; text-decoration-color: currentColor; }
.psx img, .psx svg { max-width: 100%; }

/* ---------- home ---------- */
.psx.psx-home { margin:0; background:#FAF6F1; font-family:'Outfit','Helvetica Neue',Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.psx.psx-home a { color:#F2701A; text-decoration:none; }
.psx.psx-home a:hover { color:#D45C0C; }
.psx.psx-home input, .psx.psx-home button { font-family:inherit; }
@keyframes psFloat_home { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-10px) } }
@keyframes psRise_home { from { opacity:0; transform:translateY(20px) } to { opacity:1; transform:none } }
@keyframes psRiseX_home { from { opacity:0; transform:translateX(-26px) } to { opacity:1; transform:none } }
@keyframes psPop_home { from { opacity:0; transform:scale(.96) } to { opacity:1; transform:none } }
@media (max-width: 900px) {
.psx.psx-home header nav { display:none !important; }
}
.psx.psx-home { margin: 0; padding: 0; }
.psx.psx-home { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-home a { color: #0C0C0C; text-decoration: none; }
.psx.psx-home a:hover { color: #F2701A; }
.psx.psx-home, .psx.psx-home * { box-sizing: border-box; }
.psx.psx-home .ps-burger { display: none; }
@media (max-width: 1180px) {
.psx.psx-home .ps-bar { gap: 24px !important; padding: 0 28px !important; }
.psx.psx-home .ps-nav { gap: 18px !important; }
.psx.psx-home .ps-nav a { font-size: 10.5px !important; }
}
@media (max-width: 1000px) {
.psx.psx-home .ps-nav, .psx.psx-home .ps-cta { display: none !important; }
.psx.psx-home .ps-burger { display: flex !important; }
.psx.psx-home .ps-bar { height: 68px !important; padding: 0 20px !important; }
}
@media (max-width: 560px) {
.psx.psx-home .ps-logo-sub { display: none !important; }
}
.psx.psx-home { margin: 0; padding: 0; }
.psx.psx-home { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-home, .psx.psx-home * { box-sizing: border-box; }
@media (max-width: 980px) {
.psx.psx-home .ft-grid { grid-template-columns: 1.3fr 1fr !important; gap: 44px 40px !important; }
.psx.psx-home .ft-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}
@media (max-width: 600px) {
.psx.psx-home .ft-grid { grid-template-columns: 1fr !important; gap: 38px !important; }
.psx.psx-home .ft-wrap { padding: 60px 20px 26px !important; }
}

/* ---------- services ---------- */
.psx.psx-services { margin: 0; padding: 0; background: #F9F6F1; }
.psx.psx-services { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-services, .psx.psx-services * { box-sizing: border-box; }
.psx.psx-services a { color: #0C0C0C; text-decoration: none; }
.psx.psx-services a:hover { color: #F2701A; }
.psx.psx-services .dir-row { transition: background 240ms ease; }
.psx.psx-services .dir-row:hover { background: #FFFFFF; }
.psx.psx-services .dir-row .dir-num { transition: color 220ms ease, background 220ms ease; }
.psx.psx-services .dir-row:hover .dir-num { color: #FFFFFF; background: #F2701A; }
.psx.psx-services .dir-row .dir-title { transition: transform 300ms cubic-bezier(.2,.7,.3,1); }
.psx.psx-services .dir-row:hover .dir-title { transform: translateX(9px); }
.psx.psx-services .dir-row .dir-dash { transition: width 340ms cubic-bezier(.2,.7,.3,1); }
.psx.psx-services .dir-row:hover .dir-dash { width: 44px; }
.psx.psx-services .dir-row .dir-arrow { transition: transform 260ms ease, background 260ms ease, color 260ms ease; }
.psx.psx-services .dir-row:hover .dir-arrow { background: #F2701A; color: #FFFFFF; transform: translateX(5px); }
.psx.psx-services .dir-row .dir-sub { transition: color 220ms ease; }
.psx.psx-services .dir-row:hover .dir-sub { color: #12100D; }
.psx.psx-services .dir-row .dir-pipe { transition: background 240ms ease; }
.psx.psx-services .dir-row:hover .dir-pipe { background: #F2701A; }
@keyframes psRise_services { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes psLine_services { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.psx.psx-services [data-rv] { opacity: 0; animation: psRise_services 700ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-services [data-rule] { transform-origin: left; animation: psLine_services 620ms cubic-bezier(.2,.7,.3,1) forwards; }
@media (max-width: 1100px) {
.psx.psx-services .svc-pillars { grid-template-columns: 1fr 1fr !important; column-gap: 44px !important; row-gap: 34px !important; }
.psx.psx-services .svc-hero h1 { font-size: 50px !important; }
.psx.psx-services .svc-dots { display: none !important; }
.psx.psx-services .dir-row { grid-template-columns: 66px 1fr 44px !important; gap: 18px !important; align-items: start !important; }
.psx.psx-services .dir-subs { grid-column: 2 / 4; padding-left: 0 !important; margin-top: 14px; }
.psx.psx-services .dir-pipe { display: none !important; }
.psx.psx-services .dir-arrow { align-self: center; }
.psx.psx-services .dir-row:hover .dir-title { transform: none; }
.psx.psx-services .svc-cta { flex-direction: column !important; align-items: flex-start !important; gap: 24px !important; }
}
@media (max-width: 720px) {
.psx.psx-services .svc-hero h1 { font-size: 35px !important; }
.psx.psx-services .svc-dirhead h2 { font-size: 30px !important; }
.psx.psx-services .svc-pillars { grid-template-columns: 1fr !important; }
.psx.psx-services .dir-row h3 { font-size: 20px !important; }
.psx.psx-services .ps-sec { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
.psx.psx-services, .psx.psx-services * { transition: none !important; }
.psx.psx-services [data-rv], .psx.psx-services [data-rule] { opacity: 1 !important; transform: none !important; animation: none !important; }
}
.psx.psx-services { margin: 0; padding: 0; }
.psx.psx-services { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-services a { color: #0C0C0C; text-decoration: none; }
.psx.psx-services a:hover { color: #F2701A; }
.psx.psx-services, .psx.psx-services * { box-sizing: border-box; }
.psx.psx-services .ps-burger { display: none; }
@media (max-width: 1180px) {
.psx.psx-services .ps-bar { gap: 24px !important; padding: 0 28px !important; }
.psx.psx-services .ps-nav { gap: 18px !important; }
.psx.psx-services .ps-nav a { font-size: 10.5px !important; }
}
@media (max-width: 1000px) {
.psx.psx-services .ps-nav, .psx.psx-services .ps-cta { display: none !important; }
.psx.psx-services .ps-burger { display: flex !important; }
.psx.psx-services .ps-bar { height: 68px !important; padding: 0 20px !important; }
}
@media (max-width: 560px) {
.psx.psx-services .ps-logo-sub { display: none !important; }
}
.psx.psx-services { margin: 0; padding: 0; }
.psx.psx-services { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-services, .psx.psx-services * { box-sizing: border-box; }
@media (max-width: 980px) {
.psx.psx-services .ft-grid { grid-template-columns: 1.3fr 1fr !important; gap: 44px 40px !important; }
.psx.psx-services .ft-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}
@media (max-width: 600px) {
.psx.psx-services .ft-grid { grid-template-columns: 1fr !important; gap: 38px !important; }
.psx.psx-services .ft-wrap { padding: 60px 20px 26px !important; }
}

/* ---------- search-visibility ---------- */
.psx.psx-search-visibility { margin: 0; padding: 0; background: #F9F6F1; }
.psx.psx-search-visibility { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-search-visibility, .psx.psx-search-visibility * { box-sizing: border-box; }
.psx.psx-search-visibility a { color: #0C0C0C; text-decoration: none; }
.psx.psx-search-visibility a:hover { color: #F2701A; }
@keyframes psRise_search_visibility { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes psLine_search_visibility { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes psGrow_search_visibility { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.psx.psx-search-visibility [data-rv] { opacity: 0; animation: psRise_search_visibility 700ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-search-visibility [data-rule] { transform-origin: left; animation: psLine_search_visibility 640ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-search-visibility [data-bar] { transform-origin: left; animation: psLine_search_visibility 900ms cubic-bezier(.2,.7,.3,1) 260ms forwards; }
.psx.psx-search-visibility .cap-card { transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease; }
.psx.psx-search-visibility .cap-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,14,6,0.07); border-color: #F2701A; }
.psx.psx-search-visibility .nav-card { transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease; }
.psx.psx-search-visibility .nav-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,14,6,0.08); border-color: #F2701A; }
.psx.psx-search-visibility .nav-card .nav-arrow { transition: transform 240ms ease; }
.psx.psx-search-visibility .nav-card:hover .nav-arrow { transform: translateX(6px); }
.psx.psx-search-visibility .btn-orange { transition: background 220ms ease; }
.psx.psx-search-visibility .btn-orange:hover { background: #D45C0C; color: #FFFFFF; }
.psx.psx-search-visibility .btn-white { transition: background 220ms ease, color 220ms ease; }
.psx.psx-search-visibility .btn-white:hover { background: #0C0C0C; color: #FFFFFF; }
@media (max-width: 1080px) {
.psx.psx-search-visibility .sv-split { grid-template-columns: 1fr !important; }
.psx.psx-search-visibility .sv-caps { grid-template-columns: 1fr !important; }
.psx.psx-search-visibility .sv-caps-sub { grid-template-columns: 1fr 1fr !important; }
.psx.psx-search-visibility .sv-case { grid-template-columns: 1fr !important; }
.psx.psx-search-visibility .sv-case-img { min-height: 320px !important; }
.psx.psx-search-visibility .sv-timeline { padding-left: 34px !important; }
.psx.psx-search-visibility .sv-tl-item { grid-template-columns: 1fr !important; gap: 0 !important; text-align: left !important; }
.psx.psx-search-visibility .sv-tl-item > div:empty { display: none !important; }
.psx.psx-search-visibility .sv-tl-item > div { text-align: left !important; }
.psx.psx-search-visibility .sv-others { grid-template-columns: repeat(2, 1fr) !important; }
.psx.psx-search-visibility .sv-cta { flex-direction: column !important; align-items: flex-start !important; gap: 24px !important; }
.psx.psx-search-visibility .sv-h1 { font-size: 52px !important; }
.psx.psx-search-visibility .sv-dots { display: none !important; }
}
@media (max-width: 640px) {
.psx.psx-search-visibility .sv-h1 { font-size: 38px !important; }
.psx.psx-search-visibility .sv-caps-sub { grid-template-columns: 1fr !important; }
.psx.psx-search-visibility .sv-others { grid-template-columns: 1fr !important; }
.psx.psx-search-visibility .sv-metrics3 { grid-template-columns: 1fr 1fr !important; }
.psx.psx-search-visibility .ps-sec { padding-left: 20px !important; padding-right: 20px !important; }
.psx.psx-search-visibility .sv-h2 { font-size: 27px !important; }
}
@media (prefers-reduced-motion: reduce) {
.psx.psx-search-visibility, .psx.psx-search-visibility * { transition: none !important; }
.psx.psx-search-visibility [data-rv], .psx.psx-search-visibility [data-rule], .psx.psx-search-visibility [data-bar] { opacity: 1 !important; transform: none !important; animation: none !important; }
}
.psx.psx-search-visibility { margin: 0; padding: 0; }
.psx.psx-search-visibility { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-search-visibility a { color: #0C0C0C; text-decoration: none; }
.psx.psx-search-visibility a:hover { color: #F2701A; }
.psx.psx-search-visibility, .psx.psx-search-visibility * { box-sizing: border-box; }
.psx.psx-search-visibility .ps-burger { display: none; }
@media (max-width: 1180px) {
.psx.psx-search-visibility .ps-bar { gap: 24px !important; padding: 0 28px !important; }
.psx.psx-search-visibility .ps-nav { gap: 18px !important; }
.psx.psx-search-visibility .ps-nav a { font-size: 10.5px !important; }
}
@media (max-width: 1000px) {
.psx.psx-search-visibility .ps-nav, .psx.psx-search-visibility .ps-cta { display: none !important; }
.psx.psx-search-visibility .ps-burger { display: flex !important; }
.psx.psx-search-visibility .ps-bar { height: 68px !important; padding: 0 20px !important; }
}
@media (max-width: 560px) {
.psx.psx-search-visibility .ps-logo-sub { display: none !important; }
}
.psx.psx-search-visibility { margin: 0; padding: 0; }
.psx.psx-search-visibility { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-search-visibility, .psx.psx-search-visibility * { box-sizing: border-box; }
@media (max-width: 980px) {
.psx.psx-search-visibility .ft-grid { grid-template-columns: 1.3fr 1fr !important; gap: 44px 40px !important; }
.psx.psx-search-visibility .ft-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}
@media (max-width: 600px) {
.psx.psx-search-visibility .ft-grid { grid-template-columns: 1fr !important; gap: 38px !important; }
.psx.psx-search-visibility .ft-wrap { padding: 60px 20px 26px !important; }
}

/* ---------- paid-growth ---------- */
.psx.psx-paid-growth { margin: 0; padding: 0; background: #F9F6F1; }
.psx.psx-paid-growth { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-paid-growth, .psx.psx-paid-growth * { box-sizing: border-box; }
.psx.psx-paid-growth a { color: #0C0C0C; text-decoration: none; }
.psx.psx-paid-growth a:hover { color: #F2701A; }
@keyframes psRise_paid_growth { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes psLine_paid_growth { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes psDraw_paid_growth { from { stroke-dashoffset: 1000; } to { stroke-dashoffset: 0; } }
@keyframes psFade_paid_growth { from { opacity: 0; } to { opacity: 1; } }
.psx.psx-paid-growth [data-rv] { opacity: 0; animation: psRise_paid_growth 700ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-paid-growth [data-rule] { transform-origin: left; animation: psLine_paid_growth 640ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-paid-growth [data-bar] { transform-origin: left; animation: psLine_paid_growth 900ms cubic-bezier(.2,.7,.3,1) 240ms forwards; }
.psx.psx-paid-growth [data-draw] { stroke-dasharray: 1000; animation: psDraw_paid_growth 1600ms cubic-bezier(.3,.7,.3,1) 200ms forwards; }
.psx.psx-paid-growth [data-dot] { opacity: 0; animation: psFade_paid_growth 500ms ease 900ms forwards; }
.psx.psx-paid-growth .cap-card { transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease; }
.psx.psx-paid-growth .cap-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,14,6,0.07); border-color: #F2701A; }
.psx.psx-paid-growth .nav-card { transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease; }
.psx.psx-paid-growth .nav-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,14,6,0.08); border-color: #F2701A; }
.psx.psx-paid-growth .nav-card .nav-arrow { transition: transform 240ms ease; }
.psx.psx-paid-growth .nav-card:hover .nav-arrow { transform: translateX(6px); }
.psx.psx-paid-growth .btn-orange { transition: background 220ms ease; }
.psx.psx-paid-growth .btn-orange:hover { background: #D45C0C; color: #FFFFFF; }
.psx.psx-paid-growth .btn-white { transition: background 220ms ease, color 220ms ease; }
.psx.psx-paid-growth .btn-white:hover { background: #0C0C0C; color: #FFFFFF; }
@media (max-width: 1080px) {
.psx.psx-paid-growth .pg-split, .psx.psx-paid-growth .pg-caps, .psx.psx-paid-growth .pg-spend, .psx.psx-paid-growth .pg-outcomes { grid-template-columns: 1fr !important; }
.psx.psx-paid-growth .pg-caps-sub { grid-template-columns: 1fr 1fr !important; }
.psx.psx-paid-growth .pg-others { grid-template-columns: repeat(2, 1fr) !important; }
.psx.psx-paid-growth .pg-cta { flex-direction: column !important; align-items: flex-start !important; gap: 24px !important; }
.psx.psx-paid-growth .pg-h1 { font-size: 52px !important; }
.psx.psx-paid-growth .pg-dots { display: none !important; }
}
@media (max-width: 640px) {
.psx.psx-paid-growth .pg-h1 { font-size: 38px !important; }
.psx.psx-paid-growth .pg-caps-sub, .psx.psx-paid-growth .pg-others { grid-template-columns: 1fr !important; }
.psx.psx-paid-growth .pg-h2 { font-size: 27px !important; }
.psx.psx-paid-growth .pg-mini3 { grid-template-columns: 1fr 1fr !important; }
.psx.psx-paid-growth .ps-sec { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
.psx.psx-paid-growth, .psx.psx-paid-growth * { transition: none !important; }
.psx.psx-paid-growth [data-rv], .psx.psx-paid-growth [data-rule], .psx.psx-paid-growth [data-bar], .psx.psx-paid-growth [data-draw], .psx.psx-paid-growth [data-dot] { opacity: 1 !important; transform: none !important; animation: none !important; stroke-dasharray: none !important; }
}
.psx.psx-paid-growth { margin: 0; padding: 0; }
.psx.psx-paid-growth { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-paid-growth a { color: #0C0C0C; text-decoration: none; }
.psx.psx-paid-growth a:hover { color: #F2701A; }
.psx.psx-paid-growth, .psx.psx-paid-growth * { box-sizing: border-box; }
.psx.psx-paid-growth .ps-burger { display: none; }
@media (max-width: 1180px) {
.psx.psx-paid-growth .ps-bar { gap: 24px !important; padding: 0 28px !important; }
.psx.psx-paid-growth .ps-nav { gap: 18px !important; }
.psx.psx-paid-growth .ps-nav a { font-size: 10.5px !important; }
}
@media (max-width: 1000px) {
.psx.psx-paid-growth .ps-nav, .psx.psx-paid-growth .ps-cta { display: none !important; }
.psx.psx-paid-growth .ps-burger { display: flex !important; }
.psx.psx-paid-growth .ps-bar { height: 68px !important; padding: 0 20px !important; }
}
@media (max-width: 560px) {
.psx.psx-paid-growth .ps-logo-sub { display: none !important; }
}
.psx.psx-paid-growth { margin: 0; padding: 0; }
.psx.psx-paid-growth { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-paid-growth, .psx.psx-paid-growth * { box-sizing: border-box; }
@media (max-width: 980px) {
.psx.psx-paid-growth .ft-grid { grid-template-columns: 1.3fr 1fr !important; gap: 44px 40px !important; }
.psx.psx-paid-growth .ft-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}
@media (max-width: 600px) {
.psx.psx-paid-growth .ft-grid { grid-template-columns: 1fr !important; gap: 38px !important; }
.psx.psx-paid-growth .ft-wrap { padding: 60px 20px 26px !important; }
}

/* ---------- social-communication ---------- */
.psx.psx-social-communication { margin: 0; padding: 0; background: #F9F6F1; }
.psx.psx-social-communication { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-social-communication, .psx.psx-social-communication * { box-sizing: border-box; }
.psx.psx-social-communication a { color: #0C0C0C; text-decoration: none; }
.psx.psx-social-communication a:hover { color: #F2701A; }
@keyframes psRise_social_communication { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes psLine_social_communication { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.psx.psx-social-communication [data-rv] { opacity: 0; animation: psRise_social_communication 700ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-social-communication [data-rule] { transform-origin: left; animation: psLine_social_communication 640ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-social-communication .cap-card { transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease; }
.psx.psx-social-communication .cap-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,14,6,0.07); border-color: #F2701A; }
.psx.psx-social-communication .nav-card { transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease; }
.psx.psx-social-communication .nav-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,14,6,0.08); border-color: #F2701A; }
.psx.psx-social-communication .nav-card .nav-arrow { transition: transform 240ms ease; }
.psx.psx-social-communication .nav-card:hover .nav-arrow { transform: translateX(6px); }
.psx.psx-social-communication .btn-white { transition: background 220ms ease, color 220ms ease; }
.psx.psx-social-communication .btn-white:hover { background: #0C0C0C; color: #FFFFFF; }
.psx.psx-social-communication .btn-orange { transition: background 220ms ease; }
.psx.psx-social-communication .btn-orange:hover { background: #D45C0C; color: #FFFFFF; }
.psx.psx-social-communication .step:hover .step-num { color: #F2701A; }
.psx.psx-social-communication .step .step-num { transition: color 220ms ease; }
@media (max-width: 1080px) {
.psx.psx-social-communication .sc-images { grid-template-columns: 1fr !important; }
.psx.psx-social-communication .sc-img-b { margin-top: 0 !important; }
.psx.psx-social-communication .sc-lower { grid-template-columns: 1fr !important; gap: 40px !important; }
.psx.psx-social-communication .sc-caps { grid-template-columns: 1fr !important; align-items: start !important; }
.psx.psx-social-communication .sc-caps { grid-template-columns: 1fr 1fr !important; }
.psx.psx-social-communication .cta-div { display: none !important; }
.psx.psx-social-communication .sc-others { grid-template-columns: repeat(2, 1fr) !important; }
.psx.psx-social-communication .sc-steps { grid-template-columns: repeat(2, 1fr) !important; }
.psx.psx-social-communication .sc-cta { flex-direction: column !important; align-items: flex-start !important; gap: 24px !important; }
.psx.psx-social-communication .nav-card { min-height: 0 !important; }
.psx.psx-social-communication .sc-h1 { font-size: 50px !important; }
.psx.psx-social-communication .sc-dots { display: none !important; }
}
@media (max-width: 640px) {
.psx.psx-social-communication .sc-h1 { font-size: 34px !important; }
.psx.psx-social-communication .sc-caps, .psx.psx-social-communication .sc-others, .psx.psx-social-communication .sc-steps { grid-template-columns: 1fr !important; }
.psx.psx-social-communication .sc-h2 { font-size: 26px !important; }
.psx.psx-social-communication .sc-metrics { grid-template-columns: 1fr 1fr !important; }
.psx.psx-social-communication .ps-sec { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
.psx.psx-social-communication, .psx.psx-social-communication * { transition: none !important; }
.psx.psx-social-communication [data-rv], .psx.psx-social-communication [data-rule] { opacity: 1 !important; transform: none !important; animation: none !important; }
}
.psx.psx-social-communication { margin: 0; padding: 0; }
.psx.psx-social-communication { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-social-communication a { color: #0C0C0C; text-decoration: none; }
.psx.psx-social-communication a:hover { color: #F2701A; }
.psx.psx-social-communication, .psx.psx-social-communication * { box-sizing: border-box; }
.psx.psx-social-communication .ps-burger { display: none; }
@media (max-width: 1180px) {
.psx.psx-social-communication .ps-bar { gap: 24px !important; padding: 0 28px !important; }
.psx.psx-social-communication .ps-nav { gap: 18px !important; }
.psx.psx-social-communication .ps-nav a { font-size: 10.5px !important; }
}
@media (max-width: 1000px) {
.psx.psx-social-communication .ps-nav, .psx.psx-social-communication .ps-cta { display: none !important; }
.psx.psx-social-communication .ps-burger { display: flex !important; }
.psx.psx-social-communication .ps-bar { height: 68px !important; padding: 0 20px !important; }
}
@media (max-width: 560px) {
.psx.psx-social-communication .ps-logo-sub { display: none !important; }
}
.psx.psx-social-communication { margin: 0; padding: 0; }
.psx.psx-social-communication { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-social-communication, .psx.psx-social-communication * { box-sizing: border-box; }
@media (max-width: 980px) {
.psx.psx-social-communication .ft-grid { grid-template-columns: 1.3fr 1fr !important; gap: 44px 40px !important; }
.psx.psx-social-communication .ft-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}
@media (max-width: 600px) {
.psx.psx-social-communication .ft-grid { grid-template-columns: 1fr !important; gap: 38px !important; }
.psx.psx-social-communication .ft-wrap { padding: 60px 20px 26px !important; }
}

/* ---------- content-brand ---------- */
.psx.psx-content-brand { margin: 0; padding: 0; background: #F9F6F1; }
.psx.psx-content-brand { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-content-brand, .psx.psx-content-brand * { box-sizing: border-box; }
.psx.psx-content-brand a { color: #0C0C0C; text-decoration: none; }
.psx.psx-content-brand a:hover { color: #F2701A; }
@keyframes psRise_content_brand { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes psLine_content_brand { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.psx.psx-content-brand [data-rv] { opacity: 0; animation: psRise_content_brand 700ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-content-brand [data-rule] { transform-origin: left; animation: psLine_content_brand 640ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-content-brand .disc-row { transition: background 220ms ease, padding-left 240ms ease; }
.psx.psx-content-brand .disc-row:hover { background: #FDF6EF; padding-left: 14px; }
.psx.psx-content-brand .disc-row .disc-num { transition: color 220ms ease; }
.psx.psx-content-brand .disc-row:hover .disc-num { color: #0C0C0C; }
.psx.psx-content-brand .nav-card { transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease; }
.psx.psx-content-brand .nav-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,14,6,0.08); border-color: #F2701A; }
.psx.psx-content-brand .nav-card .nav-arrow { transition: transform 240ms ease; }
.psx.psx-content-brand .nav-card:hover .nav-arrow { transform: translateX(6px); }
.psx.psx-content-brand .btn-white { transition: background 220ms ease, color 220ms ease; }
.psx.psx-content-brand .btn-white:hover { background: #0C0C0C; color: #FFFFFF; }
.psx.psx-content-brand .btn-orange { transition: background 220ms ease; }
.psx.psx-content-brand .btn-orange:hover { background: #D45C0C; color: #FFFFFF; }
@media (max-width: 1080px) {
.psx.psx-content-brand .cb-hero, .psx.psx-content-brand .cb-mid, .psx.psx-content-brand .cb-pillars { grid-template-columns: 1fr !important; gap: 36px !important; }
.psx.psx-content-brand .cb-pillars > div { border-left: 0 !important; padding-left: 0 !important; }
.psx.psx-content-brand .cb-hero-img { min-height: 320px !important; order: -1; }
.psx.psx-content-brand .cb-others { grid-template-columns: repeat(2, 1fr) !important; }
.psx.psx-content-brand .cb-cta { flex-direction: column !important; align-items: flex-start !important; gap: 24px !important; }
.psx.psx-content-brand .cta-div { display: none !important; }
.psx.psx-content-brand .cb-h1 { font-size: 50px !important; }
.psx.psx-content-brand .cb-h2 { font-size: 42px !important; }
.psx.psx-content-brand .nav-card { min-height: 0 !important; }
}
@media (max-width: 640px) {
.psx.psx-content-brand .cb-h1 { font-size: 36px !important; }
.psx.psx-content-brand .cb-h2 { font-size: 32px !important; }
.psx.psx-content-brand .cb-lede { font-size: 20px !important; }
.psx.psx-content-brand .cb-others { grid-template-columns: 1fr !important; }
.psx.psx-content-brand .ps-sec { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
.psx.psx-content-brand, .psx.psx-content-brand * { transition: none !important; }
.psx.psx-content-brand [data-rv], .psx.psx-content-brand [data-rule] { opacity: 1 !important; transform: none !important; animation: none !important; }
}
.psx.psx-content-brand { margin: 0; padding: 0; }
.psx.psx-content-brand { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-content-brand a { color: #0C0C0C; text-decoration: none; }
.psx.psx-content-brand a:hover { color: #F2701A; }
.psx.psx-content-brand, .psx.psx-content-brand * { box-sizing: border-box; }
.psx.psx-content-brand .ps-burger { display: none; }
@media (max-width: 1180px) {
.psx.psx-content-brand .ps-bar { gap: 24px !important; padding: 0 28px !important; }
.psx.psx-content-brand .ps-nav { gap: 18px !important; }
.psx.psx-content-brand .ps-nav a { font-size: 10.5px !important; }
}
@media (max-width: 1000px) {
.psx.psx-content-brand .ps-nav, .psx.psx-content-brand .ps-cta { display: none !important; }
.psx.psx-content-brand .ps-burger { display: flex !important; }
.psx.psx-content-brand .ps-bar { height: 68px !important; padding: 0 20px !important; }
}
@media (max-width: 560px) {
.psx.psx-content-brand .ps-logo-sub { display: none !important; }
}
.psx.psx-content-brand { margin: 0; padding: 0; }
.psx.psx-content-brand { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-content-brand, .psx.psx-content-brand * { box-sizing: border-box; }
@media (max-width: 980px) {
.psx.psx-content-brand .ft-grid { grid-template-columns: 1.3fr 1fr !important; gap: 44px 40px !important; }
.psx.psx-content-brand .ft-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}
@media (max-width: 600px) {
.psx.psx-content-brand .ft-grid { grid-template-columns: 1fr !important; gap: 38px !important; }
.psx.psx-content-brand .ft-wrap { padding: 60px 20px 26px !important; }
}

/* ---------- web-digital-experience ---------- */
.psx.psx-web-digital-experience { margin: 0; padding: 0; background: #F9F6F1; }
.psx.psx-web-digital-experience { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-web-digital-experience, .psx.psx-web-digital-experience * { box-sizing: border-box; }
.psx.psx-web-digital-experience a { color: #0C0C0C; text-decoration: none; }
.psx.psx-web-digital-experience a:hover { color: #F2701A; }
@keyframes psRise_web_digital_experience { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes psLine_web_digital_experience { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.psx.psx-web-digital-experience [data-rv] { opacity: 0; animation: psRise_web_digital_experience 700ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-web-digital-experience [data-rule] { transform-origin: left; animation: psLine_web_digital_experience 640ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-web-digital-experience [data-bar] { transform-origin: left; animation: psLine_web_digital_experience 900ms cubic-bezier(.2,.7,.3,1) 240ms forwards; }
.psx.psx-web-digital-experience .cap-card { transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease; }
.psx.psx-web-digital-experience .cap-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,14,6,0.07); border-color: #F2701A; }
.psx.psx-web-digital-experience .nav-card { transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease; }
.psx.psx-web-digital-experience .nav-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,14,6,0.08); border-color: #F2701A; }
.psx.psx-web-digital-experience .nav-card .nav-arrow { transition: transform 240ms ease; }
.psx.psx-web-digital-experience .nav-card:hover .nav-arrow { transform: translateX(6px); }
.psx.psx-web-digital-experience .flow-row { transition: color 200ms ease; }
.psx.psx-web-digital-experience .flow-row:hover .flow-num { color: #0C0C0C; }
.psx.psx-web-digital-experience .flow-row .flow-num { transition: color 200ms ease; }
.psx.psx-web-digital-experience .btn-white { transition: background 220ms ease, color 220ms ease; }
.psx.psx-web-digital-experience .btn-white:hover { background: #0C0C0C; color: #FFFFFF; }
.psx.psx-web-digital-experience .btn-orange { transition: background 220ms ease; }
.psx.psx-web-digital-experience .btn-orange:hover { background: #D45C0C; color: #FFFFFF; }
@media (max-width: 1080px) {
.psx.psx-web-digital-experience .wd-build, .psx.psx-web-digital-experience .wd-caps, .psx.psx-web-digital-experience .wd-uplift { grid-template-columns: 1fr !important; gap: 36px !important; }
.psx.psx-web-digital-experience .wd-caps-sub { grid-template-columns: 1fr 1fr !important; }
.psx.psx-web-digital-experience .wd-others { grid-template-columns: repeat(2, 1fr) !important; }
.psx.psx-web-digital-experience .wd-cta { flex-direction: column !important; align-items: flex-start !important; gap: 24px !important; }
.psx.psx-web-digital-experience .cta-div { display: none !important; }
.psx.psx-web-digital-experience .wd-h1 { font-size: 48px !important; }
.psx.psx-web-digital-experience .wd-dots { display: none !important; }
.psx.psx-web-digital-experience .nav-card { min-height: 0 !important; }
}
@media (max-width: 640px) {
.psx.psx-web-digital-experience .wd-h1 { font-size: 34px !important; }
.psx.psx-web-digital-experience .wd-h2 { font-size: 26px !important; }
.psx.psx-web-digital-experience .wd-caps-sub, .psx.psx-web-digital-experience .wd-others { grid-template-columns: 1fr !important; }
.psx.psx-web-digital-experience .ps-sec { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
.psx.psx-web-digital-experience, .psx.psx-web-digital-experience * { transition: none !important; }
.psx.psx-web-digital-experience [data-rv], .psx.psx-web-digital-experience [data-rule], .psx.psx-web-digital-experience [data-bar] { opacity: 1 !important; transform: none !important; animation: none !important; }
}
.psx.psx-web-digital-experience { margin: 0; padding: 0; }
.psx.psx-web-digital-experience { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-web-digital-experience a { color: #0C0C0C; text-decoration: none; }
.psx.psx-web-digital-experience a:hover { color: #F2701A; }
.psx.psx-web-digital-experience, .psx.psx-web-digital-experience * { box-sizing: border-box; }
.psx.psx-web-digital-experience .ps-burger { display: none; }
@media (max-width: 1180px) {
.psx.psx-web-digital-experience .ps-bar { gap: 24px !important; padding: 0 28px !important; }
.psx.psx-web-digital-experience .ps-nav { gap: 18px !important; }
.psx.psx-web-digital-experience .ps-nav a { font-size: 10.5px !important; }
}
@media (max-width: 1000px) {
.psx.psx-web-digital-experience .ps-nav, .psx.psx-web-digital-experience .ps-cta { display: none !important; }
.psx.psx-web-digital-experience .ps-burger { display: flex !important; }
.psx.psx-web-digital-experience .ps-bar { height: 68px !important; padding: 0 20px !important; }
}
@media (max-width: 560px) {
.psx.psx-web-digital-experience .ps-logo-sub { display: none !important; }
}
.psx.psx-web-digital-experience { margin: 0; padding: 0; }
.psx.psx-web-digital-experience { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-web-digital-experience, .psx.psx-web-digital-experience * { box-sizing: border-box; }
@media (max-width: 980px) {
.psx.psx-web-digital-experience .ft-grid { grid-template-columns: 1.3fr 1fr !important; gap: 44px 40px !important; }
.psx.psx-web-digital-experience .ft-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}
@media (max-width: 600px) {
.psx.psx-web-digital-experience .ft-grid { grid-template-columns: 1fr !important; gap: 38px !important; }
.psx.psx-web-digital-experience .ft-wrap { padding: 60px 20px 26px !important; }
}

/* ---------- analytics-performance ---------- */
.psx.psx-analytics-performance { margin: 0; padding: 0; background: #F9F6F1; }
.psx.psx-analytics-performance { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-analytics-performance, .psx.psx-analytics-performance * { box-sizing: border-box; }
.psx.psx-analytics-performance a { color: #0C0C0C; text-decoration: none; }
.psx.psx-analytics-performance a:hover { color: #F2701A; }
@keyframes psRise_analytics_performance { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes psLine_analytics_performance { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes psDraw_analytics_performance { from { stroke-dashoffset: 1000; } to { stroke-dashoffset: 0; } }
@keyframes psFade_analytics_performance { from { opacity: 0; } to { opacity: 1; } }
.psx.psx-analytics-performance [data-rv] { opacity: 0; animation: psRise_analytics_performance 700ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-analytics-performance [data-rule] { transform-origin: left; animation: psLine_analytics_performance 640ms cubic-bezier(.2,.7,.3,1) forwards; }
.psx.psx-analytics-performance [data-bar] { transform-origin: left; animation: psLine_analytics_performance 900ms cubic-bezier(.2,.7,.3,1) 240ms forwards; }
.psx.psx-analytics-performance [data-draw] { stroke-dasharray: 1000; animation: psDraw_analytics_performance 1600ms cubic-bezier(.3,.7,.3,1) 200ms forwards; }
.psx.psx-analytics-performance [data-dot] { opacity: 0; animation: psFade_analytics_performance 500ms ease 900ms forwards; }
.psx.psx-analytics-performance .kpi-card { transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease; }
.psx.psx-analytics-performance .kpi-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,14,6,0.07); border-color: #F2701A; }
.psx.psx-analytics-performance .nav-card { transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease; }
.psx.psx-analytics-performance .nav-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,14,6,0.08); border-color: #F2701A; }
.psx.psx-analytics-performance .nav-card .nav-arrow { transition: transform 240ms ease; }
.psx.psx-analytics-performance .nav-card:hover .nav-arrow { transform: translateX(6px); }
.psx.psx-analytics-performance .btn-white { transition: background 220ms ease, color 220ms ease; }
.psx.psx-analytics-performance .btn-white:hover { background: #0C0C0C; color: #FFFFFF; }
.psx.psx-analytics-performance .btn-orange { transition: background 220ms ease; }
.psx.psx-analytics-performance .btn-orange:hover { background: #D45C0C; color: #FFFFFF; }
@media (max-width: 1080px) {
.psx.psx-analytics-performance .ap-kpis { grid-template-columns: repeat(3, 1fr) !important; }
.psx.psx-analytics-performance .ap-board, .psx.psx-analytics-performance .ap-gain { grid-template-columns: 1fr !important; gap: 36px !important; }
.psx.psx-analytics-performance .ap-others { grid-template-columns: repeat(2, 1fr) !important; }
.psx.psx-analytics-performance .ap-tl-item { grid-template-columns: 1fr !important; gap: 0 !important; }
.psx.psx-analytics-performance .ap-tl-item > div:empty { display: none !important; }
.psx.psx-analytics-performance .ap-tl-item > div { text-align: left !important; padding: 0 0 0 30px !important; }
.psx.psx-analytics-performance .ap-tl { padding-left: 0 !important; }
.psx.psx-analytics-performance .ap-tl-line { left: 8px !important; }
.psx.psx-analytics-performance .ap-tl-dot { left: 8px !important; }
.psx.psx-analytics-performance .ap-cta { flex-direction: column !important; align-items: flex-start !important; gap: 24px !important; }
.psx.psx-analytics-performance .cta-div { display: none !important; }
.psx.psx-analytics-performance .ap-h1 { font-size: 46px !important; }
.psx.psx-analytics-performance .ap-dots { display: none !important; }
.psx.psx-analytics-performance .nav-card { min-height: 0 !important; }
}
@media (max-width: 640px) {
.psx.psx-analytics-performance .ap-h1 { font-size: 33px !important; }
.psx.psx-analytics-performance .ap-h2 { font-size: 26px !important; }
.psx.psx-analytics-performance .ap-kpis { grid-template-columns: 1fr 1fr !important; }
.psx.psx-analytics-performance .ap-others { grid-template-columns: 1fr !important; }
.psx.psx-analytics-performance .ap-boardstats { grid-template-columns: 1fr 1fr !important; }
.psx.psx-analytics-performance .ps-sec { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
.psx.psx-analytics-performance, .psx.psx-analytics-performance * { transition: none !important; }
.psx.psx-analytics-performance [data-rv], .psx.psx-analytics-performance [data-rule], .psx.psx-analytics-performance [data-bar], .psx.psx-analytics-performance [data-draw], .psx.psx-analytics-performance [data-dot] { opacity: 1 !important; transform: none !important; animation: none !important; stroke-dasharray: none !important; }
}
.psx.psx-analytics-performance { margin: 0; padding: 0; }
.psx.psx-analytics-performance { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-analytics-performance a { color: #0C0C0C; text-decoration: none; }
.psx.psx-analytics-performance a:hover { color: #F2701A; }
.psx.psx-analytics-performance, .psx.psx-analytics-performance * { box-sizing: border-box; }
.psx.psx-analytics-performance .ps-burger { display: none; }
@media (max-width: 1180px) {
.psx.psx-analytics-performance .ps-bar { gap: 24px !important; padding: 0 28px !important; }
.psx.psx-analytics-performance .ps-nav { gap: 18px !important; }
.psx.psx-analytics-performance .ps-nav a { font-size: 10.5px !important; }
}
@media (max-width: 1000px) {
.psx.psx-analytics-performance .ps-nav, .psx.psx-analytics-performance .ps-cta { display: none !important; }
.psx.psx-analytics-performance .ps-burger { display: flex !important; }
.psx.psx-analytics-performance .ps-bar { height: 68px !important; padding: 0 20px !important; }
}
@media (max-width: 560px) {
.psx.psx-analytics-performance .ps-logo-sub { display: none !important; }
}
.psx.psx-analytics-performance { margin: 0; padding: 0; }
.psx.psx-analytics-performance { font-family: 'Outfit', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.psx.psx-analytics-performance, .psx.psx-analytics-performance * { box-sizing: border-box; }
@media (max-width: 980px) {
.psx.psx-analytics-performance .ft-grid { grid-template-columns: 1.3fr 1fr !important; gap: 44px 40px !important; }
.psx.psx-analytics-performance .ft-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}
@media (max-width: 600px) {
.psx.psx-analytics-performance .ft-grid { grid-template-columns: 1fr !important; gap: 38px !important; }
.psx.psx-analytics-performance .ft-wrap { padding: 60px 20px 26px !important; }
}

/* ---------- hover states ---------- */
.psx .psh-1:hover { color: #F2701A; }
.psx .psh-2:hover { background: #D45C0C; color: #FFFFFF; }
.psx .psh-3:hover { border-color: #F2701A; color: #F2701A; }
.psx .psh-4:hover { background: #F9F6F1; }
.psx .psh-5:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 14px 28px rgba(242,112,26,0.36); }
.psx .psh-6:hover { transform: scale(1.08); }
.psx .psh-7:hover { color: inherit; transform: translateY(-6px); box-shadow: 0 18px 36px rgba(180,130,90,0.18); }
.psx .psh-8:hover { color: inherit; transform: translateY(-6px); box-shadow: 0 18px 36px rgba(120,100,180,0.18); }
.psx .psh-9:hover { color: #fff; transform: translateY(-2px); }
.psx .psh-10:hover { transform: translateY(-6px); box-shadow: 0 18px 36px rgba(180,110,50,0.25); }
.psx .psh-11:hover { transform: translateY(-6px); box-shadow: 0 16px 34px rgba(184,145,110,0.22); }
.psx .psh-12:hover { transform: translateY(-6px); box-shadow: 0 18px 36px rgba(180,140,105,0.16); }
.psx .psh-13:hover { transform: translateY(-6px); box-shadow: 0 16px 34px rgba(170,130,95,0.14); }