/* Giving Payroll V3.41, actual site refinements. Only approved elements change. */
/* Calm value band: muted amber and a readable midpoint between the prior font sizes. */
.hr-page .gh-hero-bottom{position:relative;min-height:61px;padding:0 clamp(12px,3vw,55px);background:linear-gradient(105deg,#faf1d3,#f5e8bb 53%,#faf1d3);color:#364955;border:0;border-top:1px solid #e9d59c;border-bottom:1px solid #ebd8a2;font:750 clamp(14px,1.17vw,18px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase;}
.hr-page .gh-hero-bottom span{padding:14px 10px}
.hr-page .gh-hero-bottom span+span{border-left:0}
.hr-page .gh-hero-bottom:after{content:'';position:absolute;left:0;bottom:-22px;width:100%;height:23px;background:linear-gradient(180deg,#faf1d3 0%,rgba(250,241,211,0) 100%);pointer-events:none;z-index:3}
/* Pull the next headline closer. The graphic transition occupies no scrolling height. */
.hr-page .gh-story{padding-top:clamp(48px,5vw,77px);padding-bottom:clamp(50px,5vw,75px);background:linear-gradient(180deg,#f6f0df 0%,#f6f5f2 105px,#f6f5f2 100%)}
.hr-page .gh-story-intro{margin-bottom:clamp(30px,3vw,45px)}
.hr-page .gh-story-intro-grid{margin-top:0;gap:30px}
/* The authentic screenshot is the presentation, not a framed card with a big title/footer. */
.hr-page .gh-story-stage{background:transparent;border:0;box-shadow:none;overflow:visible}
.hr-page .gh-stage-top{position:absolute;top:10px;right:10px;left:auto;min-height:0;padding:0;background:transparent;z-index:4}
.hr-page .gh-stage-top>div{display:none}
.hr-page .gh-stage-a11y{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.hr-page .gh-view-full{background:rgba(39,46,60,.94);color:white;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:11px 16px;font:750 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;box-shadow:0 3px 14px #182b3e30}
.hr-page .gh-stage-viewport{height:clamp(375px,62vh,680px);border-radius:3px;box-shadow:0 22px 40px rgba(24,43,53,.12);background:#e6edeb}
.hr-page .gh-stage-viewport img{width:100%;height:auto;max-width:100%}
.hr-page .gh-stage-viewport:after{height:22px;background:linear-gradient(0deg,rgba(246,245,242,.3),transparent)}
.hr-page .gh-story-chapter{min-height:clamp(190px,28vh,255px);padding:25px 7px 28px 9px;opacity:.72}
.hr-page .gh-story-chapter.is-active{opacity:1}
.hr-page .gh-story-chapter p{max-width:100%;font-size:clamp(13px,1.1vw,15px);line-height:1.48;margin:5px 0 16px;color:#526069}
.hr-page .gh-chapter-select{font-size:clamp(30px,2.8vw,42px);padding:6px 2px 5px 0}
.hr-page .gh-chapter-tag{max-width:100%;font:800 clamp(10px,.9vw,12px)/1.3 Arial,Helvetica,sans-serif;letter-spacing:.06em;white-space:normal;overflow-wrap:normal;padding-top:10px}
/* Pricing: total, platform fee, and active employee unit price are all visible. */
.hr-page .gh-price-tool .hr-price-big strong{font-size:clamp(54px,5vw,74px)}
.hr-page .gh-price-tool .hr-price-result{padding:23px clamp(20px,3vw,32px)}
.hr-page .gh-price-tool .hr-price-lines{margin-top:14px;padding-top:14px}
.hr-page .gh-price-tool .hr-price-lines>div{font-size:clamp(12px,1vw,14px);line-height:1.5;gap:18px}
.hr-page .gh-price-tool .hr-price-lines>div span{max-width:73%}
.hr-page .gh-per-employee-hint{color:#aee6d1;font-size:clamp(12px,.98vw,14px);font-weight:750;line-height:1.35;margin:8px 0 0}
.hr-page .gh-price-tool{box-shadow:0 18px 48px rgba(31,74,69,.09)}
.hr-page .gh-price-rail{margin-top:37px;font-size:clamp(20px,1.8vw,25px)}
.hr-page .gh-price-rail strong{font-weight:700}
.hr-page .gh-price-value{margin-top:35px}
/* App placeholders: visually useful, intentionally not store badges/links until release. */
.hr-page .gh-apps{background:#f7f5f0;padding:clamp(55px,7vw,105px) 0;border-top:1px solid #dce7e2}
.hr-page .gh-apps-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:clamp(30px,6vw,94px);align-items:center}
.hr-page .gh-apps-eyebrow{font:800 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.16em;color:#307b77}
.hr-page .gh-apps h2{font:normal clamp(52px,5.8vw,88px)/1.04 Georgia,serif;letter-spacing:-.055em;color:#292d3b;margin:20px 0 18px}
.hr-page .gh-apps h2 em{color:#208879}
.hr-page .gh-apps-grid>div>p{max-width:510px;color:#586c73;font:400 16px/1.65 Arial,Helvetica,sans-serif}
.hr-page .gh-store-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hr-page .gh-store-item{background:#263343;color:white;padding:22px 21px;min-height:130px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:5px;border:1px solid #344555}
.hr-page .gh-store-item strong{font:normal clamp(23px,2.5vw,33px)/1.05 Georgia,serif;margin:5px 0 8px}
.hr-page .gh-store-small{font:800 10px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.13em;color:#b3dfd0}
.hr-page .gh-store-item small{font-size:11px;color:#bdcfd3}
.hr-page .gh-store-options>p{grid-column:1/-1;color:#70838a;font-size:12px;margin:0}
.hr-page .gh-module-help{margin:-12px 0 30px;color:#5a7073;font:400 13px/1.5 Arial,Helvetica,sans-serif}
.hr-page .gh-aside-breakdown>div{align-items:baseline;gap:14px}
.hr-page .gh-aside-breakdown>div span{max-width:65%}
.hr-page .gh-aside-breakdown>div b{text-align:right;font-size:12px}
/* A warmer handoff instead of additional empty space. */
@media(max-width:930px){
 .hr-page .gh-story{padding-top:45px}
 .hr-page .gh-story-chapter{min-height:0}
 .hr-page .gh-store-options{max-width:630px}
 .hr-page .gh-apps-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 .hr-page .gh-hero-bottom{font-size:clamp(10px,2.9vw,14px);min-height:57px;padding:0 5px;letter-spacing:.02em}
 .hr-page .gh-hero-bottom span{padding:13px 4px}
 .hr-page .gh-story{padding-top:43px}
 .hr-page .gh-story-intro{margin-bottom:32px}
 .hr-page .gh-store-options{gap:9px}
 .hr-page .gh-store-item{min-height:115px;padding:16px 13px}
 .hr-page .gh-store-item strong{font-size:22px}
 .hr-page .gh-apps-grid>div>p{font-size:14px}
}
@media(max-width:375px){.hr-page .gh-store-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hr-page .gh-story-chapter{transition:none}}

/* Real nonprofit association logo crops supplied in the legacy-page screenshots. */
.partners-page .p-partner-logo-plaque{background:white;border-radius:5px;min-height:100px;max-width:252px;max-height:112px;padding:9px 12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin-bottom:6px;box-shadow:0 6px 20px #0002}
.partners-page .p-partner-logo-plaque img{width:100%;max-height:90px;object-fit:contain}
.partners-page .p-national{background:#fcfbf7;padding:clamp(66px,7vw,105px) 0;border-top:1px solid #e4eae7}
.partners-page .p-national .p-section-intro{margin-bottom:34px}
.partners-page .p-national-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.partners-page .p-national-item{display:flex;gap:18px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px;min-height:220px;border:1px solid #d8e3df;background:white;box-shadow:0 11px 30px #24444510;transition:transform .2s,border-color .2s}
.partners-page .p-national-item:hover{transform:translateY(-3px);border-color:#65ad9b}
.partners-page .p-national-item img{display:block;max-width:min(100%,350px);height:90px;object-fit:contain}
.partners-page .p-national-item span{font:600 13px/1.5 Arial,Helvetica,sans-serif;color:#49636c}
@media(max-width:560px){.partners-page .p-national-list{grid-template-columns:1fr}.partners-page .p-national-item{min-height:165px}.partners-page .p-national-item img{height:75px}}

/* Genuine nonprofit association logos clipped from user-provided website screenshot. */
.partners-page .p-partner-logo-plaque{background:white;border-radius:5px;min-height:100px;max-width:252px;max-height:112px;padding:9px 12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin-bottom:6px;box-shadow:0 6px 20px #0002}
.partners-page .p-partner-logo-plaque img{width:100%;max-height:90px;object-fit:contain}
.partners-page .p-national{background:#fcfbf7;padding:clamp(66px,7vw,105px) 0;border-top:1px solid #e4eae7}
.partners-page .p-national .p-section-intro{margin-bottom:34px}
.partners-page .p-national-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.partners-page .p-national-item{display:flex;gap:18px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px;min-height:220px;border:1px solid #d8e3df;background:white;box-shadow:0 11px 30px #24444510;transition:transform .2s,border-color .2s}
.partners-page .p-national-item:hover{transform:translateY(-3px);border-color:#65ad9b}
.partners-page .p-national-item img{display:block;max-width:min(100%,350px);height:90px;object-fit:contain}
.partners-page .p-national-item span{font:600 13px/1.5 Arial,Helvetica,sans-serif;color:#49636c}
@media(max-width:560px){.partners-page .p-national-list{grid-template-columns:1fr}.partners-page .p-national-item{min-height:165px}.partners-page .p-national-item img{height:75px}}

/* V3.53 partners: contact line on each platform */
.partners-page .p-platform-contact{display:flex;flex-direction:column;gap:4px;font-size:.92rem;margin:0 0 10px}.partners-page .p-platform-contact a{color:inherit;text-decoration:none;font-weight:600}.partners-page .p-platform-contact a:hover{text-decoration:underline}
.partners-page .p-platform-side{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
@media(max-width:860px){.partners-page .p-platform-side{margin-top:14px}}