/* GivingHR+ V3.36. Native HTML/CSS, integrated with the V3.35 working site. */
:root{--gh-ink:#292d3b;--gh-ocean:#146e7b;--gh-mint:#55d5a7;--gh-pale:#dff7ee;--gh-paper:#f5f4f1;--gh-coral:#ef5a62;--gh-header:86px}
.hr-page{color:var(--gh-ink);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}
.hr-page .site-header{position:sticky;top:0;height:var(--gh-header);z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 25px rgba(15,37,51,.06);border-bottom:1px solid #e9ecec}
.hr-page .site-header:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--gh-mint),#168da6 46%,var(--gh-coral));pointer-events:none}
.hr-page .primary-nav a{font-size:13px;font-weight:750;color:#364050}.hr-page .primary-nav a:hover,.hr-page .primary-nav a.nav-current{color:#bc4251}
.hr-page .nav-new{color:var(--gh-coral);background:transparent;font-size:10px;padding:0 0 0 1px;letter-spacing:.03em}
.hr-page .logo-link img{width:172px;height:auto}.hr-page .hr-login{font-weight:750;font-size:12px;white-space:nowrap;color:#2b4855}.hr-page .hr-login span{color:var(--gh-coral);font-size:16px;margin-left:6px}.hr-page .nav-cta{background:var(--gh-coral);padding:14px 18px;font-size:12px;border-radius:2px}.hr-page .nav-cta:hover{background:#d54454}.hr-page .menu-toggle{flex:0 0 auto}
.hr-page .page-inset{max-width:1550px;padding-inline:clamp(23px,5.6vw,100px)}
.hr-page h1,.hr-page h2,.hr-page h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.hr-page em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}
.hr-page *{scroll-margin-top:calc(var(--gh-header) + 22px)}
.hr-skip{position:fixed;left:12px;top:-70px;z-index:999;background:white;color:var(--gh-ink);padding:12px 20px}.hr-skip:focus{top:12px}
.gh-kicker,.gh-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:850;text-transform:uppercase}.gh-kicker{display:flex;align-items:center;gap:12px;color:#196a71}.gh-kicker .gh-tiny-star{color:var(--gh-coral);font-size:17px}.gh-index{color:#68868c}.gh-eyebrow{color:#1e7371}.gh-eyebrow>span{color:var(--gh-coral);margin-right:8px}
/* A restrained cinematic introduction with the customer's real screenshots. */
.gh-hero{position:relative;overflow:hidden;background:#e1f7ee;isolation:isolate}.gh-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 58% 80% at 85% 35%,#b2eadc 0%,transparent 74%);z-index:-1}.gh-hero-orbit{position:absolute;width:58vw;height:58vw;min-width:600px;min-height:600px;border:1px solid rgba(26,118,112,.17);border-radius:50%;left:42%;top:-26%;pointer-events:none;z-index:-1}
.gh-hero-grid{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(480px,1.3fr);gap:clamp(28px,5vw,78px);align-items:center;padding-top:clamp(65px,8vw,115px);padding-bottom:clamp(65px,8vw,110px)}
.gh-hero-copy{position:relative;z-index:2}.gh-hero-logo{width:clamp(192px,19vw,270px);height:auto;margin:31px 0 27px}.gh-hero h1{font-size:clamp(65px,6.8vw,113px);line-height:.98;margin:0 0 30px;max-width:660px}.gh-hero h1 em{color:#15837b}.gh-hero-deck{font-size:clamp(17px,1.55vw,22px);line-height:1.45;max-width:485px;color:#40545b;margin-bottom:0}.gh-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px 31px;margin-top:34px}
.gh-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:20px 25px;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;border:0;transition:transform .2s,background .2s,box-shadow .2s;text-align:left;cursor:pointer}.gh-button>span{font-size:19px;font-weight:400}.gh-button:hover{transform:translateY(-3px);box-shadow:0 12px 22px rgba(12,37,43,.14)}.gh-button-coral{background:var(--gh-coral);color:white}.gh-button-coral:hover{background:#d84855}.gh-button-mint{background:var(--gh-mint);color:#203c43}.gh-button-mint:hover{background:#7ae9bd}.gh-underlink{border-bottom:1px solid #388782;font-size:13px;font-weight:800;display:inline-flex;gap:24px;align-items:center;padding-bottom:8px}.gh-underlink span{font-size:20px;color:#1f847e}
.gh-hero-footnote{margin-top:54px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.14em;font-weight:800;color:#557e80}.gh-pulse{height:8px;width:8px;background:var(--gh-coral);border-radius:50%;box-shadow:0 0 0 4px rgba(239,90,98,.12)}
.gh-hero-media{position:relative;min-width:0;padding:13px 8px 23px 5px;will-change:transform}.gh-hero-frame{background:white;box-shadow:20px 28px 0 rgba(31,116,115,.13),0 34px 65px rgba(26,85,82,.16);transform:rotate(2deg);border:9px solid white;overflow:hidden}.gh-hero-frame-top{background:#2b3040;color:#e7eeec;display:flex;justify-content:space-between;gap:15px;padding:13px 18px;font-size:9px;font-weight:850;letter-spacing:.16em}.gh-hero-frame img{width:100%;max-height:590px;object-fit:cover;object-position:top}.gh-media-caption{position:absolute;bottom:-24px;right:0;letter-spacing:.15em;font-size:10px;font-weight:800;color:#247b74}
.gh-hero-bottom{display:flex;justify-content:space-around;gap:20px;background:#d1eee2;color:#356a69;padding:17px 20px;border-top:1px solid #b9e6d8;font-size:10px;font-weight:800;letter-spacing:.16em}
/* Scrollytelling: a large sticky product on one side, short readable chapters on the other. */
.gh-story{background:#f6f5f2;padding:clamp(74px,8vw,124px) 0 92px;position:relative}.gh-story-intro{margin-bottom:60px}.gh-story-intro-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.58fr);gap:50px;align-items:end;margin-top:32px}.gh-story-intro h2{font-size:clamp(55px,6.3vw,101px);line-height:1.02;margin:0}.gh-story-intro h2 em{color:#177e75}.gh-story-intro p{max-width:390px;font-size:17px;color:#536169;margin:0 0 10px}
.gh-story-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.78fr);gap:clamp(35px,5.6vw,100px);align-items:start}
.gh-story-stage{position:sticky;top:calc(var(--gh-header) + 23px);background:#fff;box-shadow:0 15px 40px rgba(27,48,56,.1);border:1px solid #dfe6e5;min-width:0}
.gh-stage-top{display:flex;align-items:center;justify-content:space-between;background:#292e3f;color:#f7f7f7;gap:15px;min-height:58px;padding:12px clamp(12px,2vw,25px)}.gh-stage-top>div{display:flex;align-items:center;gap:15px;font-size:12px;font-weight:800}.gh-stage-number{font-weight:800;color:#67e4b5;font-size:10px;letter-spacing:.09em}.gh-view-full{border:0;color:white;background:transparent;font-size:11px;white-space:nowrap;letter-spacing:.04em;padding:8px 0}.gh-view-full:hover{text-decoration:underline}.gh-view-full span{color:var(--gh-mint);font-size:16px;margin-left:5px}
.gh-stage-viewport{height:clamp(330px,54vh,590px);overflow:hidden;background:#e8eeef;position:relative;cursor:zoom-in}.gh-stage-viewport:after{content:"";pointer-events:none;position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(0deg,rgba(233,240,239,.95),transparent)}.gh-stage-viewport img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:opacity .24s ease,transform .6s ease}.gh-stage-viewport img.gh-changing{opacity:.24;transform:translateY(13px)}
.gh-stage-bottom{padding:17px 22px 19px;background:white;color:#536e71;font-size:12px}.gh-progress-track{height:3px;background:#e6eeeb;margin-bottom:12px;overflow:hidden}.gh-progress-track span{display:block;width:16.666%;height:100%;background:var(--gh-coral);transition:width .35s ease}
.gh-story-chapters{border-top:1px solid #bbc9ca}.gh-story-chapter{min-height:clamp(258px,37vh,355px);padding:clamp(29px,4vh,44px) 8px 44px 13px;border-bottom:1px solid #c6d0d0;opacity:.53;transition:opacity .4s,transform .4s;transform:translateX(0)}.gh-story-chapter.is-active{opacity:1;transform:translateX(8px)}.gh-chapter-index{color:#db515e;font-size:10px;letter-spacing:.15em;font-weight:850}.gh-chapter-select{display:flex;width:100%;border:0;background:transparent;text-align:left;justify-content:space-between;align-items:center;gap:15px;padding:15px 3px 11px 0;font:normal clamp(37px,3.55vw,55px)/1.07 Georgia,serif;letter-spacing:-.045em;color:#2e3240}.gh-chapter-select>span:last-child{color:#238b7a;font:normal 26px Arial,sans-serif;transition:transform .3s}.gh-chapter-select:hover>span:last-child{transform:translate(4px,-4px)}.gh-story-chapter p{max-width:370px;color:#505d64;font-size:15px;line-height:1.63;margin-bottom:22px}.gh-chapter-tag{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.13em;color:#287877;border-top:1px solid #cbd2d1;padding-top:12px;display:inline-block}
.gh-mobile-gallery{display:none}
/* A strong but compact visual transition, no extra blank pinned height. */
.gh-bridge{background:#292d3b;color:white;padding:clamp(70px,8vw,120px) 0;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 4%,100% 100%,0 100%)}.gh-bridge:before{content:"";position:absolute;width:80vw;height:80vw;max-width:1100px;max-height:1100px;border:1px solid rgba(100,214,169,.2);border-radius:50%;left:48%;top:-170%;pointer-events:none}.gh-bridge .gh-eyebrow{color:#72dfb4}.gh-bridge-inner{position:relative}.gh-bridge p{font:normal clamp(45px,5.6vw,84px)/1.13 Georgia,serif;letter-spacing:-.045em;max-width:1190px;margin:24px 0 0}.gh-bridge em{color:#7be2bd}.gh-bridge-cross{position:absolute;right:8%;bottom:-25px;color:var(--gh-coral);font-size:93px;opacity:.8}
/* Pricing inherits the live calculation from site.js but adopts the homepage's editorial balance. */
.gh-pricing{background:#e5f5ee;padding:clamp(80px,8vw,125px) 0;position:relative}.gh-pricing .hr-pricing-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,95px)}.gh-pricing .hr-price-intro h2{font-size:clamp(60px,5.8vw,91px);line-height:1.07;margin:28px 0 26px}.gh-pricing .hr-price-intro h2 em{color:#188379}.gh-pricing .hr-price-intro>p{font-size:17px;color:#52676b;max-width:440px}.gh-price-rail{font:italic clamp(21px,2vw,29px)/1.3 Georgia,serif;border-left:3px solid var(--gh-coral);padding-left:20px;margin-top:55px;max-width:450px}.gh-price-value{margin-top:60px;border-top:1px solid #bfd8d1;padding-top:23px;max-width:420px}.gh-price-value>span{display:block;color:#d25360;font-size:11px;letter-spacing:.16em;font-weight:850;margin-bottom:13px}.gh-price-value>strong{font:normal 25px/1.2 Georgia,serif}.gh-price-value>p{color:#577078;font-size:14px;margin:12px 0 0}
.gh-price-tool{border:1px solid #d4e1dc;background:#fff;padding:0 0 28px;box-shadow:0 30px 55px rgba(24,92,87,.08)}.gh-price-tool-head{background:#2b3040;color:white;padding:18px clamp(21px,3vw,33px);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;font-weight:850;letter-spacing:.08em}.gh-price-tool-head>span:last-child{color:#d8e5e3;font-size:9px}.gh-live-dot{display:inline-block;background:var(--gh-mint);height:7px;width:7px;margin-left:5px;border-radius:50%}.gh-price-tool fieldset,.gh-price-tool .hr-range-heading,.gh-price-tool .range,.gh-price-tool .range-ends{margin-left:clamp(21px,3vw,33px);margin-right:clamp(21px,3vw,33px)}.gh-price-tool fieldset{margin-top:26px}.gh-price-tool legend{margin-bottom:12px}.gh-price-tool .hr-radio-row label{font-size:14px;padding:13px 0}.gh-price-tool .hr-range-heading{margin-top:25px}.gh-price-tool .hr-range-heading output{font:normal 39px Georgia,serif}.gh-price-tool .range{width:calc(100% - (clamp(21px,3vw,33px) * 2));accent-color:var(--gh-coral)}.gh-price-tool .hr-price-result{margin:28px 0 0;padding:28px clamp(21px,3vw,33px);background:#2b3040}.gh-price-tool .hr-price-big strong{font:normal clamp(65px,6vw,91px)/1 Georgia,serif}.gh-price-tool .hr-price-lines>div{font-size:12px}.gh-price-tool .hr-price-cta{background:var(--gh-coral);color:white;display:flex;align-items:center;justify-content:space-between;margin:24px clamp(21px,3vw,33px) 0;padding:19px 21px;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.gh-price-tool .hr-price-cta:hover{background:#ce4350}.gh-price-tool .price-small{margin:18px clamp(21px,3vw,33px) 0}
.gh-closing{background:#292d3b;color:white;padding:clamp(85px,9vw,140px) 0;position:relative;overflow:hidden}.gh-closing:after{content:"03";font:normal 450px/1 Georgia,serif;letter-spacing:-.1em;position:absolute;right:-40px;bottom:-190px;color:rgba(255,255,255,.038);pointer-events:none}.gh-closing-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:60px}.gh-closing .gh-eyebrow{color:#b5e1d5}.gh-closing h2{font-size:clamp(61px,6.1vw,100px);line-height:1.06;margin:24px 0 0}.gh-closing h2 em{color:#76e3b9}.gh-closing-grid>div:last-child>p{max-width:480px;color:#d0d9d9;font-size:17px;line-height:1.64}.gh-closing .gh-button{display:flex;margin-top:29px;max-width:470px}.gh-closing-secondary{display:inline-block;margin-top:23px;border-bottom:1px solid #7dada8;padding-bottom:8px;font-size:13px;color:#d0e4e2}
/* Full image access for genuine, sometimes very tall screenshots. */
.gh-screen-dialog{border:0;border-radius:6px;background:#f3f6f5;padding:0;width:min(1140px,94vw);max-height:92vh;box-shadow:0 20px 90px #091b2ac2;color:#26313b}.gh-screen-dialog::backdrop{background:rgba(15,29,42,.8);backdrop-filter:blur(6px)}.gh-dialog-top{position:sticky;top:0;z-index:2;background:#292d3b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:13px;gap:12px}.gh-dialog-top button{border:0;background:var(--gh-mint);color:#20373e;font-weight:800;padding:10px 16px}.gh-dialog-scroller{overflow-y:auto;max-height:calc(92vh - 65px)}.gh-dialog-scroller img{width:100%;height:auto;display:block}
/* Enrollment request. Prototype does NOT store or submit information to a server. */
.gh-enroll-main{background:linear-gradient(155deg,#e6f7f0,#f6f5f2 68%);padding:clamp(45px,6vw,78px) 0 100px}.gh-back-link{display:inline-block;font-size:12px;font-weight:800;color:#247b7c;border-bottom:1px solid currentColor;padding-bottom:7px;margin-bottom:49px}.gh-enroll-heading .gh-eyebrow{margin-bottom:23px}.gh-enroll-heading h1{font-size:clamp(62px,7vw,113px);line-height:1;margin:0 0 22px;max-width:900px}.gh-enroll-heading h1 em{color:#218477}.gh-enroll-heading p{max-width:720px;font-size:17px;color:#51686a}.gh-enroll-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:clamp(26px,5vw,80px);align-items:start;margin-top:50px}.gh-enroll-form{background:white;padding:clamp(24px,4vw,58px);box-shadow:0 17px 40px rgba(28,89,77,.08)}.gh-form-section{border-bottom:1px solid #d6e0dd;padding:0 0 38px;margin-bottom:42px}.gh-form-label{display:flex;align-items:baseline;gap:20px;margin-bottom:23px}.gh-form-label>span{color:var(--gh-coral);font-weight:850;font-size:11px}.gh-form-label h2{font-size:clamp(30px,3vw,43px);margin:0}.gh-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.gh-fields>label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:800;color:#3d575b}.gh-fields>label>span{color:#b8404d}.gh-fields input,.gh-fields select,.gh-fields textarea{width:100%;padding:14px 14px;min-height:50px;border:1px solid #cbd9d6;background:#fbfdfc;border-radius:2px;color:#273945;font-size:14px;font-weight:400}.gh-fields textarea{resize:vertical;min-height:120px}.gh-fields input:focus,.gh-fields select:focus,.gh-fields textarea:focus{outline:2px solid #3bbb9c;outline-offset:1px}.gh-fields label:has(textarea){grid-column:1/-1}.gh-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin-bottom:32px}.gh-modules legend{grid-column:1/-1;font-size:12px;font-weight:800;color:#3d575b;margin-bottom:18px}.gh-modules label{font-size:13px;display:flex;gap:9px;align-items:center}.gh-modules input,.gh-consent input{accent-color:var(--gh-ocean);min-width:16px;min-height:16px}.gh-form-bottom>p{font-size:12px;color:#587176;margin:18px 0}.gh-consent{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.5;color:#334a50;margin-bottom:25px}.gh-enroll-submit{width:100%}.gh-copy-request{display:inline-block;margin-top:15px;background:transparent;color:#155c61;border:1px solid #155c61;padding:12px 20px;font-weight:800}.gh-form-bottom [role=status]{padding:15px;background:#e9f6ef;color:#194d51;font-size:13px;margin-top:16px}
.gh-aside-sticky{position:sticky;top:calc(var(--gh-header) + 25px);padding:clamp(25px,3.3vw,44px);background:#2c3040;color:white;box-shadow:15px 16px 0 rgba(80,189,151,.15)}.gh-aside-top{display:flex;align-items:start;justify-content:space-between;gap:15px;border-bottom:1px solid #495363;padding-bottom:26px;margin-bottom:30px}.gh-aside-top img{width:150px;max-width:54%;height:auto}.gh-aside-top span{font-size:10px;letter-spacing:.12em;color:#b2d0c9}.gh-aside-small{font-size:10px;font-weight:800;letter-spacing:.15em;color:#a8d6ca}.gh-aside-price{font:normal 43px Georgia,serif;white-space:nowrap;margin:13px 0 27px}.gh-aside-price strong{font:normal clamp(62px,6vw,96px) Georgia,serif;letter-spacing:-.07em}.gh-aside-price>span{font:normal 15px Arial,sans-serif;color:#d0e0dc}.gh-aside-breakdown{border-top:1px solid #50606a;border-bottom:1px solid #50606a;padding:14px 0}.gh-aside-breakdown>div{display:flex;gap:20px;justify-content:space-between;align-items:baseline;padding:10px 0;font-size:13px}.gh-aside-breakdown span{color:#b9d0ca}.gh-aside-breakdown b{text-align:right}.gh-aside-sticky>p{font-size:12px;color:#d0dbd8;margin:25px 0}.gh-aside-contact{font-size:12px;color:#e0eeea;border-top:1px solid #50606a;padding-top:20px;display:flex;flex-direction:column;gap:12px}.gh-aside-contact a{color:#80e4bf;font-weight:800;text-decoration:underline}
/* Motion only when JS has registered an observer. No invisible content without JS. */
.gh-motion-ready .gh-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.25,1)}.gh-motion-ready .gh-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1230px){.hr-page .primary-nav{gap:13px}.hr-page .nav-inner{gap:13px;padding-inline:27px}.hr-page .primary-nav>a{font-size:11px}.hr-page .logo-link img{width:147px}.hr-page .nav-cta{padding:13px 12px;font-size:11px}.gh-hero-grid{grid-template-columns:minmax(280px,.85fr) minmax(390px,1.18fr);gap:36px}.gh-hero h1{font-size:clamp(62px,6.4vw,84px)}.gh-story-grid{grid-template-columns:minmax(0,1.1fr) minmax(285px,.76fr);gap:38px}}
@media(max-width:1050px){.hr-page .primary-nav{display:none;position:absolute;top:var(--gh-header);left:0;right:0;background:white;padding:12px 30px 24px;box-shadow:0 25px 30px rgba(28,48,58,.16);flex-direction:column;align-items:stretch;gap:0}.hr-page .primary-nav.open{display:flex}.hr-page .primary-nav>a{font-size:14px;padding:14px 0;border-bottom:1px solid #e4eceb}.hr-page .menu-toggle{display:flex}.gh-story-grid{grid-template-columns:minmax(0,1.05fr) minmax(270px,.72fr);gap:30px}.gh-story-chapter{min-height:250px}.gh-story-intro-grid{grid-template-columns:1.2fr .65fr}}
@media(max-width:930px){.gh-hero-grid{grid-template-columns:1fr;gap:55px;padding-top:64px;padding-bottom:90px}.gh-hero-copy{max-width:750px}.gh-hero h1{font-size:clamp(66px,10vw,95px)}.gh-hero-deck{max-width:640px}.gh-hero-media{max-width:700px;margin:0 auto}.gh-hero-footnote{margin-top:33px}.gh-story-grid{display:none}.gh-story-intro{margin-bottom:34px}.gh-mobile-gallery{display:flex;gap:18px;padding-block:6px 27px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;-webkit-overflow-scrolling:touch}.gh-mobile-gallery>article{flex:0 0 min(76vw,500px);scroll-snap-align:start;background:#fff;border:1px solid #d6e4e0;overflow:hidden;padding:20px 20px 22px;box-shadow:0 11px 30px rgba(30,70,72,.08)}.gh-mobile-gallery>article>span{color:#c14b5e;font-size:10px;letter-spacing:.14em;font-weight:800}.gh-mobile-gallery h3{font-size:clamp(28px,4vw,42px);margin:12px 0 18px}.gh-mobile-gallery img{width:100%;height:340px;object-fit:cover;object-position:top;border:1px solid #e0e5e4}.gh-mobile-gallery button{display:block;margin-top:15px;border:0;border-bottom:1px solid #2f8080;padding:4px 0 8px;background:transparent;color:#226e70;font-size:12px;font-weight:800}.gh-story{padding-bottom:55px}.gh-story-intro-grid{grid-template-columns:1fr;gap:18px}.gh-story-intro p{margin-top:0;max-width:600px}.gh-pricing .hr-pricing-layout{grid-template-columns:1fr;gap:45px}.gh-pricing .hr-price-intro{max-width:750px}.gh-price-rail,.gh-price-value{margin-top:30px}.gh-closing-grid{grid-template-columns:1fr;gap:20px}.gh-closing-grid>div:last-child{max-width:620px}.gh-enroll-grid{grid-template-columns:1fr}.gh-aside-sticky{position:static}.gh-enroll-grid>aside{grid-row:1}.gh-aside-sticky{max-width:850px}.gh-enroll-form{max-width:850px}}
@media(max-width:760px){:root{--gh-header:73px}.hr-page .site-header{height:var(--gh-header)}.hr-page .nav-inner{padding:0 18px}.hr-page .logo-link img{width:148px}.hr-page .hr-login{font-size:11px}.hr-page .nav-cta{display:none}.hr-page .primary-nav{top:var(--gh-header)}.gh-hero-grid{padding-top:48px;padding-bottom:65px}.gh-hero h1{font-size:clamp(60px,12.2vw,89px)}.gh-hero-logo{width:210px;margin:25px 0 20px}.gh-hero-deck{font-size:17px}.gh-hero-frame{box-shadow:12px 18px 0 #bee8dc;border-width:5px}.gh-hero-media{padding-right:15px}.gh-hero-bottom{font-size:8px;letter-spacing:.07em}.gh-hero-bottom span:nth-child(2){display:none}.gh-story-intro h2{font-size:clamp(51px,10vw,77px)}.gh-mobile-gallery{padding-right:22px}.gh-mobile-gallery>article{flex-basis:min(85vw,470px)}.gh-mobile-gallery img{height:300px}.gh-bridge{clip-path:polygon(0 0,100% 2%,100% 100%,0 100%)}.gh-bridge p{font-size:clamp(44px,9vw,65px)}.gh-pricing .hr-price-intro h2{font-size:clamp(55px,10vw,76px)}.gh-price-tool-head>span:last-child{display:none}.gh-price-tool .hr-price-big strong{font-size:72px}.gh-price-tool .hr-price-result{padding:25px 22px}.gh-closing h2{font-size:clamp(57px,10vw,83px)}.gh-closing .gh-button{font-size:11px}.gh-fields{grid-template-columns:1fr}.gh-form-section{margin-bottom:30px;padding-bottom:26px}.gh-enroll-main{padding-bottom:70px}.gh-enroll-heading h1{font-size:clamp(56px,11vw,80px)}.gh-enroll-heading p{font-size:15px}.gh-enroll-grid{margin-top:28px}.gh-enroll-form{padding:25px 21px}.gh-aside-sticky{box-shadow:8px 9px 0 rgba(80,189,151,.15)}.gh-aside-top img{width:124px}.gh-modules{gap:15px 8px}.gh-form-label h2{font-size:29px}}
@media(max-width:420px){.hr-page .logo-link img{width:132px}.hr-page .hr-login{font-size:10px}.hr-page .nav-right{gap:8px}.gh-hero h1{font-size:56px}.gh-hero-actions{align-items:stretch;gap:16px}.gh-hero-actions .gh-button{width:100%}.gh-mobile-gallery>article{flex-basis:87vw;padding:16px}.gh-mobile-gallery img{height:260px}.gh-story-intro h2{font-size:46px}.gh-pricing .hr-price-intro h2{font-size:51px}.gh-price-tool .hr-price-big strong{font-size:64px}.gh-price-tool .hr-radio-row label{font-size:12px}.gh-enroll-heading h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){.gh-motion-ready .gh-reveal{opacity:1;transform:none}.gh-hero-media{transform:none!important}.gh-stage-viewport img{transition:none}.gh-story-chapter{transition:none}}

/* Hidden clock demo on the genuine employee screenshot, with authentic Giving Payroll sounds. */
.gh-hero-image-wrap{position:relative;line-height:0}
.gh-hero-image-wrap>img{width:100%;height:auto;max-height:590px;object-fit:cover;object-position:top}
.gh-hero-clock-hit{position:absolute;top:25.25%;height:12.9%;z-index:4;border:2px solid transparent;border-radius:8px;background:transparent;font-size:0;cursor:pointer}
.gh-hero-clock-in{left:33.25%;width:19.2%}.gh-hero-clock-out{left:63.4%;width:19.4%}
.gh-hero-clock-hit:not(:disabled):hover,.gh-hero-clock-hit:focus-visible{border-color:#40cfaa;box-shadow:0 0 0 4px #8be7c566;outline:none}
.gh-hero-clock-hit:disabled{cursor:default;pointer-events:none}
.gh-hero-image-wrap.is-clocked-in .gh-hero-clock-in{background:#444f55dd;border-color:#d1dce0}
.gh-hero-image-wrap.is-clocked-in .gh-hero-clock-in:after{content:'✓  CLOCKED IN';color:white;font:800 clamp(7px,.8vw,12px) Arial,sans-serif;display:flex;align-items:center;justify-content:center;height:100%;text-shadow:0 1px 3px #222}
.gh-hero-image-wrap.is-clocked-in .gh-hero-clock-out{background:#18945fdd;border-color:#b4f4d6;box-shadow:0 0 0 4px #74e7a877}
.gh-hero-image-wrap.is-clocked-in .gh-hero-clock-out:after{content:'CLOCK OUT';color:white;font:800 clamp(7px,.8vw,12px) Arial,sans-serif;display:flex;align-items:center;justify-content:center;height:100%}
.gh-screen-reader-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Keep content legible even during rapid scroll transitions. */
.gh-motion-ready .gh-reveal{opacity:.75;transform:translateY(13px);transition:opacity .38s ease,transform .38s cubic-bezier(.2,.8,.25,1)}
.gh-motion-ready .gh-reveal.is-visible{opacity:1;transform:translateY(0)}