:root{--ink:#373743;--deep:#41414f;--deep2:#2c303e;--coral:#ef5857;--mint:#48d497;--lav:#bc86d8;--gold:#e2b950;--paper:#fff;--mist:#f3f5f4;--rule:#e4e7e6;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:77px}body{margin:0;font-family:var(--sans);color:var(--ink);background:white;overflow-x:clip;-webkit-font-smoothing:antialiased}button,select,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}::selection{background:#4bd69c;color:#202735}.page-width{width:min(1240px,calc(100% - 100px));margin:auto}.header{position:fixed;left:0;right:0;top:0;height:81px;background:#fff;z-index:90;border-bottom:1px solid #eee;box-shadow:0 3px 14px #0000000b;transition:height .3s}.header.compact{height:66px}.navwrap{height:100%;width:min(1350px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:38px}.brand{flex:0 0 auto;display:flex;align-items:center}.brand img{width:176px;height:auto;max-height:59px;object-fit:contain}.nav{display:flex;gap:28px;align-items:center;margin-left:auto}.nav>a{position:relative;white-space:nowrap;font-size:12px;font-weight:600;color:#39414b;letter-spacing:.008em}.nav>a:hover{color:var(--coral)}.nav>a:after{content:'';height:2px;position:absolute;bottom:-8px;left:0;right:100%;background:var(--coral);transition:right .26s}.nav>a:hover:after{right:0}.nav sup{color:var(--coral);font-size:8px;letter-spacing:.08em;vertical-align:top;margin-left:1px}.navend{display:flex;align-items:center;gap:21px}.nav-phone{white-space:nowrap;background:var(--coral);color:#fff;padding:12px 15px;border-radius:0 16px 0 16px;font-size:12px;font-weight:700;transition:background .3s,border-radius .3s}.nav-phone:hover{background:#d84746;border-radius:16px 0 16px 0}.nav-phone span{padding-left:7px}.login{position:relative}.login button{background:transparent;color:#40414d;border:0;font-size:11px;font-weight:bold;white-space:nowrap;padding:12px 0}.login button span{color:var(--coral);margin-left:4px}.login-drop{display:none;position:absolute;right:-8px;top:36px;background:white;border-top:3px solid var(--coral);padding:9px;min-width:205px;box-shadow:0 10px 35px #0002}.login-drop.show{display:grid}.login-drop a{font-size:12px;padding:12px 14px}.login-drop a:hover{background:#f3f4f5}.menu-btn{display:none;background:transparent;border:0;width:35px;height:30px;padding:5px}.menu-btn span{display:block;height:2px;width:25px;margin:6px 0;background:var(--ink)}.scroll-meter{position:fixed;top:0;left:0;right:0;z-index:100;height:3px;pointer-events:none}.scroll-meter div{height:100%;width:0;background:var(--mint);transition:width .04s linear}.opening{height:166vh;position:relative;background:#32313c}.sticky-hero{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;color:white;background:#343541}.hero-photo{position:absolute;inset:-8%;background-image:url('assets/ocean.jpg');background-size:cover;background-position:center 52%;transform:scale(calc(1.06 + var(--hero-progress,0)*.16));will-change:transform,background-position;filter:brightness(1.45) saturate(.85);opacity:.75}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1c202fa8,#2a273ba8 54%,#1d1b2f94),linear-gradient(to bottom,#0000,#15151be6);opacity:calc(.6 + var(--hero-progress,0)*.3)}.hero-inner{height:100%;position:relative;z-index:1;width:min(1250px,calc(100% - 110px));margin:auto;padding-top:105px;display:flex;flex-direction:column;justify-content:space-between}.hero-kicker{display:flex;align-items:center;gap:8px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.17em}.crosshair{color:var(--mint);font-size:21px}.intro-secondary{color:#a6f4d0}.hero-center{margin-top:-5%;text-align:center;transform:translateY(calc(var(--hero-progress,0)*-35px));opacity:calc(1 - var(--hero-progress,0)*.38)}.hero-overline{letter-spacing:.24em;font-weight:bold;font-size:10px;margin-bottom:26px;color:#fff9}.hero-center h1{margin:0;font-weight:normal;font-family:var(--serif);letter-spacing:-.056em;line-height:.94;text-shadow:0 4px 25px #0005}.hero-line{display:block;font-size:clamp(62px,7.4vw,126px)}.hero-line:nth-child(2){transform:translateX(calc(var(--hero-progress,0)*-16px))}.hero-word{display:block;color:#fff;font-size:clamp(72px,9.5vw,161px);font-weight:normal;font-style:normal;transform:translateX(calc(var(--hero-progress,0)*16px))}.period{color:var(--mint)}.hero-caption{font-family:var(--serif);font-size:20px;margin:25px 0 30px;color:#f3f4f6}.hero-actions{display:flex;justify-content:center;gap:14px}.pill{font-size:11px;letter-spacing:.055em;font-weight:bold;white-space:nowrap;display:flex;align-items:center;justify-content:space-between;min-width:235px;gap:25px;border-radius:3px 22px 3px 22px;padding:19px 23px;transition:transform .25s,border-radius .25s}.pill:hover{transform:translateY(-5px);border-radius:22px 3px 22px 3px}.pill-coral{background:var(--coral);color:white}.pill-mint{background:var(--mint);color:#263e38}.pill span{font-size:20px;font-weight:normal}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:25px}.hero-tags{display:flex;gap:32px}.hero-tags span{font-size:10px;font-weight:700;letter-spacing:.06em;display:flex;align-items:center;gap:7px}.hero-tags b{font-size:24px;font-weight:normal;color:var(--mint)}.hero-tags span:nth-child(2) b{color:var(--lav)}.hero-tags span:nth-child(3) b{color:var(--gold)}.scroll-prompt{font-size:9px;font-weight:700;letter-spacing:.2em;display:flex;align-items:center;gap:14px}.scroll-arrow{border:1px solid #fff8;border-radius:100%;width:43px;height:43px;display:grid;place-items:center;font-size:24px;animation:float 1.8s ease-in-out infinite}@keyframes float{50%{transform:translateY(6px)}}.hero-stamp{position:absolute;right:5%;top:24%;font-size:11px;line-height:1.1;letter-spacing:.05em;color:#fff6;transform:rotate(10deg);border:2px solid #ffffff40;border-radius:50%;width:106px;height:106px;display:grid;place-content:center;text-align:center;opacity:calc(.6 - var(--hero-progress,0)*.5)}.hero-stamp span{color:var(--coral)}.marquee{background:var(--mint);height:62px;overflow:hidden;display:flex;align-items:center;transform:translateZ(0);position:relative;z-index:5}.marquee-track{display:flex;align-items:center;gap:40px;white-space:nowrap;min-width:max-content;animation:marquee 30s linear infinite;font-size:16px;letter-spacing:.09em;font-weight:900;color:#164838}.marquee-track b{font-size:25px;color:white}@keyframes marquee{to{transform:translateX(-46%)}}.chapter{position:relative;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:bold;display:flex;gap:13px;align-items:center}.num-mark{color:var(--coral);font-weight:900}.chapter-num{position:absolute;line-height:1;font-family:var(--sans);font-size:clamp(250px,37vw,600px);font-weight:900;letter-spacing:-.11em;z-index:0;pointer-events:none}.num-dark{color:#fff0;right:9%;top:2%;-webkit-text-stroke:1px #ffffff24}.about{background:var(--deep);color:#fff;min-height:760px;padding:138px 0 76px}.about-wash{background:radial-gradient(ellipse at 100% 0%,#ffffff09,transparent 45%);position:absolute;inset:0}.about-content{position:relative}.about .eyebrow{color:#d5d5de}.about-grid{display:grid;grid-template-columns:1.15fr .83fr;gap:8%;margin-top:55px}.about h2{font-size:clamp(55px,7.15vw,110px);font-family:var(--serif);letter-spacing:-.065em;line-height:.99;font-weight:normal;margin:0}.about h2 i{font-weight:normal;color:var(--mint)}.about h2 span.about-key-payroll{border-bottom:6px solid var(--coral)}.about-story{padding-top:43px;position:relative}.scribble-arrow{position:absolute;top:-37px;left:-60px;font-family:var(--serif);font-size:65px;transform:rotate(-15deg);color:var(--gold)}.about-story p{color:#e6e6ed;font-size:16px;line-height:1.8;margin:0 0 23px;max-width:490px}.about-story .lead{font-family:var(--serif);font-size:29px;line-height:1.25;color:#fff}.simple-link{display:inline-flex;margin-top:16px;font-size:12px;font-weight:bold;letter-spacing:.08em;padding-bottom:14px;border-bottom:2px solid var(--mint);gap:38px}.simple-link span{color:var(--mint)}.about-foot{display:flex;align-items:center;gap:28px;border-top:1px solid #ffffff3d;margin-top:100px;padding-top:25px;color:#d1d4da;font-size:11px;letter-spacing:.16em;font-weight:bold}.about-foot i{font-size:17px;color:var(--coral);font-style:normal}.calculator-chapter{background:#fff;padding:120px 0 90px}.calc-head .eyebrow{color:#616574}.calc-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:42px 0 80px}.calc-intro h2{font:normal clamp(70px,7.5vw,124px)/.94 var(--serif);letter-spacing:-.066em;margin:0}.calc-intro h2 em{color:var(--coral);font-weight:normal}.calc-sideline{width:265px;align-self:flex-end;position:relative;margin-bottom:4px}.calc-sideline p{font-size:16px;line-height:1.55;color:#696b75}.calc-sideline strong{font-family:var(--serif);font-style:italic;font-weight:normal;font-size:24px;color:#454752}.hand-drawn-arrow{display:block;font:normal 76px var(--serif);line-height:1;color:var(--mint);text-align:right;transform:rotate(20deg)}.calc-stage{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:70px}.calc-left{padding-top:18px}.calc-question{display:grid;grid-template-columns:46px 1fr;gap:18px;border-top:1px solid #d3d6d8;padding:29px 0 31px}.calc-q-index{font-family:var(--serif);font-size:20px;color:var(--coral)}.calc-question h3{font:normal 26px var(--serif);margin:0 0 18px;letter-spacing:-.018em}.choice-pills{display:flex;gap:9px;flex-wrap:wrap}.choice{border:1px solid #cbcfd0;background:white;padding:15px 21px;font-size:13px;transition:.24s}.choice span{margin-left:10px;color:#999}.choice.active{border-color:var(--coral);background:var(--coral);color:white}.choice.active span{color:white}.choice:hover,.freq:hover{border-color:var(--coral)}.provider-line{display:flex;align-items:stretch;gap:0}.provider{padding:13px 27px 14px 0;margin-right:24px;background:transparent;border:0;border-bottom:2px solid #cfd3d4;font-size:23px;font-weight:bold;letter-spacing:-.045em;color:#80818c}.provider.active{color:#333640;border-bottom-color:var(--mint)}.provider span{font-size:12px;color:var(--coral)}.calc-question small{display:block;color:#6b7078;margin-top:13px;font-size:11px}.freq-options{display:flex;flex-wrap:wrap;gap:8px}.freq{border:1px solid #d1d3d6;background:white;padding:13px 15px;font-size:12px;transition:.2s}.freq.active{background:#444653;color:white;border-color:#444653}.employee-q{padding-bottom:25px}.emp-line{display:flex;justify-content:space-between;gap:15px;align-items:center}.emp-line h3{margin-bottom:18px}.emp-line output{font-family:var(--serif);font-size:62px;line-height:1;color:var(--coral);letter-spacing:-.09em}input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:5px;background:linear-gradient(90deg,var(--mint) 9.4%,#d6dadb 9.4%);outline:none;cursor:pointer;border-radius:0;margin:23px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:white;border:5px solid var(--coral);border-radius:50%;height:26px;width:26px;box-shadow:0 0 0 3px white,0 0 0 4px var(--coral)}input[type=range]::-moz-range-thumb{background:#fff;border:5px solid var(--coral);height:19px;width:19px;border-radius:50%}.range-ends{display:flex;justify-content:space-between;font-size:10px;font-weight:800;color:#878b93;letter-spacing:.1em}.calc-right{position:relative}.receipt-wrap{position:sticky;top:94px}.receipt-label{font-size:11px;letter-spacing:.15em;font-weight:bold;display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}.receipt-label span{font-family:var(--serif);font-size:32px;color:var(--coral)}.receipt{padding:34px 29px 25px;background:#f4f6f5;box-shadow:8px 14px 0 #e4e8e7;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),97% 100%,94% calc(100% - 12px),91% 100%,88% calc(100% - 12px),85% 100%,82% calc(100% - 12px),79% 100%,76% calc(100% - 12px),73% 100%,70% calc(100% - 12px),67% 100%,64% calc(100% - 12px),61% 100%,58% calc(100% - 12px),55% 100%,52% calc(100% - 12px),49% 100%,46% calc(100% - 12px),43% 100%,40% calc(100% - 12px),37% 100%,34% calc(100% - 12px),31% 100%,28% calc(100% - 12px),25% 100%,22% calc(100% - 12px),19% 100%,16% calc(100% - 12px),13% 100%,10% calc(100% - 12px),7% 100%,4% calc(100% - 12px),0 100%)}.receipt-top{text-align:center;padding-bottom:27px;border-bottom:2px dashed #b6bebd;margin-bottom:14px}.receipt-top img{width:170px;margin:0 auto 13px}.receipt-top small{font-size:10px;letter-spacing:.2em;color:#666d73}.receipt-line{display:flex;justify-content:space-between;gap:15px;font:12px/1.2 'Courier New',monospace;padding:9px 0}.receipt-line strong{font-size:12px;letter-spacing:-.04em}.receipt-total{margin:15px -29px 12px;background:var(--mint);padding:25px 29px;text-align:center}.receipt-total>span{font-size:11px;font-weight:bold;letter-spacing:.14em;color:#184e39}.receipt-price{font-family:var(--serif);font-size:42px;letter-spacing:-.07em;color:#123b2b}.receipt-price strong{font-size:clamp(66px,6vw,92px);font-weight:normal;font-variant-numeric:tabular-nums}.receipt-total small{display:block;font-size:10px;line-height:1.5;color:#194e3c;max-width:240px;margin:auto}.receipt-bottom{text-align:center;border-top:2px dashed #b6bebd;margin-top:16px;padding:18px 0 14px;letter-spacing:.14em;font-size:9px;font-weight:800}.receipt-cta{display:flex;justify-content:space-between;padding:21px 23px;background:var(--coral);color:#fff;font-size:12px;font-weight:bold;letter-spacing:.1em;margin-top:22px;transition:background .25s}.receipt-cta:hover{background:#d54b4b}.receipt-cta span{font-size:20px}.receipt-note{font-size:11px;color:#7e838a;line-height:1.6;margin:22px 8px;max-width:350px}.calc-tail{border-top:1px solid #d7dddc;margin-top:95px;padding-top:25px;display:grid;grid-template-columns:1fr 1.25fr auto;gap:30px;align-items:center}.calc-tail span{font:normal 30px var(--serif)}.calc-tail p{line-height:1.45;color:#696d76;font-size:13px;margin:0}.calc-tail a{color:var(--coral);font-size:11px;font-weight:bold;letter-spacing:.04em;white-space:nowrap}.difference{background:#f3f5f4;padding:130px 0 145px;min-height:1450px}.difference-ghost{position:absolute;font-size:clamp(280px,38vw,650px);font-weight:900;letter-spacing:-.1em;line-height:.8;top:10px;right:-10px;color:#e7eae9;pointer-events:none}.difference>.page-width{position:relative}.diff-head{font:normal clamp(58px,6.7vw,104px)/1.03 var(--serif);letter-spacing:-.052em;margin:50px 0 90px;max-width:1120px}.diff-head em{font-weight:normal;color:var(--coral)}.diff-scrolly{display:grid;grid-template-columns:41% 1fr;gap:8%}.diff-sticky{position:sticky;top:140px;min-height:300px}.diff-sidenote{font-size:11px;letter-spacing:.16em;color:#767f81;font-weight:bold}.diff-word{font-size:clamp(145px,20vw,330px);font-weight:bold;letter-spacing:-.12em;line-height:1;color:var(--coral);position:relative}.diff-word span{font-variant-numeric:tabular-nums}.diff-word .diff-flourish{font-size:64px;position:absolute;top:4px;right:18px;color:var(--mint);letter-spacing:0}.diff-sticky p{font:italic normal 28px var(--serif);max-width:320px}.diff-track{width:160px;height:2px;background:#d7ddda;margin-top:40px}.diff-track>div{height:100%;width:25%;background:var(--coral);transition:width .3s}.diff-item{min-height:440px;padding:50px 0;border-top:1px solid #cdd3d0;transition:opacity .35s,transform .35s;opacity:.42}.diff-item.is-in{opacity:1}.diff-item>span{font-size:11px;letter-spacing:.15em;color:#6f7675;font-weight:700}.diff-item h3{font:normal clamp(41px,4.5vw,67px)/1.05 var(--serif);letter-spacing:-.045em;margin:22px 0}.diff-item h3 i{color:#2f9381}.diff-item p{font-size:16px;line-height:1.7;max-width:520px;color:#606770}.giveback{background:var(--coral);color:#fff;padding:135px 0 155px}.giveback .num-mark{color:#fff9}.giveback-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;min-height:600px}.giveback-left{height:490px;position:relative}.five-outline{position:absolute;left:0;top:0;font-size:clamp(240px,30vw,500px);letter-spacing:-.15em;font-weight:900;line-height:1;-webkit-text-stroke:2px #ffffff58;color:transparent}.five-solid{position:absolute;top:35%;left:12%;font-size:clamp(160px,19vw,280px);line-height:1;font-family:var(--serif);letter-spacing:-.12em}.five-solid>span{font-size:70px;color:#fcd783;margin-left:10px;display:inline-block;transform:rotate(22deg)}.giveback-right h2{font:normal clamp(63px,7vw,110px)/.95 var(--serif);letter-spacing:-.055em;margin:0 0 45px}.giveback-right h2 em{font-weight:normal;color:#f9eac7}.giveback-right p{font-size:20px;line-height:1.65;max-width:490px;margin-bottom:45px}.giving-signature{font:italic 28px var(--serif);margin-bottom:40px}.giving-signature u{text-decoration-color:#fee9a2;text-decoration-thickness:3px;text-underline-offset:6px}.giveback-right small{display:block;color:#ffdddd;font-size:11px;line-height:1.65;max-width:450px}.service-strip{padding:120px 0;background:white}.service-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:45px 0 70px}.service-intro h2{font:normal clamp(62px,6.5vw,98px)/1.05 var(--serif);max-width:760px;letter-spacing:-.06em;margin:0}.service-intro h2 em{color:var(--coral)}.service-intro p{max-width:310px;color:#686e76;line-height:1.6;font-size:16px;margin:0}.service-links{border-top:1px solid #c9cece}.service-links>a{display:grid;grid-template-columns:60px minmax(200px,1.2fr) minmax(200px,.8fr) 60px;align-items:center;min-height:130px;border-bottom:1px solid #c9cece;gap:18px;transition:padding .28s,background .28s}.service-links>a:hover{padding-left:20px;background:#f5f7f6}.serv-n{font:italic 22px var(--serif);color:var(--coral)}.serv-title{font:normal clamp(38px,4vw,58px) var(--serif);letter-spacing:-.05em}.serv-explain{font-size:13px;line-height:1.6;color:#6c7379;max-width:250px}.service-links b{color:var(--coral);font-size:32px;font-weight:normal}.software{background:#dff6ed;min-height:740px;padding:145px 0 140px}.software-frame{display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:5%}.software-text{position:relative;z-index:5}.software .eyebrow{font-size:11px;margin-bottom:28px;color:#316754}.hr-logo{width:280px;margin:0 0 26px}.software h2{font:normal clamp(56px,6vw,90px)/1.04 var(--serif);letter-spacing:-.055em;margin:0 0 22px}.software h2 em{font-weight:normal;color:#277c70}.software-text>p{line-height:1.65;font-size:17px;max-width:440px}.hr-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;background:#364650;color:white;padding:20px 26px;font-size:12px;font-weight:bold;letter-spacing:.1em;margin-top:23px;transition:background .2s}.hr-cta:hover{background:#215f58}.hr-cta span{color:var(--mint);font-size:22px}.software-text .software-clarity{font-size:11px;color:#648678;max-width:360px;margin-top:26px}.software-devices{min-height:520px;position:relative;perspective:1000px}.software-caption{position:absolute;top:0;right:0;transform:rotate(4deg);font-size:10px;letter-spacing:.14em;font-weight:bold;color:#3c7e70}.device-layer{position:absolute;background:white;padding:8px;box-shadow:0 24px 60px #1d594030;transition:transform .5s}.device-layer img{width:100%;height:auto}.device-back{width:83%;top:70px;left:13%;transform:rotate(7deg) translateY(calc(var(--software-progress,0)*-50px))}.device-front{width:93%;top:186px;left:0;transform:rotate(-5deg) translateY(calc(var(--software-progress,0)*35px))}.software-little-note{position:absolute;bottom:0;right:2%;font-size:11px;letter-spacing:.13em;color:#398977;font-weight:bold;transform:rotate(-6deg)}.software-little-note span{color:var(--coral);font-size:26px}.testimonial{background:#fff;padding:135px 0}.testimonial-row{max-width:1000px}.testimonial blockquote{font:normal clamp(43px,5.2vw,75px)/1.2 var(--serif);letter-spacing:-.042em;color:#454450;margin:50px 0}.testimonial blockquote::first-letter{color:var(--coral)}.testimonial-source{letter-spacing:.16em;font-weight:bold;font-size:11px;color:#858994}.contact{padding:130px 0 150px;background:var(--deep);color:white;min-height:590px}.contact-ghost{font-size:440px;position:absolute;right:-5%;top:-50px;opacity:.12;font-weight:bold;letter-spacing:-.13em;line-height:1}.contact-inner{position:relative}.contact h2{font:normal clamp(70px,8vw,125px)/.99 var(--serif);letter-spacing:-.06em;margin:43px 0 75px}.contact h2 em{color:var(--mint)}.contact-bottom{border-top:1px solid #ffffff5b;padding-top:28px;display:flex;justify-content:space-between;align-items:start;gap:50px}.contact-bottom>p{max-width:450px;font-size:16px;line-height:1.7;color:#e2e4e7;margin:0}.contact-bottom>div{display:flex;flex-direction:column;gap:13px;text-align:right}.contact-email{font-size:23px;font-family:var(--serif);border-bottom:1px solid var(--mint);padding-bottom:8px}.contact-email span{color:var(--mint)}.contact-phone{font-size:14px;letter-spacing:.15em;color:#d5d6e1}.footer{background:#2e303b;color:#dcdfe2;padding:47px 0 26px}.footer-primary{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-primary img{width:190px}.footer-primary span{font-size:10px;letter-spacing:.12em;color:#bbbcc6}.footer-primary>a{color:var(--mint);letter-spacing:.1em;font-size:10px;font-weight:bold}.footer-secondary{border-top:1px solid #62616a;margin-top:43px;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#aeb3bd;font-size:10px;letter-spacing:.08em}.footer-secondary>div{display:flex;gap:28px}.footer a:hover{text-decoration:underline}.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s cubic-bezier(.2,.7,.3,1),transform .85s cubic-bezier(.2,.7,.3,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.hero-line,.hero-word{transition:opacity .1s}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
@media(max-width:1150px){.navwrap{width:calc(100% - 40px);gap:15px}.nav{gap:16px}.nav>a{font-size:11px}.brand img{width:153px}.navend{gap:12px}.page-width{width:calc(100% - 70px)}.hero-inner{width:calc(100% - 90px)}.calc-stage{gap:35px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.hero-tags{gap:17px}}@media(max-width:860px){.header{height:75px}.navwrap{width:calc(100% - 38px)}.nav{display:none;position:absolute;right:0;left:0;top:75px;background:white;padding:20px 25px 28px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 25px #0002}.nav.open{display:flex}.nav>a{padding:14px;border-bottom:1px solid #eee;font-size:15px}.menu-btn{display:block}.nav-phone{display:none}.login button{font-size:12px}.opening{height:145vh}.hero-inner{width:calc(100% - 56px)}.hero-line{font-size:clamp(58px,8.8vw,95px)}.hero-word{font-size:clamp(70px,11.2vw,116px)}.hero-tags span{font-size:9px}.hero-stamp{display:none}.about-grid{gap:30px}.about-story .lead{font-size:24px}.about h2{font-size:clamp(60px,8vw,85px)}.calc-intro{align-items:start}.calc-sideline{align-self:end;width:225px}.calc-stage{grid-template-columns:1fr}.receipt-wrap{position:static;max-width:580px;margin:0 auto}.receipt-note{max-width:600px;margin:30px auto 0}.receipt-label{max-width:580px;margin:0 auto 12px}.calc-tail{grid-template-columns:1fr 1fr}.calc-tail a{grid-column:1 / -1}.diff-scrolly{gap:5%}.diff-word{font-size:190px}.service-intro{align-items:start}.service-links>a{grid-template-columns:40px 1fr 40px}.serv-explain{grid-column:2}.service-links b{grid-row:1/3;grid-column:3}.software-frame{grid-template-columns:1fr}.software-devices{min-height:440px}.software-text{max-width:660px}.software-caption{right:5%}.device-layer{max-width:590px}.software-little-note{bottom:-5px}.contact h2{font-size:75px}}@media(max-width:600px){html{scroll-padding-top:66px}.header{height:66px}.header.compact{height:60px}.nav{top:66px}.brand img{width:143px}.navwrap{width:calc(100% - 25px)}.login{margin-left:auto}.login button{font-size:11px}.page-width{width:calc(100% - 42px)}.opening{height:136vh}.sticky-hero{min-height:610px}.hero-inner{padding-top:85px;width:calc(100% - 34px)}.hero-kicker{font-size:9px;justify-content:center;letter-spacing:.09em}.intro-secondary{display:none}.hero-center{margin-top:-8%}.hero-overline{font-size:9px;letter-spacing:.13em}.hero-line{font-size:clamp(51px,12vw,75px)}.hero-word{font-size:clamp(58px,13.8vw,86px)}.hero-caption{font-size:18px;line-height:1.4;margin-top:24px}.hero-actions{flex-direction:column;gap:9px;max-width:300px;margin:auto}.pill{min-width:0;width:100%;padding:15px 20px}.hero-tags{gap:8px;justify-content:center}.hero-tags span{font-size:8px;max-width:130px;text-align:center;display:block;line-height:1.4}.hero-tags b{font-size:19px;display:block}.hero-bottom{display:block;padding-bottom:16px}.scroll-prompt{margin-top:25px;justify-content:center;letter-spacing:.09em;font-size:9px}.scroll-arrow{width:34px;height:34px}.marquee{height:50px}.marquee-track{font-size:12px;gap:23px}.about{padding:100px 0 58px;min-height:0}.eyebrow{font-size:10px}.about-grid{grid-template-columns:1fr;gap:35px;margin-top:45px}.about h2{font-size:clamp(63px,15vw,86px)}.about-story{padding-top:10px}.scribble-arrow{display:none}.about-story .lead{font-size:26px}.about-story p{font-size:15px}.about-foot{margin-top:60px;flex-wrap:wrap;font-size:9px;gap:11px}.chapter-num{font-size:290px;right:2%}.calculator-chapter{padding:92px 0 65px}.calc-intro{display:block;margin:30px 0 45px}.calc-intro h2{font-size:clamp(55px,13vw,80px)}.calc-sideline{width:auto;max-width:350px;margin-top:22px}.calc-sideline p{font-size:14px;margin:0 0 7px}.calc-sideline strong{font-size:20px}.hand-drawn-arrow{display:none}.calc-question{grid-template-columns:32px 1fr;padding:23px 0;gap:7px}.calc-question h3{font-size:23px}.choice{padding:13px 14px;font-size:12px}.provider{font-size:22px;margin-right:15px;padding-right:15px}.freq{font-size:11px;padding:10px 12px}.emp-line output{font-size:55px}.receipt{padding:25px 23px}.receipt-total{margin-left:-23px;margin-right:-23px}.receipt-price strong{font-size:69px}.receipt-price{font-size:34px}.calc-tail{margin-top:45px;grid-template-columns:1fr;gap:16px}.calc-tail span{font-size:26px}.difference{padding:90px 0 80px;min-height:0}.difference-ghost{font-size:250px}.diff-head{font-size:clamp(44px,10vw,67px);margin:40px 0 55px}.diff-scrolly{display:block}.diff-left{display:none}.diff-item{min-height:0;opacity:1;padding:36px 0}.diff-item h3{font-size:43px}.diff-item p{font-size:15px}.giveback{padding:85px 0 110px}.giveback-layout{grid-template-columns:1fr;gap:0}.giveback-left{height:230px}.five-outline{font-size:230px}.five-solid{font-size:160px;top:24%;left:9%}.five-solid>span{font-size:48px}.giveback-right h2{font-size:62px}.giveback-right p{font-size:17px}.service-strip{padding:86px 0}.service-intro{display:block;margin:30px 0 55px}.service-intro h2{font-size:60px}.service-intro p{margin-top:27px;font-size:15px}.service-links>a{grid-template-columns:27px 1fr 27px;gap:8px;min-height:120px}.serv-title{font-size:38px}.serv-explain{font-size:12px}.software{padding:90px 0 70px}.hr-logo{width:220px}.software h2{font-size:60px}.software-text>p{font-size:16px}.software-devices{min-height:285px}.device-back{top:30px}.device-front{top:104px}.software-caption{font-size:8px}.software-little-note{font-size:8px;bottom:0}.testimonial{padding:90px 0}.testimonial blockquote{font-size:39px}.contact{padding:95px 0;min-height:0}.contact h2{font-size:clamp(56px,11vw,75px);margin-bottom:45px}.contact-bottom{display:block}.contact-bottom p{margin:0 0 35px}.contact-bottom>div{text-align:left}.contact-email{font-size:20px}.contact-ghost{font-size:260px;top:0}.footer-primary{display:block}.footer-primary img{width:165px;margin-bottom:20px}.footer-primary span{display:block;line-height:1.7}.footer-primary>a{display:block;margin-top:24px}.footer-secondary{display:block}.footer-secondary>div{flex-wrap:wrap;margin-top:20px;gap:17px}.reveal{transform:translateY(22px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.marquee-track,.scroll-arrow{animation:none}.hero-center,.hero-word,.hero-line,.hero-photo,.device-layer{transform:none!important;opacity:1!important}}

/* V3.1: surgical header and hero revision, all subsequent chapters remain V3. */
.header .navwrap { gap: 22px; }
.header .nav { gap: clamp(12px,1.6vw,24px); }
.header .navend { margin-left: auto; }
.hr-login-link { display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#2f4c66;white-space:nowrap;letter-spacing:.018em; border-bottom:1px solid transparent;padding:7px 0; }
.hr-login-link span { font-size:14px;color:#eb5f60;transition:transform .2s; }
.hr-login-link:hover { border-bottom-color:#eb5f60; }
.hr-login-link:hover span { transform:translate(2px,-2px); }
.scroll-meter div { background:#eb5f60; }
.hero-kicker .crosshair, .intro-secondary, .period { color:#eb5f60; }
.hero-kicker .intro-secondary {color:#f1c3c2;}
.pill-mint {background:white;color:#165c7b;}
.pill-mint:hover {background:#eef5f7;}
/* One linked sequence: "We Have a" leaves, "for" leaves, Passion and Nonprofits remain. */
.hero-center {opacity:1;transform:translateY(calc(var(--hero-progress,0) * -12px));}
.hero-center h1 { overflow:visible; }
.hero-line.hero-intro { overflow:visible;max-height:1.05em;opacity:calc(1 - var(--headline-exit,0) * 1.55);transform:translateX(calc(var(--headline-exit,0) * -60vw));will-change:transform,opacity,max-height;max-height:calc((1 - var(--headline-exit,0)) * 1.05em); }
.hero-line.hero-middle {transform:none;white-space:nowrap;}
.hero-exits {display:inline-block;margin-left:.22em;opacity:calc(1 - var(--headline-exit,0) * 1.55);transform:translateX(calc(var(--headline-exit,0)*23vw)) translateY(calc(var(--headline-exit,0)*-13px));will-change:opacity,transform;}
.hero-word {transform:none;}
.hero-overline,.hero-caption,.hero-actions,.hero-kicker,.hero-bottom,.hero-stamp {opacity:calc(1 - var(--headline-quiet,0));transition:opacity .05s linear;}
.hero-benefits {z-index:4;position:absolute;left:0;right:0;bottom:0;height:103px;background:#21212f;color:white;display:grid;align-items:stretch;border-top:1px solid #ffffff15;overflow:hidden;}
.benefit-set {grid-area:1/1;display:grid;grid-template-columns:1fr 1fr 1.25fr;align-items:center;gap:0;width:min(1300px,calc(100% - 90px));margin:auto;will-change:opacity,transform;}
.benefit-original {opacity:1;clip-path:inset(0 calc(var(--benefit-swap,0)*100%) 0 0);transform:none;}
.benefit-specialties {opacity:1;clip-path:inset(0 0 0 calc((1 - var(--benefit-swap,0))*100%));transform:none;}
.benefit-item {display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 20px;min-width:0;height:50px;}
.benefit-item + .benefit-item {border-left:1px solid #ffffff32;}
.benefit-icon {font:normal 44px/1 Arial, sans-serif;flex:0 0 auto;}
.benefit-check,.benefit-heart {color:#eb5f60;}
.benefit-arrow,.benefit-star {color:#bc86d8;}
.benefit-smile,.benefit-worship {color:#e2b950;}
.benefit-item strong {font-size:clamp(11px,1.25vw,20px);font-weight:800;letter-spacing:.025em;line-height:1.15;white-space:nowrap;}
.hero-bottom {justify-content:flex-end;padding-bottom:134px;}
.marquee {background:#16698f;}
.marquee-track {color:#fff;}
.marquee-track b {color:#ee9a94;}
@media (max-width:1150px){
 .header .nav { gap:11px; }
 .header .navwrap { gap:13px; }
 .header .nav>a {font-size:10px;}
 .benefit-set {width:calc(100% - 35px);}
 .benefit-item {gap:10px;padding:9px 12px;}
 .benefit-icon {font-size:38px;}
}
@media (max-width:860px){
 .header .nav {display:none;}
 .header .nav.open {display:flex;}
 .header .nav>a {font-size:15px;}
 .header .navend {margin-left:auto;}
 .benefit-set {grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 20px);}
 .benefit-item strong {font-size:10px;white-space:normal;}
 .benefit-icon {font-size:29px;}
 .hero-bottom {padding-bottom:132px;}
}
@media(max-width:600px){
 .hr-login-link {font-size:10px;}
 .hero-benefits {height:96px;}
 .benefit-item {padding:8px 5px;gap:5px;flex-direction:column;text-align:center;height:85px;}
 .benefit-item strong {font-size:9px;letter-spacing:0;line-height:1.2;}
 .benefit-icon {font-size:28px;}
 .hero-bottom {padding-bottom:116px;}
 .hero-line.hero-middle {white-space:normal;}
 .hero-exits {display:inline-block;margin-left:.22em;}
 .hero-center {margin-top:-5%;}
 .hero-overline {font-size:8px;}
 .hero-line.hero-intro {max-height:calc((1 - var(--headline-exit,0))*1.08em);}
}
@media (prefers-reduced-motion:reduce){
 .hero-line.hero-intro {opacity:1!important;transform:none!important;max-height:none!important;}
 .hero-exits {opacity:1!important;transform:none!important;}
 .benefit-specialties {display:none!important;}
 .benefit-original {opacity:1!important;transform:none!important;clip-path:none!important;}
 .hero-kicker,.hero-overline,.hero-caption,.hero-actions,.hero-bottom,.hero-stamp {opacity:1!important;}
}

/* V3.2: Actual HR+ lettering cropped from the provided GivingHR+ logo. */
.hr-login-link { align-items:center;gap:6px; }
.hr-login-mark { display:block; height:24px; width:auto; flex:none; }
.hr-login-label { font-size:12px; color:#2f4c66; font-weight:700;letter-spacing:.018em; }
.hr-login-link .hr-login-arrow { margin-left:1px; }
@media(max-width:600px){
 .hr-login-mark { height:21px; }
 .hr-login-label { font-size:11px; }
 .hr-login-link { gap:4px; }
}


/* V3.3: keep every original V3 chapter, update only the hero's placement and ticker. */
/* Move the conversational line out from under the fixed navigation to the hero's bottom edge. */
.hero-inner { padding-top:105px; }
.hero-bottom {display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:127px;}
.hero-bottom .hero-kicker {margin:0;max-width:65%;white-space:normal;line-height:1.6;letter-spacing:.11em;font-size:clamp(9px,.84vw,12px);}
.hero-bottom .hero-kicker .crosshair {font-size:23px;vertical-align:middle;margin-right:7px;}
.hero-bottom .scroll-prompt {flex-shrink:0;}
/* One banner. These are the requested differentiators, looping, never the 'Giving great ...' slogan. */
.hero-benefits {position:absolute;inset:auto 0 0;height:103px;display:flex;align-items:center;overflow:hidden;background:#21212f;z-index:4;border-top:1px solid #ffffff15;}
.benefits-motion {display:flex;width:max-content;min-width:max-content;align-items:center;animation:benefit-scroll 37s linear infinite;will-change:transform;}
.benefit-group {display:flex;align-items:center;flex:0 0 auto;gap:0;min-width:max-content;}
.hero-benefits .benefit-item {display:flex;align-items:center;flex:0 0 auto;height:64px;min-width:0;padding:0 clamp(24px,3.1vw,48px);gap:15px;white-space:nowrap;border:0;}
.hero-benefits .benefit-item + .benefit-item {border-left:1px solid #ffffff2e;}
.hero-benefits .benefit-item strong {white-space:nowrap;font-size:clamp(13px,1.3vw,19px);font-weight:800;letter-spacing:.04em;}
.hero-benefits .benefit-icon {font-size:39px;line-height:1;}
.hero-benefits .benefit-check,.hero-benefits .benefit-heart {color:#eb5f60;}
.hero-benefits .benefit-arrow,.hero-benefits .benefit-star {color:#bc86d8;}
.hero-benefits .benefit-smile,.hero-benefits .benefit-worship {color:#e2b950;}
@keyframes benefit-scroll {to{transform:translate3d(-50%,0,0)}}
.hero-benefits:hover .benefits-motion {animation-play-state:paused;}
@media(max-width:860px){
 .hero-bottom {padding-bottom:125px;gap:12px;}
 .hero-bottom .hero-kicker {max-width:68%;font-size:9px;letter-spacing:.075em;}
 .hero-bottom .scroll-prompt {font-size:8px;}
 .hero-benefits {height:92px;}
 .hero-benefits .benefit-item {padding:0 26px;gap:13px;height:58px;flex-direction:row;text-align:left;}
 .hero-benefits .benefit-item strong {font-size:14px;white-space:nowrap;letter-spacing:.02em;}
 .hero-benefits .benefit-icon {font-size:32px;}
}
@media(max-width:600px){
 .hero-bottom {align-items:flex-end;padding-bottom:113px;gap:10px;}
 .hero-bottom .hero-kicker {display:block;max-width:75%;font-size:9px;letter-spacing:.04em;line-height:1.45;}
 .hero-bottom .hero-kicker .crosshair {font-size:16px;margin-right:3px;}
 .hero-bottom .intro-secondary {display:block;padding-left:22px;}
 .hero-bottom .scroll-prompt {gap:5px;}
 .hero-bottom .scroll-prompt span:first-child {display:none;}
 .hero-bottom .scroll-arrow {width:34px;height:34px;font-size:19px;}
 .hero-benefits {height:86px;}
 .hero-benefits .benefit-item {height:54px;padding:0 23px;gap:12px;flex-direction:row;text-align:left;}
 .hero-benefits .benefit-item strong {font-size:13px;white-space:nowrap;}
 .hero-benefits .benefit-icon {font-size:32px;}
 .benefits-motion {animation-duration:38s;}
}
@media(prefers-reduced-motion:reduce){
 .benefits-motion {animation:none!important;}
 .hero-benefits {overflow-x:auto;scrollbar-width:thin;}
}
/* Preserve generous breathing room above the headline after relocating its top kicker. */
@media(min-width:601px){
 .hero-center {margin-top:clamp(76px,9.8vh,105px);}
}
@media(max-width:600px){
 .hero-center {margin-top:4px;}
}
/* Keep the login label legible and distinct from the authentic coral HR+ logo mark. */
.hr-login-link .hr-login-label { color:#2f4c66; }
.hr-login-link .hr-login-arrow { color:#eb5f60; }

/* V3.4: Reuse the existing cobalt-blue moving marquee. Its labels are the only marquee content change. */
.hero-bottom {padding-bottom:24px;}
@media(max-width:860px){.hero-bottom{padding-bottom:20px;}}
@media(max-width:600px){.hero-bottom{padding-bottom:16px;}}
.marquee {background:#16698f;}
.marquee-track {color:#fff;}
.marquee-track b {color:#ee9a94;}
@keyframes marquee {to{transform:translateX(-50%);}}


/* V3.5 refinement: smaller superscript HR+, larger nav, slower blue marquee */
.nav>a{font-size:15px;font-weight:700;letter-spacing:.002em;}
.nav{gap:38px;}
.nav sup{font-size:10px;margin-left:3px;}
.hr-login-link{display:inline-flex;align-items:flex-start;gap:7px;transform:translateY(-8px);}
.hr-login-mark{display:block;height:12px;width:auto;flex:none;position:relative;top:1px;}
.hr-login-label{font-size:12px;color:#2f4c66;font-weight:700;letter-spacing:.012em;}
.hr-login-link .hr-login-arrow{margin-left:2px;color:#eb5f60;font-size:18px;line-height:1;position:relative;top:-1px;}
@media(max-width:1060px){.nav>a{font-size:14px;}}
@media(max-width:860px){.hr-login-link{transform:translateY(-6px);gap:5px;}.hr-login-mark{height:10px;}.hr-login-label{font-size:11px;}}
@media(max-width:600px){.hr-login-link{transform:translateY(-4px);gap:4px;}.hr-login-mark{height:9px;}.hr-login-label{font-size:10px;}.nav>a{font-size:13px;}}
.marquee-track{animation:marquee 44s linear infinite;}
@media(max-width:600px){.marquee-track{animation-duration:50s;}}


/* V3.6: Hero call-to-action labels are centered on both axes.
   The arrow is independently positioned and never included in centering. */
.hero-actions .pill {
  position:relative;
  justify-content:center;
  align-items:center;
  gap:0;
  min-height:70px;
  padding:19px 44px;
  text-align:center;
  font-size:15px;
  line-height:1.2;
  letter-spacing:.04em;
}
.hero-actions .pill-coral {min-width:340px;}
.hero-actions .pill-mint {min-width:280px;}
.hero-actions .pill > span {
  position:absolute;
  top:50%;
  right:22px;
  transform:translateY(-50%);
  line-height:1;
  pointer-events:none;
}
@media(max-width:600px){
  .hero-actions .pill {width:100%;min-width:0;min-height:62px;padding:16px 38px;font-size:13px;}
  .hero-actions .pill > span {right:17px;}
}


/* V3.7 About section refinement */
.about{background:linear-gradient(180deg,#4a4a5f 0%, #47485a 100%);color:#fff;min-height:760px;padding:144px 0 96px;isolation:isolate;}
.about-content{position:relative;z-index:3;}
.about-wash{background:radial-gradient(ellipse at 12% 20%,#ffffff08,transparent 40%), radial-gradient(ellipse at 100% 0%,#ffffff07,transparent 42%);position:absolute;inset:0;z-index:1;}
.about-split{position:absolute;left:0;right:0;top:-2px;height:220px;pointer-events:none;z-index:2;overflow:hidden;}
.about-panel{position:absolute;top:-80px;height:240px;width:56%;background:#2f3140;opacity:.98;box-shadow:0 25px 60px #11131f66;will-change:transform;}
.about-panel-left{left:-3%;clip-path:polygon(0 0,100% 0,74% 100%,0 100%);transform:translateX(calc(var(--about-progress,0) * -118%));}
.about-panel-right{right:-3%;clip-path:polygon(26% 0,100% 0,100% 100%,0 100%);transform:translateX(calc(var(--about-progress,0) * 118%));}
.about-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:9%;margin-top:58px;align-items:start;}
.about-heading{position:relative;padding-top:28px;}
.about h2{font-size:clamp(66px,8.2vw,124px);font-family:var(--serif);letter-spacing:-.072em;line-height:.91;font-weight:normal;margin:0;}
.about h2 .about-key{color:var(--mint);font-style:italic;font-weight:normal;display:inline-block;position:relative;}
.about h2 .about-key-payroll{font-style:normal;}
.about h2 .about-word{display:inline-block;opacity:calc(var(--about-progress,0) * 1.3 - .05);will-change:transform,opacity;}
.about-word-a{transform:translateX(calc((1 - var(--about-progress,0)) * -95px));}
.about-word-b{transform:translateX(calc((1 - var(--about-progress,0)) * 90px));}
.about-word-c{transform:translateY(calc((1 - var(--about-progress,0)) * 78px));}
.about-key-good{transform:translateY(calc((1 - var(--about-progress,0)) * -8px));}
.about-key-payroll{transform:translateX(calc((1 - var(--about-progress,0)) * 6px));}
.good-arrow{position:absolute;left:56%;top:26px;font-family:var(--serif);font-size:68px;line-height:1;color:var(--gold);transform:rotate(-18deg) translateY(calc((1 - var(--about-progress,0)) * -10px));text-shadow:0 4px 18px #0003;}
.about-story{padding:44px 42px 36px;background:linear-gradient(180deg,#ffffff06,#ffffff02);border:1px solid #ffffff1a;box-shadow:0 24px 70px #1f1f2d23;backdrop-filter:blur(1px);position:relative;}
.about-story::before{content:'';position:absolute;inset:0 auto 0 -1px;width:4px;background:linear-gradient(180deg,var(--gold),#f2cf72 58%,transparent 100%);opacity:.85;}
.about-story .lead{font-family:var(--serif);font-size:31px;line-height:1.23;color:#fff;margin:0 0 26px;max-width:540px;}
.about-story p{color:#ececf2;font-size:16px;line-height:1.85;margin:0 0 22px;max-width:590px;}
.about-foot{display:none !important;}
@media(max-width:860px){
  .about{padding:118px 0 76px;}
  .about-grid{grid-template-columns:1fr;gap:38px;}
  .about-heading{padding-top:12px;}
  .about h2{font-size:clamp(66px,10vw,98px);}
  .good-arrow{left:45%;top:12px;font-size:58px;}
  .about-story{padding:34px 28px 28px;}
  .about-story .lead{font-size:26px;}
  .about-panel{height:210px;top:-68px;}
}
@media(max-width:600px){
  .about{padding:94px 0 56px;}
  .about-split{height:150px;}
  .about-panel{height:155px;top:-40px;width:58%;}
  .about h2{font-size:clamp(64px,15.5vw,88px);line-height:.93;}
  .about-word-a,.about-word-b,.about-word-c,.about-key-good,.about-key-payroll,.good-arrow{transform:none;opacity:1;}
  .good-arrow{left:56%;top:-8px;font-size:42px;}
  .about-story{padding:30px 22px 24px;}
  .about-story .lead{font-size:24px;}
  .about-story p{font-size:15px;line-height:1.72;}
}
@media(prefers-reduced-motion:reduce){
  .about-word-a,.about-word-b,.about-word-c,.about-key-good,.about-key-payroll,.good-arrow,.about-panel-left,.about-panel-right{transform:none !important;opacity:1 !important;}
}

/* V3.9 | Payroll first: transparent published rates and one-provider-at-a-time guided flow. */
[hidden]{display:none!important;}
.calculator-chapter{
  background:linear-gradient(165deg,#eff3f6 4%,#e6edf2 56%,#f3f6f7 100%);
  margin-top:-82px;
  padding:193px 0 102px;
  clip-path:polygon(0 0,100% 82px,100% 100%,0 100%);
  position:relative;
  z-index:6;
}
.calculator-chapter::after{
  content:'';position:absolute;top:65px;left:0;right:0;height:180px;
  background:linear-gradient(163deg,#fff8,transparent 64%);
  pointer-events:none;opacity:.35;
}
.calc-head,.calc-stage,.calc-tail,.provider-legal{position:relative;z-index:2;}
.calc-intro{margin:38px 0 65px;align-items:end;}
.calc-intro h2{font-size:clamp(67px,7.1vw,117px);letter-spacing:-.064em;}
.calc-intro h2 em{white-space:nowrap;}
.calc-sideline{margin-bottom:12px;}
.calc-sideline p{color:#5b6371;}
.calc-stage{grid-template-columns:minmax(0,1.19fr) minmax(330px,.81fr);gap:64px;align-items:start;}
.pricing-flow-intro{display:flex;align-items:center;gap:14px;margin:2px 0 20px;color:#545c69;font-size:11px;letter-spacing:.14em;font-weight:800;}
.flow-rule{height:2px;background:var(--coral);width:29px;flex:none;}
.calc-question{border-top:1px solid #cbd4d9;padding:31px 0 35px;grid-template-columns:46px minmax(0,1fr);}
.calc-question-content{min-width:0;}
.calc-question .calc-q-index{font:italic 28px/1 var(--serif);color:var(--coral);}
.calc-question h3{font-size:29px;margin:0 0 22px;}
.step-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px;}
.step-state{flex:none;white-space:nowrap;font-weight:800;font-size:9px;letter-spacing:.15em;color:#838d99;}
.calc-question.is-locked{opacity:.32;filter:grayscale(1);transition:opacity .36s,filter .36s;}
.calc-question:not(.is-locked){opacity:1;filter:none;transition:opacity .36s,filter .36s;}
.calc-question:disabled{cursor:not-allowed;}
.calc-question:disabled button{cursor:not-allowed;}
.provider-q{padding-top:35px;padding-bottom:44px;}
.provider-selector{display:grid;grid-template-columns:45px minmax(0,1fr) 45px;align-items:center;gap:15px;}
.provider-nav-button{font:normal 42px/1 var(--serif);border:1px solid #b9c5cc;color:#34475a;background:#f9fbfc;width:45px;height:68px;transition:background .2s,border-color .2s,color .2s;}
.provider-nav-button:hover,.provider-nav-button:focus-visible{background:#dce9ed;border-color:#537b92;color:#146a8e;}
.provider-viewport{position:relative;min-height:215px;background:#fff;border-top:3px solid #4b596a;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:28px 15px 20px;}
.provider-brand{height:91px;max-width:100%;min-width:0;display:grid;place-items:center;}
.brand-slide{display:none;align-items:center;justify-content:center;width:100%;min-width:0;height:91px;gap:12px;}
.brand-slide.active{display:flex;}
.brand-slide img{display:none;width:100%;max-width:235px;max-height:86px;object-fit:contain;}
.brand-slide.has-image img{display:block;}
.brand-slide.has-image .logo-fallback{display:none;}
.brand-slide[data-slide=adp] img{max-width:142px;max-height:78px;}
.brand-slide[data-slide=sure] img{max-width:240px;max-height:82px;}
.brand-slide[data-slide=quickbooks] img{max-width:64px;max-height:64px;}
.brand-slide[data-slide=quickbooks] .quickbooks-name{display:flex;align-items:flex-start;flex-direction:column;font-weight:800;line-height:1.04;font-size:26px;color:#263943;letter-spacing:-.035em;}
.brand-slide[data-slide=quickbooks] .quickbooks-name small{font-size:13px;font-weight:700;letter-spacing:.06em;color:#626c78;padding-top:5px;}
.logo-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap;}
.adp-fallback{font:900 63px/1 Arial,sans-serif;letter-spacing:-.13em;color:#e2231a;}
.sure-fallback{font:700 33px/1.05 Arial,sans-serif;letter-spacing:-.05em;color:#054537;}
.sure-fallback small{font:700 10px/1.1 Arial,sans-serif;align-self:flex-end;letter-spacing:.06em;color:#495d57;margin-top:2px;}
.qb-fallback{display:none;}
.provider-descriptor{font:12px/1.45 Arial,sans-serif;color:#66707b;max-width:340px;min-height:32px;margin:4px auto 12px;}
.provider-position{font-weight:800;font-size:10px;letter-spacing:.22em;color:#7b8892;}
.provider-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;}
.provider-controls>span{font-size:9px;letter-spacing:.11em;font-weight:800;color:#87919d;line-height:1.6;max-width:190px;}
.confirm-provider{display:flex;align-items:center;justify-content:space-between;gap:23px;min-width:168px;max-width:260px;padding:15px 18px;border:0;background:var(--coral);color:#fff;font-size:11px;letter-spacing:.045em;font-weight:800;transition:background .2s,transform .2s;}
.confirm-provider:hover{background:#d64a4a;transform:translateY(-2px);}
.confirm-provider span{font-size:17px;font-weight:400;}
.provider-disclosure{font-size:12px;line-height:1.5;color:#6d7783;margin:16px 0 0;}
.choice{font-size:13px;padding:15px 21px;}
.freq-options{gap:7px;}
.freq{padding:13px 12px;}
.emp-line{align-items:center;border-top:1px dashed #c2cbd2;padding-top:13px;}
.emp-line span{color:#717b87;font-size:12px;}
.emp-line output{font-size:62px;}
.quickbooks-aside{border-top:3px solid #2c9e38;background:#fff;padding:27px 30px;margin-top:28px;box-shadow:8px 11px 0 #cfdbdf;}
.quickbooks-aside .eyebrow{font-size:10px;letter-spacing:.11em;color:#23822c;}
.quickbooks-aside p{color:#4e5864;line-height:1.7;font-size:15px;margin:15px 0 18px;}
.quickbooks-aside a{font-size:11px;font-weight:800;letter-spacing:.1em;color:#227f31;border-bottom:1px solid #227f31;padding-bottom:8px;}
.receipt-wrap{top:92px;}
.receipt-label{font-size:12px;color:#364253;}
.receipt{background:#fff;box-shadow:8px 14px 0 #d7e0e6;padding-top:32px;}
.receipt-top img{width:160px;}
.receipt-top{padding-bottom:24px;}
.receipt-waiting{text-align:center;padding:58px 14px 70px;min-height:370px;}
.waiting-count{font:normal 55px/1 var(--serif);color:#b2c0c9;display:block;margin-bottom:28px;letter-spacing:-.03em;}
.waiting-count i{font-size:20px;font-style:normal;color:var(--coral);}
.receipt-waiting strong{font:normal 27px/1.18 var(--serif);color:#434e60;display:block;max-width:280px;margin:0 auto;}
.receipt-waiting p{font-size:13px;color:#7a8490;line-height:1.6;max-width:280px;margin:20px auto 0;}
.receipt-total{background:#e1f0ed;padding:22px 20px;margin-top:20px;border-top:2px solid #9acac0;border-bottom:2px solid #9acac0;}
.receipt-total>span{font-size:11px;letter-spacing:.13em;color:#2b6257;}
.receipt-price{font-family:var(--serif);letter-spacing:-.06em;color:#1a4444;}
.receipt-price strong{font-size:clamp(65px,6.4vw,104px);font-weight:normal;white-space:nowrap;}
.receipt-total small{max-width:290px;color:#54766f;}
.receipt-math{margin:21px 0;border-bottom:1px dashed #aabbbd;padding-bottom:13px;}
.receipt-math>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#5a6673;margin:9px 0;}
.receipt-math strong{font-family:'Courier New',monospace;color:#3c4854;white-space:nowrap;}
.receipt-line.secondary{font-size:11px;padding:8px 0;color:#626e79;}
.receipt-services,.receipt-extras{border-top:1px solid #dce5e6;margin-top:20px;padding-top:18px;}
.receipt-services h4,.receipt-extras h4{font-size:10px;letter-spacing:.14em;color:#526672;margin:0 0 12px;}
.receipt-services ul,.receipt-extras ul{margin:0;padding:0;list-style:none;}
.receipt-services li{font-size:12px;color:#3e505b;padding:5px 0 5px 23px;position:relative;line-height:1.4;}
.receipt-services li::before{content:'✓';color:#188f74;font-size:15px;position:absolute;left:0;top:3px;}
.receipt-extras li{font-size:12px;color:#67727d;padding:5px 0 5px 22px;position:relative;line-height:1.5;}
.receipt-extras li::before{content:'+';color:var(--coral);font-size:18px;position:absolute;left:0;top:2px;}
.receipt-qb{padding:42px 8px 55px;min-height:340px;}
.receipt-qb strong{font:normal 30px/1.2 var(--serif);color:#273f48;}
.receipt-qb p{font-size:14px;line-height:1.75;color:#596773;}
.receipt-qb span{display:block;color:#2a9247;font-size:11px;letter-spacing:.1em;line-height:1.7;font-weight:800;}
.receipt-bottom{font-size:10px;letter-spacing:.11em;}
.receipt-note{max-width:390px;color:#6a7683;}
.provider-legal{font-size:10px;line-height:1.5;color:#86929f;margin-top:48px;}
@media(max-width:1150px){
 .calc-intro h2{font-size:clamp(59px,7.2vw,90px);}
 .calc-stage{grid-template-columns:minmax(0,1fr) minmax(300px,.86fr);gap:34px;}
 .calc-intro h2 em{white-space:normal;}
 .provider-selector{grid-template-columns:35px minmax(0,1fr) 35px;gap:7px;}
 .provider-nav-button{width:35px;height:61px;}
 .provider-viewport{padding:24px 11px 19px;}
}
@media(max-width:860px){
 .calculator-chapter{margin-top:-60px;padding-top:164px;clip-path:polygon(0 0,100% 60px,100% 100%,0 100%);}
 .calc-stage{grid-template-columns:1fr;gap:45px;}
 .receipt-wrap{position:static;max-width:620px;}
 .receipt-note{max-width:620px;}
 .receipt{max-width:620px;}
 .calc-intro{margin-bottom:48px;}
 .calc-intro h2{font-size:clamp(57px,8.1vw,90px);}
}
@media(max-width:600px){
 .calculator-chapter{margin-top:-40px;padding-top:122px;padding-bottom:80px;clip-path:polygon(0 0,100% 40px,100% 100%,0 100%);}
 .calc-intro h2{font-size:clamp(49px,12vw,68px);}
 .calc-intro{margin-bottom:34px;}
 .calc-question{grid-template-columns:32px minmax(0,1fr);gap:7px;padding:24px 0;}
 .calc-question h3{font-size:22px;}
 .step-head{gap:8px;}
 .step-state{font-size:8px;}
 .provider-selector{grid-template-columns:34px minmax(0,1fr) 34px;gap:5px;}
 .provider-nav-button{width:34px;height:58px;font-size:32px;}
 .provider-viewport{padding:21px 5px 18px;min-height:185px;}
 .provider-brand{height:65px;}
 .brand-slide{height:65px;}
 .brand-slide[data-slide=adp] img{max-height:57px;max-width:105px;}
 .brand-slide[data-slide=sure] img{max-height:61px;}
 .brand-slide[data-slide=quickbooks] img{max-width:37px;max-height:37px;}
 .brand-slide[data-slide=quickbooks] .quickbooks-name{font-size:18px;}
 .adp-fallback{font-size:44px;}
 .sure-fallback{font-size:23px;}
 .provider-descriptor{font-size:11px;}
 .provider-position{font-size:9px;}
 .provider-controls{gap:9px;}
 .provider-controls>span{font-size:8px;max-width:120px;}
 .confirm-provider{min-width:130px;padding:13px 12px;font-size:10px;gap:8px;}
 .receipt-price strong{font-size:clamp(61px,13vw,86px);}
 .receipt-total{margin-left:-23px;margin-right:-23px;}
 .pricing-flow-intro{font-size:9px;}
}
@media(prefers-reduced-motion:reduce){.provider-nav-button,.confirm-provider{transition:none;}}

/* Keep progressive steps as clean editorial rules, not fieldset boxes. */
fieldset.calc-question{border:0;border-top:1px solid #cbd4d9;margin:0;padding-left:0;padding-right:0;min-width:0;}
@media(max-width:600px){fieldset.calc-question{padding-left:0;padding-right:0;}}

/* V3.10: User-provided, local provider marks (no external image requests). */
.provider-brand, .brand-slide {height:110px;}
.provider-viewport {min-height:235px;}
.brand-slide[data-slide=adp] img {max-width:207px;max-height:110px;}
.brand-slide[data-slide=sure] img {max-width:272px;max-height:79px;}
.brand-slide[data-slide=quickbooks] img {max-width:106px;max-height:106px;}
.brand-slide[data-slide=quickbooks] .quickbooks-name {display:none;}
@media(max-width:600px){
  .provider-brand, .brand-slide {height:94px;}
  .provider-viewport {min-height:211px;}
  .brand-slide[data-slide=adp] img {max-width:163px;max-height:92px;}
  .brand-slide[data-slide=sure] img {max-width:200px;max-height:66px;}
  .brand-slide[data-slide=quickbooks] img {max-width:90px;max-height:90px;}
}


/* V3.11 payroll pricing refinements */
:root{--paper-soft:#f3f1ee;}
.calculator-chapter{background:var(--paper-soft);padding:92px 0 90px;position:relative;--pricing-progress:0;overflow:hidden;}
.calculator-chapter::before,.calculator-chapter::after{content:'';position:absolute;top:-148px;height:208px;width:57%;background:var(--paper-soft);z-index:1;box-shadow:0 18px 50px rgba(28,32,47,.08);will-change:transform;}
.calculator-chapter::before{left:-5%;clip-path:polygon(0 0,100% 18%,82% 100%,0 100%);transform:translateX(calc((1 - var(--pricing-progress,0)) * -106%));}
.calculator-chapter::after{right:-5%;clip-path:polygon(18% 18%,100% 0,100% 100%,0 100%);transform:translateX(calc((1 - var(--pricing-progress,0)) * 106%));}
.calculator-chapter .page-width,.calculator-chapter .calc-stage,.calculator-chapter .calc-tail,.calculator-chapter .provider-legal{position:relative;z-index:2;}
.calc-head{margin-top:-8px;}
.calc-intro{margin:28px 0 46px;align-items:flex-start;gap:32px;position:relative;}
.calc-intro h2{position:relative;padding-top:6px;}
.calc-intro h2::after{content:'';position:absolute;left:0;bottom:-18px;width:236px;height:4px;background:var(--coral);opacity:.9;}
.calc-sideline{width:330px;max-width:100%;align-self:flex-start;margin-top:18px;padding-right:26px;}
.calc-sideline p{font-size:18px;line-height:1.58;color:#677182;margin:0 0 16px;}
.calc-sideline strong{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:28px;color:#505160;}
.hand-drawn-arrow{position:absolute;left:67%;top:44px;font:normal 82px var(--serif);line-height:1;color:var(--mint);transform:rotate(6deg);text-align:left;pointer-events:none;}
.calc-sideline::after{content:'↙';position:absolute;right:8px;bottom:-4px;font:normal 52px var(--serif);line-height:1;color:var(--coral);transform:scaleX(-1) rotate(-8deg);pointer-events:none;}
.calc-stage{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:48px;align-items:start;}
.calc-left{padding-top:0;}
.pricing-flow-intro{margin-bottom:18px;font-size:11px;letter-spacing:.14em;color:#646f7c;display:flex;gap:15px;align-items:center;}
.flow-rule{width:40px;height:3px;background:var(--coral);display:inline-block;}
.calc-question{padding:24px 0 26px;}
.step-head{display:flex;justify-content:space-between;align-items:center;gap:18px;}
.step-state{font-size:11px;letter-spacing:.12em;color:#91a0b4;}
.calc-question.is-locked,.calc-question:not(.is-locked){opacity:1;filter:none;}
.calc-question:disabled,.calc-question:disabled button{cursor:pointer;}
.provider-selector{grid-template-columns:46px minmax(0,1fr) 46px;gap:16px;align-items:center;}
.provider-nav-button{width:46px;height:80px;border:none;background:#ece9e3;color:#56708d;font-size:42px;box-shadow:none;}
.provider-nav-button:hover{background:#dde4e8;color:#31475f;}
.provider-viewport{min-height:190px;padding:22px 14px 14px;border:1px solid #dbddd8;background:rgba(255,255,255,.35);backdrop-filter:blur(2px);}
.provider-brand,.brand-slide{height:98px;}
.brand-slide[data-slide=adp] img{max-width:225px;max-height:112px;}
.brand-slide[data-slide=sure] img{max-width:284px;max-height:84px;}
.brand-slide[data-slide=quickbooks] img{max-width:106px;max-height:106px;}
.provider-descriptor{font-size:16px;line-height:1.58;color:#718093;max-width:420px;min-height:48px;margin:6px auto 12px;}
.provider-position{font-size:11px;letter-spacing:.22em;color:#8d9aac;}
.provider-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;}
.provider-controls>span{font-size:13px;letter-spacing:.01em;font-weight:600;color:#6c7580;line-height:1.5;max-width:285px;text-transform:none;}
.confirm-provider{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-width:208px;padding:16px 20px;border:0;background:var(--coral);color:#fff;font-size:13px;letter-spacing:.08em;font-weight:800;box-shadow:none;}
.confirm-provider span{font-size:18px;}
.provider-disclosure{font-size:13px;line-height:1.6;color:#778392;margin:13px 0 0;max-width:520px;}
.choice,.freq{font-size:14px;padding:14px 18px;}
.choice.active,.freq.active{background:var(--coral);border-color:var(--coral);color:#fff;}
.choice.active span,.freq.active span{color:#fff;}
.emp-line output{font-size:62px;}
.receipt-wrap{padding-top:10px;}
.receipt-label{font-size:11px;letter-spacing:.22em;color:#47586f;display:flex;align-items:center;gap:10px;}
.receipt-label span{color:var(--coral);transform:scaleX(-1);display:inline-block;}
.receipt{background:#fffefb;box-shadow:0 20px 55px rgba(40,44,56,.08);}
.receipt-waiting{padding:44px 14px 52px;min-height:240px;}
.receipt-cta{margin-top:18px;}
.quickbooks-aside{border-top:3px solid #338c3f;background:#ffffffb8;box-shadow:none;padding:22px 24px;}
.calc-tail{margin-top:48px;align-items:center;}
.provider-legal{margin-top:34px;}
@media(max-width:1150px){
  .calc-stage{grid-template-columns:1fr;gap:38px;}
  .calc-sideline{width:100%;max-width:360px;}
}
@media(max-width:860px){
  .calculator-chapter{padding:84px 0 74px;}
  .calculator-chapter::before,.calculator-chapter::after{top:-110px;height:150px;width:60%;}
  .calc-intro{margin:24px 0 36px;gap:22px;}
  .hand-drawn-arrow{left:56%;top:58px;font-size:64px;}
  .calc-sideline::after{right:2px;bottom:-12px;font-size:42px;}
  .provider-controls{flex-direction:column;align-items:flex-start;}
  .provider-controls>span{max-width:none;}
}
@media(max-width:600px){
  .calculator-chapter{padding:74px 0 62px;}
  .calculator-chapter::before,.calculator-chapter::after{top:-75px;height:110px;width:62%;box-shadow:none;}
  .calc-intro{display:block;margin:22px 0 28px;}
  .calc-intro h2::after{width:150px;bottom:-10px;}
  .calc-sideline{margin-top:20px;padding-right:0;}
  .calc-sideline p{font-size:15px;}
  .calc-sideline strong{font-size:22px;}
  .hand-drawn-arrow{left:68%;top:34px;font-size:44px;}
  .calc-sideline::after{right:14px;bottom:-6px;font-size:36px;}
  .pricing-flow-intro{font-size:10px;line-height:1.45;}
  .provider-selector{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;}
  .provider-nav-button{width:38px;height:62px;font-size:34px;}
  .provider-viewport{min-height:168px;padding:18px 8px 12px;}
  .provider-brand,.brand-slide{height:76px;}
  .brand-slide[data-slide=adp] img{max-width:170px;max-height:84px;}
  .brand-slide[data-slide=sure] img{max-width:190px;max-height:58px;}
  .brand-slide[data-slide=quickbooks] img{max-width:84px;max-height:84px;}
  .provider-descriptor{font-size:13px;min-height:36px;}
  .provider-controls>span{font-size:12px;}
  .confirm-provider{min-width:168px;padding:14px 16px;font-size:12px;}
  .step-state{font-size:9px;}
}
@media(prefers-reduced-motion:reduce){
  .calculator-chapter::before,.calculator-chapter::after{transform:none !important;}
}


/* V3.12 surgical edits: interactive inward-sliding paper transition + simpler payroll picker. */
.pricing-wipe{
  --wipe-left:0%;--wipe-right:0%;
  position:relative; z-index:7; pointer-events:none; overflow:hidden;
  height:185px; margin-top:-140px; background:#47485a;
}
.pricing-wipe-left,.pricing-wipe-right{
  position:absolute;top:-1px;bottom:-1px;width:59%;background:#f3f1ee;
  will-change:transform;transition:none;
}
.pricing-wipe-left{left:0;clip-path:polygon(0 0,100% 0,84% 100%,0 100%);transform:translate3d(var(--wipe-left),0,0);}
.pricing-wipe-right{right:0;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);transform:translate3d(var(--wipe-right),0,0);}
.calculator-chapter{margin-top:-1px;clip-path:none;background:#f3f1ee;padding:52px 0 86px;overflow:visible;}
.calculator-chapter::before,.calculator-chapter::after{display:none;content:none;}
.calc-head{margin-top:0;}
.calc-intro{margin:26px 0 40px;align-items:center;}
.calc-intro h2::after{content:none;}
.calc-intro h2{position:relative;}
.pricing-good-arrow{position:absolute;top:-72px;left:55%;font:normal 73px/1 Georgia,serif;color:var(--mint);transform:rotate(-8deg);text-shadow:none;pointer-events:none;}
.hand-drawn-arrow{display:none;}
.calc-sideline::after{content:none;display:none;}
.calc-sideline{margin-top:4px;}
.calc-stage{gap:44px;}
.pricing-flow-intro{margin:2px 0 13px;}
.calc-question,fieldset.calc-question{display:block;grid-template-columns:none;gap:0;padding:23px 0 27px;}
.calc-question-content{width:100%;}
.calc-question h3{font-size:clamp(24px,2.25vw,32px);letter-spacing:-.025em;margin:0 0 18px;}
.step-head{gap:16px;}
.step-state{font-size:10px;font-weight:700;color:#697785;letter-spacing:.08em;}
.provider-q{padding-top:25px;}
.provider-selector{grid-template-columns:42px minmax(0,1fr) 42px;gap:12px;}
.provider-nav-button{width:42px;height:70px;font-size:39px;background:#e8e9e7;border:0;}
.provider-viewport{padding:19px 12px 16px;min-height:188px;background:#fdfcfb;border:1px solid #d9dcd9;border-top:0;}
.provider-brand,.brand-slide{height:89px;}
.brand-slide[data-slide=adp] img{max-width:205px;max-height:93px;}
.brand-slide[data-slide=sure] img{max-width:272px;max-height:78px;}
.provider-descriptor{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;color:#60707f;min-height:40px;margin:4px auto 0;}
.provider-controls{align-items:center;margin-top:14px;}
.provider-controls>span{font:normal 13px/1.6 Arial,Helvetica,sans-serif;letter-spacing:0;color:#5b6775;max-width:270px;}
.confirm-provider{font-size:13px;min-width:176px;padding:16px 18px;}
.provider-disclosure{color:#657484;font-size:13px;margin-top:10px;}
.choice{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;font-weight:600;padding:14px 18px;min-width:170px;line-height:1.15;}
.choice span{margin-left:0;}
.nonprofit-heart{font-size:29px;line-height:1;}
.smallbiz-icon{width:23px;height:23px;flex:none;color:currentColor;}
.freq{font-size:14px;}
.receipt-wrap{top:40px;padding-top:0;}
.receipt{box-shadow:0 16px 36px rgba(22,30,45,.10);}
.receipt-top{padding-top:7px;}
.cta-no-obligation{font-size:13px;line-height:1.5;color:#596676;margin:9px 0 12px;text-align:center;}
.receipt-cta{justify-content:center;text-align:center;position:relative;font-size:14px;letter-spacing:.07em;}
.receipt-cta span{position:absolute;right:19px;top:50%;transform:translateY(-50%);}
.calc-tail{grid-template-columns:106px minmax(0,1fr) auto;gap:25px;align-items:center;margin-top:55px;padding-top:26px;}
.calc-tail .quickbooks-cert{width:94px;max-height:104px;object-fit:contain;}
.quickbooks-tail-copy span{font-family:var(--serif);font-size:25px;line-height:1.1;color:#46495a;}
.quickbooks-tail-copy p{font-size:14px;line-height:1.65;color:#5e6875;margin:8px 0 0;max-width:490px;}
.calc-tail>a{font-size:12px;white-space:nowrap;}
@media(max-width:1150px){
 .calc-stage{grid-template-columns:1fr;gap:24px;}
 .receipt-wrap{top:0;position:static;max-width:600px;margin:0 auto;}
 .calc-intro h2{font-size:clamp(65px,6.9vw,95px);}
 .pricing-good-arrow{top:-54px;left:57%;font-size:61px;}
}
@media(max-width:860px){
 .pricing-wipe{height:146px;margin-top:-106px;}
 .calculator-chapter{margin-top:-1px;padding:50px 0 70px;clip-path:none;}
 .calc-stage{gap:28px;}
 .calc-intro{margin:20px 0 32px;}
 .calc-tail{grid-template-columns:86px 1fr;gap:20px;}
 .calc-tail .quickbooks-cert{width:83px;}
 .calc-tail>a{grid-column:2;justify-self:start;}
}
@media(max-width:600px){
 .pricing-wipe{height:118px;margin-top:-80px;}
 .calculator-chapter{margin-top:-1px;padding:48px 0 60px;clip-path:none;}
 .calc-intro{margin:16px 0 28px;}
 .calc-intro h2{font-size:clamp(49px,11.7vw,65px);}
 .pricing-good-arrow{top:-38px;left:53%;font-size:41px;}
 .calc-question,fieldset.calc-question{display:block;padding:22px 0;}
 .calc-question h3{font-size:24px;}
 .step-head{align-items:flex-start;}
 .step-state{font-size:9px;text-align:right;max-width:104px;}
 .provider-selector{grid-template-columns:35px minmax(0,1fr) 35px;gap:6px;}
 .provider-nav-button{width:35px;height:62px;font-size:31px;}
 .provider-viewport{min-height:166px;padding:18px 8px 12px;}
 .provider-brand,.brand-slide{height:77px;}
 .brand-slide[data-slide=adp] img{max-width:160px;max-height:79px;}
 .brand-slide[data-slide=sure] img{max-width:194px;max-height:57px;}
 .provider-descriptor{font-size:12px;min-height:37px;}
 .provider-controls{flex-direction:column;align-items:stretch;gap:13px;}
 .provider-controls>span{max-width:none;font-size:12px;}
 .confirm-provider{align-self:flex-start;min-width:175px;font-size:12px;}
 .choice{min-width:0;font-size:13px;gap:10px;padding:13px 13px;}
 .nonprofit-heart{font-size:25px;}
 .smallbiz-icon{width:21px;height:21px;}
 .freq{font-size:12px;}
 .calc-tail{display:grid;grid-template-columns:64px 1fr;gap:12px;margin-top:38px;}
 .calc-tail .quickbooks-cert{width:58px;}
 .quickbooks-tail-copy span{font-size:23px;}
 .quickbooks-tail-copy p{font-size:13px;}
 .calc-tail>a{grid-column:1 / -1;}
}
@media(prefers-reduced-motion:reduce){
 .pricing-wipe{--wipe-left:0%!important;--wipe-right:0%!important;}
 .pricing-wipe-left,.pricing-wipe-right{transform:none!important;}
}

/* Allow space for the wipe without covering the end of the About copy. */
.about{padding-bottom:max(150px,11vw);}
@media(max-width:600px){.about{padding-bottom:115px;}}


/* V3.13 compact pricing pass */
.pricing-wipe{height:118px;margin-top:-82px;}
.calculator-chapter{padding:26px 0 78px;}
.calc-intro{margin:12px 0 24px;align-items:flex-end;}
.calc-intro h2{margin:0;line-height:.94;}
.pricing-good-arrow{top:-24px;left:57%;font-size:54px;transform:none;}
.calc-sideline{margin-top:0;align-self:center;position:relative;max-width:320px;}
.calc-sideline::after{content:'↙';display:block;position:absolute;right:26px;top:100%;margin-top:18px;font:normal 44px/1 Georgia,serif;color:var(--coral);transform:rotate(-6deg);pointer-events:none;}
.calc-stage{gap:30px;align-items:start;}
.pricing-flow-intro{margin:0 0 12px;}
.provider-state-hidden{display:none;}
.provider-controls-clean{justify-content:flex-end;margin-top:12px;}
.provider-disclosure{display:none;}
.provider-q{padding-top:18px;}
.provider-selector{grid-template-columns:40px minmax(0,1fr) 40px;gap:10px;}
.provider-viewport{min-height:174px;}
.provider-descriptor{min-height:22px;margin-top:6px;}
.calc-question,fieldset.calc-question{padding:20px 0 22px;}
.step-head{margin-bottom:2px;}
.calc-question h3{margin-bottom:14px;}
.choice-pills,.freq-options{gap:12px;}
.choice{min-width:190px;padding:14px 20px;}
.nonprofit-heart{font-size:34px;}
.smallbiz-icon{width:26px;height:26px;}
.calc-right{position:relative;}
.receipt-wrap{top:12px;padding-top:0;position:sticky;}
.receipt-wrap::before{content:'↙';position:absolute;right:22px;top:-42px;font:normal 48px/1 Georgia,serif;color:var(--coral);transform:rotate(-7deg);pointer-events:none;}
.receipt-top small{letter-spacing:.18em;}
.pricing-details-compact{display:grid;grid-template-columns:1fr;gap:18px;margin-top:10px;padding-top:4px;}
.pricing-details-compact .receipt-services,
.pricing-details-compact .receipt-extras{background:rgba(255,255,255,.48);border-top:1px solid #d8dfde;border-bottom:1px solid #d8dfde;padding:20px 22px;}
.pricing-details-compact h4{margin:0 0 14px;font-size:12px;letter-spacing:.16em;color:#526473;}
.pricing-details-compact ul{margin:0;padding:0;list-style:none;display:grid;gap:13px;}
.pricing-details-compact li{position:relative;padding-left:46px;font-size:16px;line-height:1.4;color:#45586a;}
.pricing-details-compact .receipt-services li::before{content:'✓';position:absolute;left:0;top:-1px;color:#149976;font-size:22px;line-height:1;}
.pricing-details-compact .receipt-extras li::before{content:'+';position:absolute;left:4px;top:-5px;color:var(--coral);font-size:34px;line-height:1;}
.receipt-services,.receipt-extras{margin:0;}
.receipt-services ul,.receipt-extras ul{list-style:none;padding:0;margin:0;}
.receipt-note{margin-top:10px;}
.calc-tail{margin-top:34px;padding-top:20px;}
.about{padding-bottom:max(96px,7vw);}
@media(max-width:1150px){
  .receipt-wrap{position:static;top:0;}
  .receipt-wrap::before{right:18px;top:-30px;}
}
@media(max-width:860px){
  .pricing-wipe{height:92px;margin-top:-60px;}
  .calculator-chapter{padding:18px 0 62px;}
  .calc-intro{margin:8px 0 18px;}
  .pricing-good-arrow{top:-18px;left:58%;font-size:44px;}
  .calc-sideline{max-width:100%;}
  .calc-sideline::after{right:12px;margin-top:8px;font-size:36px;}
  .calc-stage{gap:22px;}
}
@media(max-width:600px){
  .pricing-wipe{height:72px;margin-top:-44px;}
  .calculator-chapter{padding:12px 0 54px;}
  .calc-intro{margin:6px 0 14px;}
  .pricing-good-arrow{top:-14px;left:61%;font-size:34px;}
  .calc-sideline::after{right:0;margin-top:6px;font-size:32px;}
  .provider-controls-clean{justify-content:flex-start;}
  .choice{min-width:0;}
  .pricing-details-compact .receipt-services,
  .pricing-details-compact .receipt-extras{padding:16px 16px;}
  .pricing-details-compact li{padding-left:38px;font-size:15px;}
  .receipt-wrap::before{right:12px;top:-24px;font-size:34px;}
}



/* V3.15: scroll choreography inspired by the existing Giving Payroll website.
   The split panels close, editorial introduction rises, and the step rule
   follows the viewport. Provider and price controls remain steady. */
.provider-state-hidden,#providerState{display:none!important;}
.pricing-wipe{height:94px;margin-top:-73px;overflow:hidden;z-index:7;}
.pricing-wipe-left,.pricing-wipe-right{width:54%;background:#f3f1ee;}
.pricing-wipe-left{clip-path:polygon(0 0,100% 0,89% 100%,0 100%);}
.pricing-wipe-right{clip-path:polygon(11% 0,100% 0,100% 100%,0 100%);}
.calculator-chapter{background:#f3f1ee;padding:12px 0 76px;overflow:visible;--pricing-intro:1;--pricing-detail:1;}
.calculator-chapter::before,.calculator-chapter::after{display:none!important;}
.calc-head{margin-top:0;transform:translateY(calc((1 - var(--pricing-intro,1)) * 62px));opacity:calc(.72 + var(--pricing-intro,1)*.28);will-change:transform,opacity;}
.calc-head .eyebrow{transform:translateY(calc((1 - var(--pricing-intro,1)) * 14px));}
.calc-intro{margin:8px 0 22px;align-items:flex-end;}
.calc-intro h2{position:relative;line-height:.92;isolation:isolate;}
.pricing-good-arrow{position:absolute;top:-63px;left:59%;font:normal 58px/1 Georgia,serif;color:var(--mint);transform:translateY(calc((1 - var(--pricing-intro,1)) * -6px));z-index:3;pointer-events:none;white-space:nowrap;background:none;}
.calc-sideline{max-width:380px;margin-top:0;align-self:center;transform:translateY(calc((1 - var(--pricing-intro,1)) * 28px));}
.calc-sideline::after{content:none!important;display:none!important;}
.calc-stage{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:38px;align-items:start;transform:translateY(calc((1 - var(--pricing-intro,1)) * 44px));will-change:transform;}
.calc-left{padding-top:0;}
.calc-question,fieldset.calc-question{transition:border-color .34s ease;position:relative;}
.calc-question::before{content:'';position:absolute;top:-1px;left:0;width:54px;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.2,.7,.3,1);pointer-events:none;}
.calc-question.is-focused::before{transform:scaleX(1);}
.calc-question h3{transition:color .35s ease;}
.calc-question.is-focused h3{color:#2d3d51;}
.pricing-flow-intro{margin:0 0 11px;}
.pricing-flow-intro .flow-rule{transform:scaleX(calc(.30 + var(--pricing-intro,1)*.70));transform-origin:left;transition:background .2s;}
.receipt-wrap{top:8px;padding-top:0;position:relative;}
.receipt-wrap::before{content:'↙';display:block;position:absolute;right:16px;top:-78px;font:normal 50px/1 Georgia,serif;color:var(--coral);transform:rotate(-5deg);pointer-events:none;z-index:4;background:none;}
.receipt-note{margin:12px 0 0;max-width:none;}
.pricing-details-compact{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px;padding-top:0;}
.pricing-details-compact .receipt-services,.pricing-details-compact .receipt-extras{background:rgba(255,255,255,.52);border-top:1px solid #d8dfde;border-bottom:1px solid #d8dfde;padding:18px 20px;}
.pricing-details-compact li{font-size:15px;line-height:1.4;}
.receipt-services,.receipt-extras{margin:0;}
.calc-tail{margin-top:34px;padding-top:20px;}
@media(max-width:1150px){
  .pricing-wipe{height:84px;margin-top:-64px;}
  .calculator-chapter{padding:12px 0 68px;}
  .calc-stage{grid-template-columns:1fr;gap:26px;}
  .calc-intro{margin:5px 0 18px;}
  .pricing-good-arrow{top:-54px;left:59%;font-size:48px;}
  .receipt-wrap{max-width:630px;margin:0 auto;}
  .receipt-wrap::before{right:16px;top:-64px;font-size:40px;}
}
@media(max-width:860px){
  .pricing-wipe{height:74px;margin-top:-55px;}
  .calculator-chapter{padding:10px 0 64px;}
  .calc-intro{display:block;margin:5px 0 15px;}
  .calc-sideline{max-width:100%;margin-top:12px;}
  .pricing-good-arrow{top:-44px;left:59%;font-size:42px;}
}
@media(max-width:600px){
  .pricing-wipe{height:66px;margin-top:-45px;}
  .calculator-chapter{padding:10px 0 54px;}
  .calc-head{transform:translateY(calc((1 - var(--pricing-intro,1)) * 26px));}
  .calc-stage{transform:translateY(calc((1 - var(--pricing-intro,1)) * 20px));}
  .calc-intro{margin:4px 0 14px;}
  .calc-intro h2{font-size:clamp(46px,11.2vw,63px);}
  .pricing-good-arrow{top:-33px;left:59%;font-size:32px;}
  .calc-sideline{transform:none;}
  .receipt-wrap::before{top:-43px;right:12px;font-size:32px;}
  .pricing-details-compact .receipt-services,.pricing-details-compact .receipt-extras{padding:16px;}
}
@media(prefers-reduced-motion:reduce){
  .calc-head,.calc-stage,.calc-head .eyebrow,.calc-sideline,.pricing-good-arrow{transform:none!important;opacity:1!important;will-change:auto;}
  .calc-question::before{transition:none;}
  .pricing-flow-intro .flow-rule{transform:none!important;}
}

/* V3.16 • the original brand, with a scroll-led payroll chapter.
   At no point are competing provider marks displayed side by side. */
.calculator-chapter {
  --pricing-intro:0; --arrow-progress:0; --pricing-unfold:0;
  background:#f3f1ee; padding:12px 0 74px; overflow:clip;
}
.calc-head{margin-top:0;opacity:1;transform:translateY(calc((1 - var(--pricing-intro)) * 64px));}
.calc-head .eyebrow{transform:none;letter-spacing:.15em;}
.calc-intro{margin:22px 0 36px;align-items:center;gap:36px;}
.calc-intro h2{font:normal clamp(64px,6.7vw,108px)/.95 var(--serif);letter-spacing:-.062em;position:relative;max-width:890px;}
.pricing-good-arrow{top:-31px;left:71%;width:95px;height:94px;font-size:0;z-index:3;opacity:calc(.32 + var(--arrow-progress)*.68);transform:translateY(calc((1 - var(--arrow-progress))*-64px)) translateX(calc((1 - var(--arrow-progress))*24px));transition:none;}
.pricing-good-arrow svg{width:100%;height:100%;overflow:visible;display:block;}
.pricing-good-arrow svg path{fill:none;stroke:#48d497;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}
.calc-sideline{width:330px;max-width:330px;min-width:230px;align-self:center;transform:translateY(calc((1 - var(--pricing-intro))*-78px));opacity:calc(.35 + var(--pricing-intro)*.65);margin-top:0;padding-right:0;}
.calc-sideline p{font-size:17px;line-height:1.55;color:#657286;margin:0 0 12px;}
.calc-sideline strong{font-size:clamp(22px,2.2vw,29px);line-height:1.12;white-space:normal;display:block;color:#464754;}
.calc-sideline::after,.receipt-wrap::before{content:none!important;display:none!important;}
.silly-arrow{display:block;width:92px;height:70px;position:absolute;right:-3px;top:calc(100% - 28px);transform:translateY(calc((1 - var(--pricing-intro))*40px));opacity:calc(.2 + var(--pricing-intro)*.8);pointer-events:none;}
.silly-arrow svg{display:block;width:100%;height:100%;overflow:visible;}
.silly-arrow path{fill:none;stroke:var(--coral);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;}
.calc-stage{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:52px;transform:translateY(calc((1 - var(--pricing-intro))*32px));align-items:start;}
.pricing-flow-intro{font-size:10px;font-weight:800;letter-spacing:.19em;margin:0 0 16px;color:#536275;}
.pricing-flow-intro .flow-rule{width:38px;height:3px;}
.calc-question,fieldset.calc-question{padding:19px 0 23px;border-top:1px solid #d8d9d7;}
.calc-question:first-of-type{border-color:transparent;}
.calc-question h3{font:normal clamp(25px,2.2vw,31px)/1.2 var(--serif);letter-spacing:-.026em;margin:0 0 14px;}
.step-state,.provider-state-hidden{display:none!important;}
.provider-selector{grid-template-columns:45px minmax(0,1fr) 45px;gap:10px;}
.provider-viewport{min-height:171px;border:1px solid #dcdedc;border-radius:8px;background:#ffffffb8;padding:18px 10px 15px;box-shadow:0 6px 20px #41414f06;}
.provider-brand,.brand-slide{height:93px;}
.provider-nav-button{width:44px;height:44px;align-self:center;border:1px solid #d8dcdf;border-radius:50%;background:#f7f7f7;color:#3b5167;font-size:36px;line-height:30px;padding:0;transition:background .2s,color .2s,border-color .2s,transform .2s;}
.provider-nav-button:hover{background:var(--coral);color:#fff;border-color:var(--coral);transform:scale(1.08);}
.provider-descriptor{font-size:13px;line-height:1.35;min-height:20px;max-width:370px;margin:3px auto 0;color:#5f6e7a;}
.provider-controls-clean{justify-content:flex-end;margin-top:10px;}
.confirm-provider{display:inline-flex;min-width:152px;align-items:center;justify-content:center;position:relative;background:#ef5857;color:white;border-radius:2px 13px 2px 13px;padding:14px 38px 14px 22px;font-size:14px;font-weight:800;letter-spacing:.035em;text-transform:none;transition:transform .2s ease,border-radius .2s ease,background .2s ease;}
.confirm-provider:hover{border-radius:13px 2px 13px 2px;transform:translateY(-3px);}
.confirm-provider span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:18px;}
.choice{border-radius:2px 12px 2px 12px;min-width:162px;gap:12px;padding:13px 16px;font-size:14px;background:#ffffffb9;}
.choice:hover{background:#fff;transform:translateY(-2px);}
.choice.active{background:var(--coral);color:white;}
.nonprofit-heart{font-size:29px;}
.freq{font-size:13px;}
.emp-line{margin-bottom:8px;}
.calc-right{position:relative;}
.receipt-wrap{position:sticky;top:98px;max-width:none;margin:0;will-change:transform,opacity;opacity:calc(1 - (var(--pricing-unfold)*.65));transform:translateY(calc((1 - var(--pricing-intro))*26px));}
.receipt{padding:24px 24px 18px;background:#fffefa;border-radius:12px;box-shadow:0 13px 40px #3b40551a;border:1px solid #e4e6e3;}
.receipt-top{padding:0 0 16px;}
.receipt-top img{max-width:170px;}
.receipt-top small{font-size:9px;letter-spacing:.18em;}
.receipt-line{font-size:11px;}
.receipt-total{padding-top:19px;padding-bottom:20px;}
.receipt-price strong{font-size:clamp(55px,4.5vw,78px);}
.receipt-note{font-size:12px;line-height:1.5;margin:11px 0 8px;color:#687588;}
.receipt-jump{display:inline-flex;align-items:center;gap:15px;font-size:12px;color:#276d83;font-weight:800;letter-spacing:.025em;border-bottom:1px solid #76b6c2;padding:9px 0 8px;}
.receipt-jump:hover{color:var(--coral);border-color:var(--coral);}
.receipt-jump span{color:var(--coral);font-size:18px;line-height:1;}
/* An expanding editorial receipt, revealed after the interactive calculator. */
.pricing-reveal{--unfold-progress:0;position:relative;min-height:970px;padding:88px 0 72px;scroll-margin-top:74px;}
.pricing-unfold{position:relative;transform-origin:82% 0;transform:scaleX(calc(.76 + .24 * var(--unfold-progress))) translateY(calc((1 - var(--unfold-progress))*65px));opacity:calc(.20 + .80 * var(--unfold-progress));will-change:transform,opacity;background:#fffefa;border:1px solid #e1e4df;box-shadow:0 27px 68px #272d3b17;border-radius:8px 8px 20px 8px;overflow:hidden;}
.unfold-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e9eeec;padding:17px 38px;color:#526578;font-size:10px;font-weight:800;letter-spacing:.15em;}
.unfold-topline span:first-child{color:var(--coral);}
.unfold-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:38px;align-items:end;padding:31px 38px 30px;}
.unfold-heading h3{font:normal clamp(38px,4vw,65px)/1 var(--serif);letter-spacing:-.05em;margin:0 0 13px;}
.unfold-heading h3 em{font-weight:400;color:var(--coral);}
.unfold-heading p{max-width:510px;color:#5b6877;font-size:15px;line-height:1.5;margin:0;}
.unfold-figure{text-align:right;display:flex;flex-direction:column;gap:4px;}
.unfold-figure>span{font-size:10px;letter-spacing:.14em;font-weight:800;color:#6b7987;}
.unfold-figure strong{font:normal clamp(56px,5.5vw,94px)/1 var(--serif);letter-spacing:-.06em;color:#303a48;font-variant-numeric:tabular-nums;}
.unfold-figure small{font-size:10px;letter-spacing:.1em;font-weight:700;color:#687588;line-height:1.5;}
.unfold-details{display:grid;grid-template-columns:1.2fr .8fr;gap:0;border-top:1px solid #e3e6e4;border-bottom:1px solid #e3e6e4;background:#fcfcfa;}
.unfold-details>div{padding:26px 34px 28px;min-width:0;background:transparent;border:0;}
.unfold-details>div+div{border-left:1px solid #e3e6e4;}
.unfold-details h4{margin:0 0 15px;letter-spacing:.14em;font-size:11px;font-weight:800;color:#53677a;}
.unfold-details ul{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;margin:0;padding:0;list-style:none;}
.unfold-details .receipt-extras ul{grid-template-columns:1fr;}
.unfold-details li{font-size:13px;line-height:1.4;color:#3e5262;padding-left:21px;position:relative;}
.unfold-details .receipt-services li:before{content:'✓';position:absolute;left:0;top:-3px;font-size:18px;color:#159978;}
.unfold-details .receipt-extras li:before{content:'+';position:absolute;left:1px;top:-6px;font-size:24px;color:var(--coral);}
.unfold-choice{background:linear-gradient(125deg,#edf8f2,#fbfaf6 70%);padding:32px 38px 27px;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:20px 35px;align-items:center;}
.unfold-choice-heading span{font-size:10px;letter-spacing:.16em;font-weight:800;color:#368771;}
.unfold-choice-heading h4{font:normal 43px/.99 var(--serif);letter-spacing:-.04em;margin:8px 0 10px;color:#35404e;}
.unfold-choice-heading p{font-size:14px;line-height:1.48;color:#607082;max-width:400px;margin:0;}
.intent-actions{display:flex;gap:10px;align-items:stretch;}
.intent-button{border:1px solid #9ca6a8;border-radius:4px 14px 4px 14px;background:#fffefa;flex:1;min-height:65px;padding:13px 21px;display:flex;align-items:center;justify-content:center;gap:12px;color:#2f3d4e;font:normal 17px/1.1 var(--serif);transition:transform .2s,background .2s,box-shadow .2s;}
.intent-button:nth-child(2){background:var(--coral);border-color:var(--coral);color:#fff;}
.intent-button span{font-size:20px;font-family:Arial,sans-serif;}
.intent-button:hover,.intent-button[aria-pressed="true"]{transform:translateY(-3px);box-shadow:0 7px 18px #252a351b;}
.intent-button[aria-pressed="true"]{outline:2px solid #2d907f;outline-offset:2px;}
.intent-next{grid-column:1 / -1;border-top:1px solid #d5e0da;padding:18px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#46586a;font-size:15px;}
.intent-next[hidden]{display:none;}
.intent-next a{display:inline-flex;gap:12px;align-items:center;background:#354759;color:white;padding:13px 20px;border-radius:3px 12px 3px 12px;text-decoration:none;font-weight:bold;white-space:nowrap;}
.unfold-choice>small{grid-column:1 / -1;color:#748092;font-size:11px;line-height:1.4;}
.calc-tail{margin-top:12px;padding-top:21px;}
@media(max-width:1150px){
 .calc-stage{grid-template-columns:1fr 1fr;gap:24px;}
 .calc-intro h2{font-size:clamp(57px,6.4vw,85px);}
 .calc-sideline{max-width:280px;min-width:200px;}
 .receipt-wrap{position:sticky;top:84px;max-width:none;}
 .unfold-details ul{grid-template-columns:1fr;}
 .unfold-heading{gap:20px;}
}
@media(max-width:860px){
 .calc-intro{display:block;}
 .calc-sideline{max-width:500px;margin:23px 0 0;transform:translateY(calc((1 - var(--pricing-intro))*-20px));}
 .silly-arrow{right:0;top:80%;}
 .calc-stage{grid-template-columns:1fr;gap:25px;}
 .receipt-wrap{position:static;max-width:640px;margin:0 auto;opacity:1;}
 .pricing-reveal{min-height:0;padding:50px 0 60px;}
 .unfold-heading{grid-template-columns:1fr;}
 .unfold-figure{text-align:left;}
 .unfold-details{grid-template-columns:1fr;}
 .unfold-details>div+div{border-left:0;border-top:1px solid #e3e6e4;}
 .unfold-details ul{grid-template-columns:1fr 1fr;}
 .unfold-choice{grid-template-columns:1fr;}
 .intent-actions{max-width:690px;}
}
@media(max-width:600px){
 .calculator-chapter{padding:14px 0 55px;}
 .calc-head{transform:none;}
 .calc-intro{margin:16px 0 27px;}
 .calc-intro h2{font-size:clamp(48px,11.4vw,67px);}
 .pricing-good-arrow{left:65%;top:-33px;width:57px;height:55px;transform:translateY(calc((1 - var(--arrow-progress)) * -24px));}
 .calc-sideline{max-width:100%;margin-top:20px;transform:none;}
 .calc-sideline p{font-size:14px;}
 .calc-sideline strong{font-size:23px;}
 .silly-arrow{width:58px;height:48px;right:0;top:85%;}
 .calc-stage{transform:none;}
 .provider-selector{grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;}
 .provider-nav-button{width:34px;height:34px;font-size:28px;}
 .provider-viewport{min-height:160px;}
 .choice{min-width:0;font-size:13px;}
 .receipt{padding:21px 20px;}
 .pricing-reveal{padding:27px 0 45px;}
 .pricing-unfold{transform:translateY(calc((1 - var(--unfold-progress))*22px));}
 .unfold-topline{padding:14px 19px;flex-wrap:wrap;font-size:9px;}
 .unfold-heading{padding:22px 20px;}
 .unfold-heading h3{font-size:clamp(37px,11vw,52px);}
 .unfold-figure strong{font-size:64px;}
 .unfold-details>div{padding:21px 20px;}
 .unfold-details ul{grid-template-columns:1fr;}
 .unfold-choice{padding:24px 20px;gap:18px;}
 .unfold-choice-heading h4{font-size:39px;}
 .intent-actions{flex-direction:column;}
 .intent-button{min-height:55px;}
 .intent-next{align-items:stretch;flex-direction:column;}
 .intent-next a{justify-content:center;}
}
@media(prefers-reduced-motion:reduce){
 .calc-head,.calc-stage,.calc-sideline,.pricing-good-arrow,.silly-arrow,.pricing-unfold,.receipt-wrap{transform:none!important;opacity:1!important;transition:none!important;}
}


/* V3.17 | Intentional editorial controls and a living, less-spacious pricing chapter */
.calculator-chapter{padding-top:4px;padding-bottom:48px;--provider-arrival:0;}
.calc-head{transform:translateY(calc((1 - var(--pricing-intro,1)) * 44px));}
.calc-intro{margin:0 0 14px;}
.calc-stage{transform:translateY(calc((1 - var(--pricing-intro,1)) * 28px));}
.calc-left{opacity:calc(.55 + var(--provider-arrival,1) * .45);transform:translateX(calc((1 - var(--provider-arrival,1)) * -96px));will-change:opacity,transform;}
.calc-question,fieldset.calc-question{padding-top:15px;padding-bottom:19px;}
.provider-viewport{min-height:150px;padding:11px 12px 11px;border-radius:0 12px 0 12px;box-shadow:none;}
.provider-brand,.brand-slide{height:80px;}
.provider-descriptor{max-width:420px;}
.provider-controls-clean{margin-top:8px;}
/* Buttons share a common hand-built editorial style: asymmetric corners and type. */
.confirm-provider,.intent-button,.editorial-button,.choice,.freq{
  font-family:var(--serif);letter-spacing:-.01em;transition:background .2s,border-color .2s,color .2s,transform .2s;
}
.confirm-provider{
  font-size:20px;font-weight:normal;line-height:1.15;border:1px solid #ef5857;
  min-width:174px;min-height:55px;background:var(--coral);border-radius:0 14px 0 14px;
  padding:11px 43px 11px 22px;box-shadow:none;
}
.confirm-provider span{font:normal 21px/1 var(--serif);right:17px;}
.confirm-provider:not(:disabled):hover{transform:translateY(-2px);border-radius:14px 0 14px 0;background:#db4c50;}
.confirm-provider:disabled{cursor:default;color:#68737a;background:#dce0dc;border-color:#cfd6d3;box-shadow:none;transform:none;opacity:1;}
.confirm-provider:disabled span{color:#939d9b;}
.choice{font-family:var(--serif);font-size:18px;min-height:52px;font-weight:normal;border-radius:0 12px 0 12px;background:#fffdf9;}
.choice.active{border-color:var(--coral);background:var(--coral);}
.freq{font-size:17px;min-height:50px;border-radius:0 10px 0 10px;background:#fffdf9;letter-spacing:-.012em;padding:9px 16px;}
.freq.active{background:var(--coral);}
.intent-button{
  flex:1;min-height:60px;padding:14px 17px;background:#fffdf9;border:1px solid #506370;
  border-radius:0 15px 0 15px;color:#2e3e4b;font-size:20px;font-weight:normal;
  box-shadow:none;
}
.intent-button:nth-child(2){background:var(--coral);border-color:var(--coral);color:#fff;}
.intent-button:hover{transform:translateY(-2px);box-shadow:none;background:#ebf4ef;}
.intent-button:nth-child(2):hover{background:#d84d52;}
.intent-button[aria-pressed="true"]{outline:none;box-shadow:inset 0 0 0 2px #279c84;}
.intent-button span{margin-left:auto;font-size:21px;}
.receipt-jump{display:none!important;}
.receipt-note{margin-bottom:0;}
.pricing-reveal{min-height:0;padding:12px 0 38px;}
.pricing-unfold{transform-origin:75% 0;}
.unfold-heading{padding:23px 35px 23px;}
.unfold-details>div{padding:20px 30px;}
.unfold-choice{padding:24px 34px 22px;}
.unfold-choice-heading h4{font-size:40px;}
.unfold-choice>small{font-size:11px;}
.shopping-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 20px;align-items:center;
 border-top:1px solid #d3dfd8;padding-top:21px;animation:shoppingArrive .35s ease both;}
.shopping-panel[hidden]{display:none;}
.shopping-panel-intro>span{font-size:10px;letter-spacing:.17em;font-weight:bold;color:#328b77;}
.shopping-panel-intro p{font-size:14px;margin:6px 0 0;color:#4e6170;max-width:380px;line-height:1.5;}
.shopping-actions{display:flex;align-items:center;gap:10px;}
.editorial-button{border:1px solid #35495a;background:#fffdf9;color:#304354;cursor:pointer;
  padding:12px 20px;min-height:58px;border-radius:0 13px 0 13px;font-size:19px;line-height:1.15;
  display:inline-flex;align-items:center;justify-content:center;gap:20px;text-align:left;white-space:nowrap;}
.editorial-button span{font-size:21px;}
.editorial-button:hover{background:#eaf2ee;transform:translateY(-2px);}
.button-ink{background:#35495a;color:white;}
.button-ink:hover{background:#263c4e;}
.button-coral{background:var(--coral);border-color:var(--coral);color:white;}
.button-coral:hover{background:#d74850;}
/* The dialog only collects preliminary contact details, never payroll banking or SSNs. */
.payroll-dialog{position:fixed;inset:0;margin:auto;border:none;padding:0;width:min(690px,calc(100% - 32px));max-height:min(88vh,860px);
 overflow:auto;border-radius:0 20px 0 20px;background:#fbfaf6;color:#374554;box-shadow:0 30px 120px #0e172c70;}
.payroll-dialog::backdrop{background:#202838bc;backdrop-filter:blur(5px);}
.dialog-shell{padding:26px clamp(22px,4vw,44px) 36px;}
.dialog-eyebrow{display:flex;align-items:center;justify-content:space-between;color:#55717f;font-weight:bold;font-size:11px;letter-spacing:.18em;}
.dialog-close{font-size:32px;line-height:1;color:#354556;background:transparent;border:0;padding:1px 8px;}
.payroll-dialog h2{font:normal clamp(35px,4vw,54px)/1 var(--serif);letter-spacing:-.05em;margin:14px 0 10px;}
.dialog-lead{font-size:15px;line-height:1.5;margin:0 0 13px;color:#647484;}
.dialog-price{display:inline-block;border-left:4px solid var(--coral);padding:8px 14px;margin:0 0 18px;background:#f1f4ef;font-size:13px;color:#384d5a;font-weight:700;}
.dialog-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.dialog-fields label{display:flex;flex-direction:column;gap:7px;font:700 10px/1.4 var(--sans);letter-spacing:.14em;color:#647382;}
.dialog-fields input,.dialog-fields textarea{min-width:0;background:#fff;border:1px solid #cfd6d4;border-radius:0 8px 0 8px;
 font:normal 16px/1.4 var(--sans);letter-spacing:0;color:#2c3a49;padding:12px 14px;outline-color:var(--mint);}
.dialog-message{grid-column:1/-1;}
.dialog-message textarea{resize:vertical;min-height:94px;}
.dialog-notice{font-size:12px;line-height:1.5;color:#778491;margin:16px 0 18px;}
.dialog-submit{width:100%;font-size:21px;justify-content:space-between;}
@keyframes shoppingArrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){
 .calc-left{transform:translateX(calc((1 - var(--provider-arrival,1)) * -58px));}
 .shopping-panel{grid-template-columns:1fr;}
 .shopping-actions{flex-wrap:wrap;}
}
@media(max-width:860px){
 .calc-head,.calc-stage,.calc-left{transform:none;opacity:1;}
 .pricing-reveal{padding:12px 0 36px;}
 .unfold-choice{padding:24px;}
 .shopping-actions>.editorial-button{flex:1;}
}
@media(max-width:600px){
 .calculator-chapter{padding-top:9px;padding-bottom:32px;}
 .calc-intro{margin-bottom:16px;}
 .provider-viewport{min-height:146px;}
 .confirm-provider{min-height:50px;font-size:18px;}
 .choice{font-size:16px;}
 .freq{font-size:14px;min-height:43px;}
 .unfold-heading{padding:19px;}
 .unfold-choice{padding:18px;}
 .intent-button{min-height:56px;font-size:19px;}
 .shopping-actions{flex-direction:column;align-items:stretch;}
 .editorial-button{white-space:normal;min-height:54px;font-size:18px;}
 .dialog-fields{grid-template-columns:1fr;}
 .dialog-shell{padding:18px 20px 26px;}
 .payroll-dialog{max-height:92vh;}
}
@media(prefers-reduced-motion:reduce){.calc-left{transform:none!important;opacity:1!important}.shopping-panel{animation:none!important}}

.dialog-fields [hidden]{display:none!important;}


/* V3.18: new chapter order, alternating color, and pinned scroll storytelling. */
/* Managed services is now chapter 03, immediately after Pricing. */
.service-strip{background:#303344;color:#f9f7f4;padding:112px 0 105px;position:relative;isolation:isolate;overflow:hidden;}
.service-strip::before{content:'';position:absolute;inset:0 0 auto;height:95px;background:#f3f1ee;clip-path:polygon(0 0,100% 0,100% 0,0 76%);pointer-events:none;}
.service-strip::after{content:'';position:absolute;right:-10%;bottom:-35%;width:72%;height:90%;border:1px solid #ffffff14;border-radius:50%;pointer-events:none;}
.service-strip>.page-width{position:relative;z-index:1;}
.service-strip .eyebrow{color:#d1d9e0;}
.service-strip .num-mark{color:var(--coral);}
.service-intro h2{color:#fcfcff;}
.service-intro h2 em{color:#65e3b4;}
.service-intro p{color:#c6cdd5;}
.service-links{border-top-color:#ffffff44;}
.service-links>a{color:#fcfcff;border-bottom:1px solid #ffffff38;transition:background .3s ease,padding-left .35s ease,opacity .7s ease,transform .7s ease;}
.service-links>a:hover{background:#ffffff09;padding-left:14px;}
.service-links .serv-n,.service-links .serv-explain{color:#c5cdd5;}
.service-links b{color:#6fe1b5;}
/* GivingHR+ mint is chapter 04; segue from chapter 03 through a strong diagonal. */
.software{position:relative;isolation:isolate;}
.software::before{content:'';position:absolute;inset:0 0 auto;height:98px;background:#303344;clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none;z-index:0;}
.software-frame{position:relative;z-index:1;}
/* Why Giving is now chapter 05. Pin one scene while the story advances. */
.difference{--diff-enter:0;--diff-progress:0;--diff-step:0;background:#282c3b;color:#fcfcff;padding:0;min-height:0;overflow:clip;position:relative;isolation:isolate;}
.difference::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 17% 65%,#55526f46,transparent 54%),linear-gradient(155deg,#2b2e40 3%,#252b3a 100%);z-index:-1;pointer-events:none;}
.diff-top-wedge{position:absolute;left:0;top:0;width:100%;height:105px;background:#dff6ed;clip-path:polygon(0 0,100% 0,100% 8%,0 100%);z-index:1;pointer-events:none;}
.diff-bottom-wedge{position:absolute;bottom:0;left:0;right:0;height:105px;background:var(--coral);clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none;z-index:3;}
.diff-scrollspace{height:315vh;position:relative;}
.diff-stage{height:calc(100vh - 66px);min-height:600px;position:sticky;top:66px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.diff-stage-inner{position:relative;z-index:2;transform:translateY(calc((1 - var(--diff-enter))*58px));opacity:calc(.50 + .50*var(--diff-enter));will-change:transform,opacity;}
.difference-ghost{position:absolute;right:0;top:0;font-size:clamp(250px,38vw,640px);font-weight:900;letter-spacing:-.1em;line-height:.75;color:#ffffff06;pointer-events:none;z-index:0;}
.diff-eyebrow{color:#d5d8e0;position:relative;z-index:2;}
.diff-head{font:normal clamp(37px,4.55vw,68px)/1.04 var(--serif);letter-spacing:-.052em;margin:18px 0 35px;max-width:1070px;color:#fafaff;}
.diff-head em{color:#6ad7af;font-style:italic;font-weight:normal;}
.diff-scrolly{display:grid;grid-template-columns:35% 1fr;gap:7%;align-items:center;min-height:302px;position:relative;}
.diff-left{min-width:0;position:relative;align-self:center;padding-top:4px;}
.diff-sticky{position:static;min-height:0;}
.diff-sidenote{font-size:10px;letter-spacing:.19em;font-weight:800;color:#bcc3d1;}
.diff-word{display:flex;align-items:flex-start;position:relative;color:var(--coral);font-size:clamp(128px,17vw,260px);letter-spacing:-.12em;font-weight:800;line-height:.99;max-width:400px;}
.diff-word #diffWord{display:block;transform:translateY(0);transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .36s;will-change:transform,opacity;}
.diff-word #diffWord.changing{opacity:.15;transform:translateY(-20px);}
.diff-word .diff-flourish{font-size:clamp(33px,3.6vw,55px);position:absolute;top:11px;right:10%;letter-spacing:0;color:#68dcb0;transform:rotate(calc(var(--diff-progress)*115deg));transition:transform .35s;}
.diff-left>p{font:italic normal clamp(21px,2.1vw,28px)/1.13 var(--serif);max-width:285px;color:#fcfaf9;min-height:2.3em;margin:8px 0 0;}
.diff-right{position:relative;min-height:302px;isolation:isolate;}
.diff-item{position:absolute;inset:0;min-height:0;max-height:100%;overflow:visible;padding:13px 0 0;border:0;border-top:1px solid #ffffff3d;opacity:0;visibility:hidden;transform:translateY(65px);transition:opacity .38s ease,transform .5s cubic-bezier(.23,.89,.27,1),visibility .38s;pointer-events:none;}
.diff-item.is-in{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;z-index:2;}
.diff-item.is-past{transform:translateY(-43px);}
.diff-item>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#c9cdd9;}
.diff-item h3{font:normal clamp(35px,3.7vw,57px)/1.06 var(--serif);letter-spacing:-.048em;margin:18px 0 14px;color:#fff;}
.diff-item h3 i{color:#77daba;font-style:italic;}
.diff-item p{font-size:clamp(14px,1.2vw,16px);line-height:1.56;color:#d3d8e0;margin:0;max-width:650px;}
.diff-progress{display:flex;align-items:center;gap:18px;justify-content:flex-start;margin:27px 0 0;padding-top:14px;border-top:1px solid #ffffff24;}
.diff-track{width:min(36%,280px);height:3px;background:#ffffff29;margin:0;overflow:hidden;border-radius:1px;}
.diff-track>div{height:100%;width:25%;background:var(--coral);transition:width .32s ease;}
.diff-progress>span{font-size:11px;letter-spacing:.17em;font-weight:800;color:#e9e5e9;white-space:nowrap;}
.diff-progress>span i{color:#737b89;padding:0 4px;font-style:normal;}
.diff-progress .diff-continue{margin-left:auto;color:#9eaabc;font-size:10px;}
.diff-continue span{color:#77daba;font-size:16px;margin-left:10px;}
@media(max-width:1150px){
 .diff-stage{min-height:560px;}
 .diff-head{font-size:clamp(39px,4.6vw,60px);}
 .diff-scrolly{grid-template-columns:31% 1fr;gap:6%;}
 .diff-word{font-size:clamp(120px,17vw,205px);}
 .diff-item h3{font-size:clamp(37px,4.3vw,53px);}
}
@media(max-width:860px){
 .service-strip{padding:110px 0 84px;}
 .software{padding-top:120px;}
 .diff-scrollspace{height:290vh;}
 .diff-stage{height:calc(100vh - 65px);top:65px;min-height:530px;}
 .diff-stage-inner{width:calc(100% - 55px);}
 .diff-head{font-size:clamp(34px,5.8vw,54px);margin:14px 0 22px;}
 .diff-scrolly{grid-template-columns:29% 1fr;gap:5%;min-height:300px;}
 .diff-word{font-size:clamp(95px,16vw,160px);}
 .diff-word .diff-flourish{font-size:30px;top:6px;}
 .diff-left>p{font-size:20px;}
 .diff-right{min-height:300px;}
 .diff-item h3{font-size:clamp(35px,5.2vw,47px);}
 .diff-progress .diff-continue{display:none;}
}
@media(max-width:600px){
 .service-strip{padding:100px 0 70px;}
 .service-strip::before,.software::before{height:60px;}
 .diff-top-wedge{height:65px;}
 .diff-bottom-wedge{height:55px;}
 .diff-scrollspace{height:300vh;}
 .diff-stage{height:calc(100dvh - 60px);top:60px;min-height:0;}
 .diff-stage-inner{width:calc(100% - 36px);transform:translateY(calc((1 - var(--diff-enter))*30px));}
 .diff-eyebrow{font-size:9px;}
 .diff-head{font-size:clamp(30px,8.2vw,43px);line-height:1.02;margin:12px 0 24px;}
 .diff-scrolly{display:block;min-height:0;}
 .diff-left{padding:0;display:flex;gap:15px;align-items:center;flex-wrap:wrap;}
 .diff-sidenote{width:100%;font-size:9px;}
 .diff-word{font-size:clamp(84px,25vw,128px);line-height:.85;}
 .diff-word .diff-flourish{right:-46px;top:0;font-size:32px;}
 .diff-left>p{font-size:18px;line-height:1.17;max-width:165px;min-height:0;margin:0 0 0 12px;}
 .diff-right{margin-top:14px;min-height:260px;}
 .diff-item{padding-top:12px;}
 .diff-item>span{font-size:9px;}
 .diff-item h3{font-size:clamp(30px,7.7vw,39px);margin:14px 0 10px;}
 .diff-item p{font-size:13px;line-height:1.48;}
 .diff-progress{margin-top:18px;padding-top:12px;}
 .diff-track{width:52%;}
 .diff-progress>span{font-size:10px;}
}
@media (max-height:680px) and (min-width:601px){
 .diff-stage{min-height:0;}
 .diff-head{font-size:clamp(33px,4vw,52px);margin:9px 0 18px;}
 .diff-scrolly,.diff-right{min-height:270px;}
 .diff-item h3{font-size:clamp(32px,3.3vw,49px);}
 .diff-word{font-size:clamp(105px,15vw,200px);}
 .diff-progress{margin-top:12px;}
}
@media(prefers-reduced-motion:reduce){
 .diff-scrollspace{height:auto;}
 .diff-stage{position:relative;top:auto;height:auto;min-height:0;padding:90px 0;}
 .diff-stage-inner{transform:none!important;opacity:1!important;}
 .diff-scrolly{display:block;}
 .diff-left,.diff-progress{display:none;}
 .diff-right{min-height:0;display:grid;gap:25px;}
 .diff-item,.diff-item.is-in,.diff-item.is-past{position:relative;inset:auto;visibility:visible;opacity:1;transform:none!important;min-height:0;border-top:1px solid #ffffff30;padding:20px 0 0;transition:none;}
}
/* QuickBooks intake, the link flagged in the screenshot, should be distinctly actionable. */
.calc-tail>a{background:var(--coral)!important;color:#fff!important;padding:16px 22px!important;text-align:center;border-radius:3px 13px 3px 13px;box-shadow:0 6px 21px #e2575c1a;font-weight:800;letter-spacing:.045em;transition:background .2s,transform .2s,border-radius .2s;}
.calc-tail>a:hover{background:#d74850!important;transform:translateY(-3px);border-radius:13px 3px 13px 3px;}


/* V3.19: scroll splice, interactive service sheets, and modest employee-count calculators. */
.services-splice{--splice-progress:0;position:relative;height:clamp(140px,22vh,235px);background:#f3f1ee;overflow:hidden;margin-top:-1px;isolation:isolate;z-index:2;pointer-events:none;}
.services-splice-left,.services-splice-right{position:absolute;top:-1px;bottom:-1px;width:58%;background:#303344;will-change:transform;}
.services-splice-left{left:-1%;clip-path:polygon(0 8%,100% 0,77% 100%,0 100%);transform:translate3d(0,calc((1 - var(--splice-progress))*113%),0);}
.services-splice-right{right:-1%;clip-path:polygon(23% 0,100% 13%,100% 100%,0 100%);transform:translate3d(0,calc((1 - var(--splice-progress))*133%),0);}
.services-splice-seam{position:absolute;top:0;left:51%;height:160%;width:2px;background:#a9f9d360;transform-origin:top;transform:rotate(28deg) scaleY(var(--splice-progress));opacity:calc(var(--splice-progress)*.7);pointer-events:none;}
.service-strip{--service-enter:0;background:#303344;padding:55px 0 112px;overflow:hidden;}
.service-strip::before{display:none;}
.service-strip .service-section-inner{transform:translateY(calc((1 - var(--service-enter))*36px));opacity:calc(.83 + var(--service-enter)*.17);will-change:transform,opacity;}
.service-strip .service-intro{margin:38px 0 43px;}
.service-rows{position:relative;border-top:1px solid #ffffff38;}
.service-row{position:relative;border-bottom:1px solid #ffffff38;transition:background .3s ease;}
.service-row:hover,.service-row.is-open{background:#ffffff07;}
.service-toggle{width:100%;color:#fff;cursor:pointer;background:transparent;border:0;display:grid;grid-template-columns:70px minmax(300px,1.25fr) minmax(190px,.78fr) 48px;column-gap:20px;align-items:center;min-height:154px;text-align:left;padding:21px 18px;transition:padding .35s ease,background .25s;}
.service-toggle:focus-visible{outline:2px solid #6ce7b6;outline-offset:-4px;}
.service-toggle:hover{padding-left:28px;}
.service-toggle .serv-n{font:italic 20px/1 Georgia,serif;color:#c3cddd;}
.service-toggle .serv-title{font:normal clamp(38px,4.5vw,69px)/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:#fff;}
.service-toggle .serv-explain{font:normal 16px/1.6 Arial,sans-serif;color:#c4cbd7;max-width:290px;}
.service-toggle-arrow{justify-self:end;color:#6fe1b5;font:normal 34px/1 Georgia,serif;transform-origin:50% 50%;transform:rotate(0);transition:transform .52s cubic-bezier(.2,.8,.2,1),color .25s;}
.service-row.is-open .service-toggle-arrow{transform:rotate(180deg);color:#f2777d;}
.service-row.is-open .service-toggle{min-height:138px;}
.service-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .60s cubic-bezier(.23,.84,.23,1),opacity .4s ease;}
.service-row.is-open .service-detail{grid-template-rows:1fr;opacity:1;}
.service-detail-inner{min-height:0;overflow:hidden;}
.service-detail-body{padding:4px 28px 40px 108px;}
.service-detail-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:clamp(34px,6vw,84px);align-items:start;}
.service-detail-eyebrow{font:800 11px/1.4 Arial,sans-serif;letter-spacing:.19em;color:#70ddb5;margin:0 0 15px;}
.service-detail-description h3{font:normal clamp(29px,3vw,43px)/1.12 Georgia,serif;letter-spacing:-.045em;margin:0 0 18px;}
.service-detail-description p{max-width:550px;color:#d4dae3;font-size:15px;line-height:1.8;margin:0 0 19px;}
.service-detail-description h4{font:800 12px/1.4 Arial,sans-serif;letter-spacing:.16em;color:#f9fafa;margin:26px 0 15px;text-transform:uppercase;}
.service-inclusions{list-style:none;padding:0;margin:0 0 21px;display:grid;gap:12px;}
.service-inclusions li{position:relative;padding-left:26px;color:#f0f1f3;font:normal 14px/1.57 Arial,sans-serif;}
.service-inclusions li:before{content:'✓';position:absolute;left:0;color:#6be4b1;font-weight:800;}
.service-scope-note{font-size:13px!important;color:#acb8c9!important;line-height:1.7!important;}
.service-learn{display:inline-flex;align-items:center;gap:24px;padding:0 0 12px;margin-top:6px;font:800 12px/1.3 Arial,sans-serif;letter-spacing:.06em;border-bottom:1px solid #66d8ae;color:#f6faf8;transition:gap .25s,color .25s;}
.service-learn:hover{gap:35px;color:#86f5c9;}
.service-learn span{color:#6ee1b4;font-size:20px;font-weight:normal;}
.service-mini-calc{padding:28px 29px 27px;background:#f9f8f6;color:#343748;border:1px solid #d9dfdd;border-radius:2px 16px 2px 16px;box-shadow:0 24px 65px #161d2b3b;position:relative;}
.service-price-overline{font:800 10px/1.4 Arial,sans-serif;letter-spacing:.14em;color:#397d71;display:flex;align-items:center;gap:8px;margin-bottom:20px;}
.service-price-pulse{background:#64d4ab;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 3px #64d4ab26;}
.service-calc-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
.service-calc-heading h4{font:normal 28px/1.18 Georgia,serif;letter-spacing:-.03em;margin:0 0 18px;}
.service-calc-heading span{font-size:12px;color:#6e7984;white-space:nowrap;}
.service-headcount{display:flex;align-items:baseline;gap:12px;}
.service-headcount-number{font:normal 57px/1 Georgia,serif;letter-spacing:-.08em;width:94px;color:#35394a;border:0;border-bottom:1px solid #b6bec6;background:transparent;border-radius:0;padding:0 5px 5px 0;outline-offset:3px;}
.service-headcount>span{font-size:15px;color:#6f7a86;}
.service-headcount-range{width:100%;margin:26px 0 3px;accent-color:#ed5c60;cursor:pointer;}
.service-range-ends{display:flex;justify-content:space-between;font:800 9px/1.3 Arial,sans-serif;letter-spacing:.11em;color:#89939f;}
.service-calc-total{border-top:1px solid #d6ddd9;margin-top:24px;padding:19px 0 0;}
.service-calc-total>span{font:800 10px/1.45 Arial,sans-serif;letter-spacing:.11em;color:#4f666d;display:block;}
.service-calc-total output{display:block;font:normal 77px/1 Georgia,serif;color:#e65b60;letter-spacing:-.075em;margin:10px 0 4px;}
.service-calc-total small{font:normal 13px/1.5 Arial,sans-serif;color:#5e6b78;display:block;}
.service-calc-total small strong{color:#363d4c;}
.service-calc-breakdown{font:normal 12px/1.55 Arial,sans-serif;color:#627080;margin-top:14px;}
.service-calc-caution{font:normal 11px/1.58 Arial,sans-serif;color:#7a8794;margin-top:20px;border-top:1px dashed #cbd3d6;padding-top:15px;}
.service-fineprint{font:normal 11px/1.6 Arial,sans-serif;color:#aebaca;margin-top:29px;max-width:950px;}
@media(max-width:1050px){
 .service-toggle{grid-template-columns:50px minmax(260px,1fr) minmax(170px,.75fr) 40px;gap:15px;padding:20px 12px;min-height:130px;}
 .service-toggle .serv-title{font-size:clamp(36px,4.5vw,52px);}
 .service-detail-body{padding:4px 20px 36px 75px;}
 .service-detail-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:28px;}
 .service-mini-calc{padding:23px 22px;}
}
@media(max-width:860px){
 .services-splice{height:145px;}
 .service-strip{padding:35px 0 70px;}
 .service-strip .service-intro{margin:30px 0 32px;}
 .service-toggle{grid-template-columns:40px minmax(0,1fr) 32px;gap:13px;min-height:130px;}
 .service-toggle .serv-title{font-size:clamp(36px,5.7vw,49px);}
 .service-toggle .serv-explain{grid-column:2;grid-row:2;max-width:none;font-size:14px;}
 .service-toggle-arrow{grid-column:3;grid-row:1/3;font-size:29px;}
 .service-detail-body{padding:2px 20px 32px 65px;}
 .service-detail-grid{grid-template-columns:1fr;gap:24px;}
 .service-mini-calc{max-width:520px;}
}
@media(max-width:600px){
 .services-splice{height:105px;}
 .service-strip{padding:22px 0 58px;}
 .service-strip .service-intro{margin:20px 0 26px;}
 .service-toggle{grid-template-columns:31px minmax(0,1fr) 26px;gap:8px;min-height:104px;padding:17px 6px;}
 .service-toggle:hover{padding-left:6px;}
 .service-toggle .serv-n{font-size:15px;}
 .service-toggle .serv-title{font-size:clamp(29px,8vw,44px);}
 .service-toggle .serv-explain{font-size:12px;line-height:1.55;}
 .service-toggle-arrow{font-size:25px;}
 .service-detail-body{padding:6px 8px 26px 39px;}
 .service-detail-description h3{font-size:30px;}
 .service-detail-description p{font-size:14px;}
 .service-mini-calc{padding:20px 16px;}
 .service-calc-heading{display:block;}
 .service-calc-heading h4{font-size:26px;margin-bottom:4px;}
 .service-calc-heading span{display:block;margin-bottom:15px;}
 .service-calc-total output{font-size:68px;}
}
@media(prefers-reduced-motion:reduce){
 .services-splice{height:0;}
 .service-strip .service-section-inner{transform:none!important;opacity:1!important;}
 .service-toggle,.service-toggle-arrow,.service-detail{transition:none!important;}
}


/* V3.20 Managed Services one-time setup and GivingHR+ inclusion clarity */
.service-setup-line{display:flex;align-items:baseline;justify-content:space-between;gap:18px;border-top:1px solid #d6ddd9;padding-top:13px;margin-top:17px;color:#354354;}
.service-setup-line span{font:800 11px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:#526473;}
.service-setup-line strong{font:normal 29px/1.15 Georgia,serif;color:#334255;white-space:nowrap;}
.service-bundle-note{margin:11px 0 0!important;font:normal 13px/1.55 Arial,Helvetica,sans-serif!important;color:#526071!important;}
.service-bundle-included{color:#176b57!important;}
@media(max-width:600px){.service-setup-line strong{font-size:26px;}}


/* V3.21 color comparison, stronger original dark editorial look.
   Scoped to Managed Services only; no changes to pricing math or accordion logic. */
.services-splice-left,.services-splice-right{background:#292d3c;}
.services-splice-seam{background:#58e8af88;}
.service-strip{background:#292d3c;color:#ffffff;}
.service-strip::after{border-color:#ffffff20;}
.service-strip .eyebrow{color:#eef0f5;}
.service-strip .num-mark{color:#fa666a;}
.service-strip .service-intro h2{color:#ffffff;}
.service-strip .service-intro h2 em{color:#58eab2;}
.service-strip .service-intro p{color:#e0e4ec;}
.service-strip .service-rows{border-top-color:#ffffff42;}
.service-strip .service-row{border-bottom-color:#ffffff42;}
.service-strip .service-row:hover{background:#ffffff0a;}
.service-strip .service-row.is-open{background:#ffffff0e;}
.service-strip .service-toggle{color:#ffffff;}
.service-strip .service-toggle .serv-n{color:#d6dbea;}
.service-strip .service-toggle .serv-title{color:#ffffff;}
.service-strip .service-toggle .serv-explain{color:#e1e5ed;}
.service-strip .service-toggle-arrow{color:#5ae8af;}
.service-strip .service-row.is-open .service-toggle-arrow{color:#ff7d81;}
.service-strip .service-detail-eyebrow{color:#5ae8af;}
.service-strip .service-detail-description h3{color:#ffffff;}
.service-strip .service-detail-description h4{color:#ffffff;}
.service-strip .service-detail-description p{color:#e2e7ee;}
.service-strip .service-inclusions li{color:#f1f4f7;}
.service-strip .service-inclusions li::before{color:#60eab2;}
.service-strip .service-scope-note{color:#c3ccdb!important;}
.service-strip .service-learn{color:#ffffff;border-bottom-color:#58eab2;}
.service-strip .service-learn span{color:#58eab2;}
.service-strip .service-learn:hover{color:#78f8c6;}
.service-strip .service-fineprint{color:#c0cada;}

/* The expandable calculators inherit the section instead of appearing as pale cards. */
.service-strip .service-mini-calc{
  background:#383e50;
  color:#ffffff;
  border-color:#ffffff30;
  box-shadow:0 22px 60px #0c122237;
}
.service-strip .service-price-overline{color:#76f0c0;}
.service-strip .service-price-pulse{background:#63eab6;box-shadow:0 0 0 3px #63eab62c;}
.service-strip .service-calc-heading h4{color:#ffffff;}
.service-strip .service-calc-heading span{color:#c9d3df;}
.service-strip .service-headcount-number{color:#ffffff;border-bottom-color:#a7c1c8;background:transparent;}
.service-strip .service-headcount>span{color:#e1e5ec;}
.service-strip .service-headcount-range{accent-color:#60e7b1;}
.service-strip .service-range-ends{color:#c0ccda;}
.service-strip .service-calc-total{border-top-color:#ffffff30;}
.service-strip .service-calc-total>span{color:#e5ecf2;}
.service-strip .service-calc-total output{color:#ff777b;}
.service-strip .service-calc-total small{color:#d1dce7;}
.service-strip .service-calc-total small strong{color:#ffffff;}
.service-strip .service-calc-breakdown{color:#d1dbe8;}
.service-strip .service-calc-caution{color:#c0cedd;border-top-color:#ffffff30;}
.service-strip .service-setup-line{color:#ffffff;border-top-color:#ffffff30;}
.service-strip .service-setup-line span{color:#d1dce8;}
.service-strip .service-setup-line strong{color:#ffffff;}
.service-strip .service-bundle-note{color:#d1dce8!important;}
.service-strip .service-bundle-included{color:#83f1c6!important;}


/* V3.23: stronger, scroll-driven split FROM Pricing INTO Managed Services.
   Keeps the approved deep charcoal and editorial layout unchanged. */
.services-splice{
  height:clamp(238px,38vh,390px);
  margin-top:-1px;
  background:#f3f1ee;
  isolation:isolate;
  z-index:3;
  overflow:hidden;
  --splice-progress:0;
}
.services-splice-left,.services-splice-right{
  top:-1px;
  bottom:-1px;
  width:61%;
  background:#292d3c;
  will-change:transform;
  backface-visibility:hidden;
}
.services-splice-left{
  left:-3%;
  clip-path:polygon(0 0,100% 0,79% 100%,0 100%);
  transform-origin:20% 100%;
  transform:translate3d(calc((1 - var(--splice-progress))*-15%),calc((1 - var(--splice-progress))*132%),0)
    rotate(calc((1 - var(--splice-progress))*-3.2deg));
}
.services-splice-right{
  right:-3%;
  clip-path:polygon(21% 0,100% 0,100% 100%,0 100%);
  transform-origin:80% 100%;
  transform:translate3d(calc((1 - var(--splice-progress))*15%),calc((1 - var(--splice-progress))*146%),0)
    rotate(calc((1 - var(--splice-progress))*3.2deg));
}
.services-splice-seam{
  left:50%;top:-16%;height:170%;width:3px;
  background:linear-gradient(to bottom,transparent,#d2fff0 20%,#4fdfaa 58%,transparent 91%);
  box-shadow:0 0 24px #5ae9b35c;
  transform:rotate(31deg) scaleY(var(--splice-progress));
  opacity:calc(var(--splice-progress)*.94);
}
/* No diagonal / wedge / splice between Managed Services and GivingHR+. */
.software::before{content:none!important;display:none!important;}
/* Straight transition keeps the mint GivingHR+ panel full-width immediately. */
.software{clip-path:none;}
@media(max-width:860px){
  .services-splice{height:clamp(185px,29vh,295px);}
  .services-splice-left,.services-splice-right{width:62%;}
}
@media(max-width:600px){
  .services-splice{height:170px;}
  .services-splice-left,.services-splice-right{width:64%;}
  .services-splice-seam{width:2px;}
}
@media(prefers-reduced-motion:reduce){
  .services-splice{height:0!important;}
  .services-splice-left,.services-splice-right{transform:none!important;}
}


/* V3.24: continue the managed-services transition after the split closes.
   Phase 1: dark wings meet. Phase 2: green seam retreats upward as words
   lift out. Phase 3: the two managed-service options rise into focus. */
.services-splice{--splice-recede:0;}
.services-splice-seam{
  transform-origin:50% 0%;
  /* The seam diminishes from its lower tip, never lingering as a static line. */
  transform:translateY(var(--seam-offset,0px)) rotate(31deg) scaleY(var(--seam-scale,0));
  opacity:var(--seam-opacity,0);
}
.service-strip{--service-rise:0;--service-row-arrival:0;}
/* Keep the section as a natural scrolling page, not a pinned/sluggish slab. */
.service-strip .service-section-inner{transform:none;opacity:1;}
.service-strip .service-section-inner>.eyebrow{
  transform:translate3d(0,var(--eyebrow-y,13px),0);
  will-change:transform;
}
.service-strip .service-intro{
  transform:translate3d(0,var(--intro-y,24px),0);
  will-change:transform;
}
.service-strip .service-intro h2{
  transform:translate3d(0,var(--h2-y,0px),0);
}
.service-strip .service-intro p{
  transform:translate3d(0,var(--copy-y,0px),0);
}
.service-strip .service-rows{
  transform:translate3d(0,var(--rows-y,35px),0);
  opacity:calc(.76 + var(--service-row-arrival) * .24);
  will-change:transform,opacity;
}
/* Reuse the original reveal observer for visibility but never let its
   one-shot Y transform override the continuous motion above. */
.service-strip .service-intro.reveal,
.service-strip .service-section-inner>.eyebrow.reveal{transition:opacity .55s ease;}
@media(max-width:860px){
  .service-strip .service-intro{
    transform:translate3d(0,var(--intro-y,24px),0);
  }
  .service-strip .service-rows{
    transform:translate3d(0,var(--rows-y,35px),0);
  }
}
@media(prefers-reduced-motion:reduce){
  .services-splice-seam{opacity:0!important;transform:none!important;}
  .service-strip .service-section-inner>.eyebrow,
  .service-strip .service-intro,
  .service-strip .service-intro h2,
  .service-strip .service-intro p,
  .service-strip .service-rows{transform:none!important;opacity:1!important;will-change:auto;}
}


/* V3.25 | Close the dead-air gap after the services splice.
   The dramatic diagonal choreography stays, but no longer occupies
   hundreds of pixels before visitors encounter the actual content. */
.services-splice {
  height: clamp(136px, 15.5vh, 178px);
}
.service-strip {
  padding-top: 30px;
}
/* The numbered introduction should arrive immediately after the split. */
.service-strip .service-intro {
  margin-top: 27px;
  margin-bottom: 32px;
}
@media(max-width: 860px) {
  .services-splice { height: clamp(100px, 13vh, 136px); }
  .service-strip { padding-top: 24px; }
  .service-strip .service-intro { margin-top: 24px; }
}
@media(max-width: 600px) {
  .services-splice { height: 92px; }
  .service-strip { padding-top: 18px; }
  .service-strip .service-intro { margin-top: 20px; margin-bottom: 24px; }
}
@media(prefers-reduced-motion:reduce) {
  .services-splice { height: 0!important; }
}

/* V3.26: a genuinely pinned Managed Services editorial moment.
   The intro holds below the header for a short scroll beat while its text
   rises, then releases and the existing expandable service rows take over. */
.service-strip{overflow:clip;padding:0 0 92px;background:#292d3c;--intro-pin-progress:0;--service-row-arrival:1;}
.service-intro-runway{
  --intro-pin-height:clamp(450px,61vh,625px);
  --intro-scroll-travel:clamp(155px,22vh,240px);
  position:relative;
  height:calc(var(--intro-pin-height) + var(--intro-scroll-travel));
}
.service-intro-pin{
  position:sticky;
  top:66px;
  height:var(--intro-pin-height);
  display:flex;align-items:flex-start;
  z-index:2;
}
.service-intro-copy{padding-top:clamp(112px,19vh,184px);will-change:transform;
  transform:translate3d(0,var(--intro-pin-shift,0px),0);}
.service-strip .service-intro-copy>.eyebrow{color:#eef0f5;transform:none;}
.service-strip .service-intro-copy .service-intro{margin:27px 0 0;transform:none;opacity:1;}
.service-strip .service-intro-copy .service-intro h2,
.service-strip .service-intro-copy .service-intro p{transform:none;}
.service-strip .service-section-inner{position:relative;z-index:3;}
.service-strip .service-rows{transform:translate3d(0,calc(28px - var(--service-row-arrival,1)*28px),0);opacity:calc(.80 + .20 * var(--service-row-arrival,1));}
.service-strip .service-section-inner>.eyebrow{display:none;}
/* HR+ arrives through a short, scroll-scrubbed reveal, with no empty panel. */
.hr-entrance{
  position:relative;z-index:4;isolation:isolate;
  height:clamp(125px,16vh,170px);
  background:#dff6ed;overflow:hidden;pointer-events:none;
  --hr-entry-progress:0;
}
.hr-entrance-panel{position:absolute;top:-1px;bottom:-1px;width:54%;background:#292d3c;will-change:transform;}
.hr-entrance-left{left:-2%;clip-path:polygon(0 0,100% 0,88% 100%,0 100%);
  transform:translate3d(var(--hr-left-offset,0%),0,0);}
.hr-entrance-right{right:-2%;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);
  transform:translate3d(var(--hr-right-offset,0%),0,0);}
.hr-entrance-line{position:absolute;left:0;right:0;top:50%;height:2px;background:#5ae8af;
  opacity:var(--hr-line-opacity,.65);
  transform:scaleX(var(--hr-line-scale,.85));transform-origin:center;}
.software{padding-top:clamp(95px,10vh,125px);}
/* Click targets align with the two original clock tiles in the uploaded screenshot. */
.device-front{position:absolute;}
.hr-screen-hit{
  position:absolute;top:25.25%;height:12.9%;border:2px solid transparent;border-radius:12px;
  background:transparent;cursor:pointer;z-index:3;font-size:0;
}
.hr-screen-hit-in{left:33.25%;width:19.2%;}
.hr-screen-hit-out{left:63.4%;width:19.4%;}
.hr-screen-hit:hover,.hr-screen-hit:focus-visible{border-color:#1c9c77;box-shadow:0 0 0 5px #d5faec90;outline:none;}
.hr-screen-hit-out:hover,.hr-screen-hit-out:focus-visible{border-color:#eb5f60;box-shadow:0 0 0 5px #ffd9db90;}
.hr-interactive-demo{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:21px;max-width:440px;}
.hr-demo-control{background:#1d3641;border:1px solid #1d3641;border-radius:2px 12px 2px 12px;color:white;
  font-size:12px;font-weight:800;letter-spacing:.06em;padding:12px 17px;display:inline-flex;align-items:center;gap:20px;white-space:nowrap;}
.hr-demo-control:hover{background:#173039;transform:translateY(-2px);}
.hr-demo-control:focus-visible{outline:3px solid #eb5f60;outline-offset:3px;}
.hr-demo-control span{color:#5ae8af;font-size:19px;}
.hr-demo-status{font-size:12px!important;line-height:1.55!important;color:#3a635e!important;flex:1 1 190px;margin:0!important;}
@media(max-width:1024px){
  .service-intro-runway{--intro-pin-height:clamp(390px,57vh,530px);--intro-scroll-travel:170px;}
  .service-intro-copy{padding-top:clamp(94px,14vh,140px);transform:translate3d(0,var(--intro-pin-shift,0px),0);}
}
@media(max-width:760px){
  /* Smaller screens: no large pinned scroll chamber; keep a natural reading flow. */
  .service-strip{padding:26px 0 65px;}
  .service-intro-runway{height:auto;}
  .service-intro-pin{position:relative;top:auto;height:auto;}
  .service-intro-copy{padding-top:16px;transform:none!important;will-change:auto;}
  .service-strip .service-intro-copy .service-intro{margin:24px 0 26px;}
  .service-strip .service-rows{transform:none!important;opacity:1!important;}
  .hr-entrance{height:92px;}
  .software{padding-top:84px;}
  .hr-interactive-demo{margin-top:18px;}
  .hr-demo-status{font-size:11px!important;}
}
@media(prefers-reduced-motion:reduce){
  .service-intro-runway{height:auto!important;}
  .service-intro-pin{height:auto!important;position:relative!important;top:auto!important;}
  .service-intro-copy{transform:none!important;padding:48px 0 22px!important;}
  .hr-entrance{height:0!important;}
  .hr-entrance-panel{display:none!important;}
}


/* V3.27: strip out the accidental empty scroll chambers.
   The visual split stays, but no longer adds a big blank block before the words.
   This is deliberately compact on every screen size. */
.services-splice{height:clamp(65px,8vh,84px);}
.service-strip{padding-bottom:clamp(36px,5vh,58px);}
.service-intro-runway{
  --intro-pin-height:clamp(325px,39vh,365px);
  --intro-scroll-travel:clamp(64px,9vh,85px);
}
.service-intro-copy{padding-top:24px;}
.service-strip .service-intro-copy .service-intro{margin:19px 0 0;}
/* The GivingHR+ dark panels now sit OVER its first pixels, not BEFORE them.
   Negative lower margin cancels the transition's physical height. */
.hr-entrance{height:72px;margin-bottom:-72px;}
.software{padding-top:96px;}
@media (max-width:1024px){
  .service-intro-runway{--intro-pin-height:clamp(305px,39vh,355px);--intro-scroll-travel:70px;}
  .service-intro-copy{padding-top:22px;}
}
@media (max-width:760px){
  .services-splice{height:54px;}
  .service-strip{padding:11px 0 47px;}
  .service-intro-runway{height:auto;}
  .service-intro-pin{height:auto;position:relative;top:auto;}
  .service-intro-copy{padding:12px 0 7px;transform:none!important;}
  .service-strip .service-intro-copy .service-intro{margin:18px 0 15px;}
  .hr-entrance{height:48px;margin-bottom:-48px;}
  .software{padding-top:64px;}
}
@media (prefers-reduced-motion:reduce){
  .services-splice{height:0!important;}
  .service-intro-runway{height:auto!important;}
  .service-intro-pin{height:auto!important;position:relative!important;top:auto!important;}
  .service-intro-copy{padding:28px 0 15px!important;transform:none!important;}
  .hr-entrance{height:0!important;margin-bottom:0!important;}
}

/* V3.28: clear pricing math, visible signup, working two-state screenshot demo. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.receipt-signup,.unfold-signup{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eb5f60;color:#fff;border:2px solid #eb5f60;border-radius:3px 17px 3px 17px;box-shadow:0 10px 20px #cb505126;font-size:14px;font-weight:900;letter-spacing:.05em;min-height:57px;padding:15px 19px;text-align:left;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
.receipt-signup{width:100%;margin-top:14px;}
.receipt-signup span,.unfold-signup span{font-size:23px;font-weight:400;line-height:1;}
.receipt-signup:hover,.unfold-signup:hover{transform:translateY(-3px);background:#d74852;box-shadow:0 14px 27px #cb505135;}
.receipt-signup:focus-visible,.unfold-signup:focus-visible{outline:3px solid #168a77;outline-offset:4px;}
.receipt-signup-note{color:#526c70;font-size:11px;line-height:1.45;text-align:center;margin:9px 0 0;}
.unfold-signup{align-self:flex-end;width:min(320px,100%);margin-top:12px;min-height:54px;}
.unfold-math{padding:22px 36px 24px;background:#f1f9f5;border-top:1px solid #cee7da;border-bottom:1px solid #cee7da;color:#273f46;}
.unfold-math-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;}
.unfold-math-label strong{font-size:11px;font-weight:900;letter-spacing:.11em;color:#237d68;}
.unfold-math-label span{font-size:12px;color:#506b68;}
.unfold-math-items{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1.25fr) 26px minmax(0,1.15fr);gap:10px;align-items:center;}
.unfold-math .math-unit{background:#fffefa;border:1px solid #dce9e2;border-radius:2px 12px 2px 12px;padding:15px 16px;min-width:0;display:flex;flex-direction:column;gap:4px;}
.unfold-math .math-unit span{font-size:12px;line-height:1.3;color:#5c6c70;}
.unfold-math .math-unit strong{font:normal clamp(23px,2vw,31px)/1.1 Georgia,serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums;}
.unfold-math .math-symbol{text-align:center;font:normal 26px/1 Georgia,serif;color:#ec5f62;}
.unfold-math .math-total{background:#233c48;border-color:#233c48;color:#fff;}
.unfold-math .math-total span{color:#b9e6d7;}
.unfold-math .unfold-math-explainer{font-size:12px;line-height:1.6;color:#405c5f;margin:16px 0 0;}
.intent-button:nth-child(2){min-height:70px;background:#eb5f60;color:#fff;font:800 15px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.02em;border:2px solid #eb5f60;box-shadow:0 7px 19px #c34d5122;}
.intent-button:nth-child(2):hover{background:#d74c51;box-shadow:0 10px 22px #c34d5138;}
.service-row{scroll-margin-top:86px;}
/* Colorful screenshot labels should be legible on the pale mint section. */
.software-caption{right:0;top:0;transform:none;background:#fcfffcf2;border-left:4px solid #24b38c;color:#1d6257;padding:12px 15px;font:900 12px/1.25 Arial,Helvetica,sans-serif;letter-spacing:.08em;z-index:7;box-shadow:0 7px 22px #235a4618;}
.software-little-note{right:0;bottom:-12px;transform:none;color:#1d6257;background:#fcfffcf5;border-left:4px solid #eb5f60;padding:11px 15px;font:900 12px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.055em;z-index:8;box-shadow:0 6px 18px #235a4618;}
.software-little-note span{font-size:18px;vertical-align:middle;}
.hr-screen-hit{transition:background .22s ease,filter .22s ease,box-shadow .22s ease;overflow:hidden;}
.hr-screen-hit[disabled]{cursor:default;}
.hr-screen-hit-out[disabled]{pointer-events:none;}
.hr-screen-hit-in[disabled]{pointer-events:none;}
.device-front.is-clocked-in .hr-screen-hit-in{background:#454d52c9;border-color:#e3e9eb99;}
.device-front.is-clocked-in .hr-screen-hit-in:after{content:'✓  CLOCKED IN';display:flex;align-items:center;justify-content:center;height:100%;color:white;text-shadow:0 1px 6px #0006;font-size:clamp(8px,.87vw,13px);font-weight:900;letter-spacing:.02em;}
.device-front.is-clocked-in .hr-screen-hit-out{background:#148453e3;border:2px solid #b0f4d0;box-shadow:0 0 0 5px #37edb74d;cursor:pointer;}
.device-front.is-clocked-in .hr-screen-hit-out:after{content:'CLOCK OUT';display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:clamp(8px,.9vw,13px);font-weight:900;text-shadow:0 1px 5px #0005;letter-spacing:.02em;}
.hr-try-me{position:absolute;left:29%;top:9%;z-index:6;display:flex;align-items:center;gap:1px;background:transparent;border:0;color:#ef5857;padding:0;transform:rotate(-10deg);font:italic 900 clamp(11px,1.5vw,21px)/1 Georgia,serif;text-shadow:0 2px 2px #fffffff7;white-space:nowrap;}
.hr-try-me svg{width:clamp(30px,6vw,94px);height:auto;transform:rotate(-3deg);filter:drop-shadow(0 2px 1px #ffffffb0);}
.hr-try-me:hover,.hr-try-me:focus-visible{color:#a22d44;}
.hr-try-me[disabled]{display:none;}
.device-front.is-clocked-in .hr-try-me{display:none;}
@media(max-width:860px){.unfold-math{padding:22px 20px;}.unfold-math .math-unit{padding:12px 13px;}.unfold-math .math-unit strong{font-size:24px;}.software-caption{font-size:11px;}.software-little-note{font-size:11px;}}
@media(max-width:600px){.unfold-signup{align-self:stretch;width:100%;}.unfold-math{padding:18px;}.unfold-math-label{flex-direction:column;align-items:flex-start;gap:4px;}.unfold-math-items{grid-template-columns:1fr 18px 1fr;gap:6px;}.unfold-math .math-unit{padding:10px 9px;}.unfold-math .math-unit strong{font-size:21px;}.unfold-math .math-unit span{font-size:10px;}.unfold-math .math-symbol{font-size:20px;}.unfold-math .math-symbol:nth-of-type(2){display:none;}.unfold-math .math-total{grid-column:1/-1;}.software-caption{top:0;font-size:10px;padding:8px 10px;}.software-little-note{bottom:-8px;font-size:9px;padding:7px 10px;}.hr-try-me{font-size:12px;left:30%;top:5%;}.hr-try-me svg{width:40px;}.device-front.is-clocked-in .hr-screen-hit-in:after,.device-front.is-clocked-in .hr-screen-hit-out:after{font-size:7px;letter-spacing:-.01em;}}
@media(prefers-reduced-motion:reduce){.receipt-signup,.unfold-signup{transition:none;}}

/* Switching accordion panels should never pull the newly selected panel out of view. */
.service-row.is-switching .service-detail{transition:none!important;}
/* The hand-drawn note points *down toward* the actual Clock In tile. */
.hr-try-me{left:24.5%;top:9%;align-items:flex-start;}
.hr-try-me svg{width:clamp(44px,6.7vw,96px);height:clamp(53px,8.8vw,125px);transform:translate(-5px,10px) rotate(4deg);}
@media(max-width:600px){.hr-try-me{top:6%;left:26%;font-size:11px;}.hr-try-me svg{width:46px;height:62px;transform:translate(-3px,4px) rotate(4deg);}}

/* Prominent but candid managed-service inquiry actions. */
.service-start{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 19px;min-height:62px;background:#eb5f60;color:#fff;border:2px solid #eb5f60;border-radius:2px 16px 2px 16px;font:900 13px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.045em;text-align:left;transition:transform .2s ease,background .2s ease;}
.service-start span{font:normal 24px/1 Georgia,serif;color:#fff;}
.service-start:hover{transform:translateY(-3px);background:#d3484b;}
.service-action-context{font:normal 12px/1.55 Arial,Helvetica,sans-serif;color:#c0d5d1;margin:10px 0 16px;}
.service-calc-breakdown{line-height:1.65;}


/* V3.29: match the graceful curved arrows used in the payroll pricing chapter. */
.hr-try-me{
  left:24.5%; top:9%; gap:4px; align-items:flex-start;
  border:0; border-radius:0; background:none; padding:0;
  color:var(--coral); transform:none; text-shadow:none;
  font:800 clamp(10px,.95vw,13px)/1.25 Arial,Helvetica,sans-serif;
  letter-spacing:.13em; text-transform:uppercase;
  filter:none; box-shadow:none;
}
.hr-try-me span{display:block;padding-top:3px;white-space:nowrap;}
.hr-try-me svg{
  display:block;width:clamp(58px,6vw,90px);height:clamp(62px,7.3vw,109px);
  transform:translate(-7px,10px) rotate(2deg);
  fill:none; overflow:visible; filter:none;
}
.hr-try-me svg path{
  fill:none; stroke:currentColor; stroke-width:5;
  stroke-linecap:round; stroke-linejoin:round;
}
.hr-try-me:hover,.hr-try-me:focus-visible{color:#ce3c4b;}
.hr-try-me:focus-visible{outline:2px solid #eb5f60;outline-offset:4px;}
@media(max-width:600px){
  .hr-try-me{left:25.5%;top:6%;font-size:9px;letter-spacing:.08em;gap:0;}
  .hr-try-me svg{width:48px;height:62px;transform:translate(-4px,5px) rotate(2deg);}
  .hr-try-me svg path{stroke-width:5.5;}
}

/* V3.31 | Deep ocean PayNonprofits + viewport-conscious pinned desktop scene.
   The transitions live inside existing sections, adding no scroll spacer. */
.giveback{
  --giving-enter:1; --pay-scroll:0;
  position:relative;isolation:isolate;overflow:clip;
  background:#146f80;color:#fff;
  padding:clamp(65px,6vw,92px) 0 clamp(60px,5.5vw,83px);
}
.giveback-top{position:relative;z-index:3;}
.giveback .giveback-eyebrow{font-size:11px;letter-spacing:.13em;color:#fff;gap:12px;}
.giveback .giveback-eyebrow .num-mark{color:#b9f4e0;}
.giveback .giveback-layout{display:grid;grid-template-columns:minmax(0, .91fr) minmax(0,1fr);gap:6.5%;align-items:center;min-height:0;margin-top:30px;}
.giveback .giveback-left{height:clamp(315px,29vw,420px);position:relative;align-self:center;min-width:0;}
.giveback .five-outline{top:4%;left:-5%;font-family:var(--sans);font-size:clamp(245px,26vw,390px);font-weight:800;letter-spacing:-.13em;line-height:1;-webkit-text-stroke:2px #ffffff50;color:transparent;opacity:.87;transform:translate3d(calc((1 - var(--giving-enter,1))*-26px),0,0);}
.giveback .five-solid{top:24%;left:6%;font:normal clamp(176px,19vw,285px)/1 var(--serif);letter-spacing:-.1em;color:#fff;white-space:nowrap;opacity:calc(.65 + .35 * var(--giving-enter,1));transform:translate3d(calc((1 - var(--giving-enter,1))*-55px),calc((1 - var(--giving-enter,1))*32px),0);will-change:transform;}
.giveback .five-solid>span{font-family:var(--sans);font-size:clamp(48px,5vw,78px);color:#baf3db;letter-spacing:-.02em;margin-left:14px;position:relative;top:-.9em;transform:rotate(-12deg);}
.giveback .five-under-note{position:absolute;left:7%;bottom:6%;max-width:370px;font:800 11px/1.6 var(--sans);letter-spacing:.12em;color:#ddf6f3;border-top:1px solid #ffffff80;padding-top:17px;}
.giveback .five-under-note span{margin:0 10px;color:#baf3db;}
.giveback .giveback-overline{font:800 11px/1.4 var(--sans);letter-spacing:.17em;color:#b9f4e0;margin-bottom:19px;}
.giveback .giveback-right{transform:translate3d(0,calc((1 - var(--giving-enter,1))*32px),0);opacity:calc(.65 + .35 * var(--giving-enter,1));will-change:transform,opacity;}
.giveback .giveback-right h2{font:normal clamp(55px,5.9vw,86px)/.99 var(--serif);letter-spacing:-.06em;margin:0 0 25px;max-width:690px;}
.giveback .giveback-right h2 em{display:block;font-weight:normal;color:#baf3db;font-style:italic;}
.giveback .giveback-lead{font:normal clamp(28px,2.6vw,39px)/1.14 var(--serif);letter-spacing:-.027em;margin:0 0 21px;}
.giveback .giveback-lead strong{font-weight:normal;color:#baf3db;font-style:italic;}
.giveback .giveback-description{font:normal clamp(15px,1.22vw,18px)/1.67 var(--sans);color:#effbfa;max-width:575px;margin:0;}
.giveback .giveback-description strong{font-weight:800;color:#fff;}
.giveback .giveback-bottom{margin-top:clamp(24px,2.9vw,39px);border-top:1px solid #ffffff89;padding-top:20px;display:grid;grid-template-columns:1fr;gap:19px;}
.giveback .giveback-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,42px);}
.giveback .giveback-how>div{display:flex;gap:14px;align-items:baseline;}
.giveback .giveback-how span{font:800 12px/1.3 var(--sans);color:#baf3db;}
.giveback .giveback-how strong{font:normal clamp(17px,1.45vw,21px)/1.25 var(--serif);font-weight:normal;color:#fff;}
.giveback .giveback-legal{font:normal 11px/1.55 var(--sans);color:#e2f2ef;opacity:.86;margin:0;max-width:910px;}
/* Two angled dark shutters peel back to reveal the ocean-teal chapter; overlaid, not in normal flow. */
.giveback-curtain{position:absolute;inset:0 0 auto;height:clamp(160px,26vw,315px);z-index:4;overflow:hidden;pointer-events:none;}
.giveback-curtain-left,.giveback-curtain-right{position:absolute;top:-1px;bottom:-1px;width:57%;background:#282c3b;will-change:transform;}
.giveback-curtain-left{left:-3%;clip-path:polygon(0 0,100% 0,77% 100%,0 100%);transform:translate3d(calc(var(--give-left,-109%)),calc(var(--give-up,-30%)),0);}
.giveback-curtain-right{right:-3%;clip-path:polygon(23% 0,100% 0,100% 100%,0 100%);transform:translate3d(calc(var(--give-right,109%)),calc(var(--give-up,-30%)),0);}
.giveback-curtain-seam{position:absolute;left:50%;top:-35%;height:160%;width:2px;transform-origin:top center;transform:rotate(-21deg) scaleY(var(--give-seam,0));background:linear-gradient(transparent,#79e3d5 28%,#fff 60%,transparent);box-shadow:0 0 18px #ffffff55;opacity:var(--give-seam,0);}
.giveback-orbit{position:absolute;width:clamp(600px,93vw,1450px);height:clamp(600px,93vw,1450px);left:-34%;top:-29%;border:1px solid #c5fbef32;border-radius:50%;z-index:0;pointer-events:none;transform:scale(calc(.96 + var(--giving-enter,1)*.04));}
.giveback-orbit::after{content:'';position:absolute;inset:13%;border:1px solid #c5fbef20;border-radius:50%;}
/* White testimonial page turns in as a receding ocean-teal diagonal. It adds zero document height. */
.testimonial{--quote-diagonal-right:0%;--quote-diagonal-left:0%;position:relative;isolation:isolate;overflow:hidden;z-index:1;background:#fff;padding:clamp(118px,11vw,160px) 0 clamp(100px,10vw,148px);}
.testimonial::before{content:'';position:absolute;inset:0 0 auto;height:clamp(95px,11vw,165px);z-index:2;background:#146f80;clip-path:polygon(0 0,100% 0,100% var(--quote-diagonal-right),0 var(--quote-diagonal-left));pointer-events:none;}
.testimonial-row{position:relative;z-index:3;}
@media(max-width:950px){
  .giveback .giveback-layout{gap:3%;}
  .giveback .giveback-right h2{font-size:clamp(53px,6.3vw,77px);}
  .giveback .five-solid{font-size:clamp(160px,20vw,270px);}
  .giveback .five-outline{font-size:clamp(235px,31vw,360px);}
  .giveback .giveback-left{height:420px;}
}
@media(max-width:680px){
  .giveback{padding:86px 0 75px;}
  .giveback .giveback-eyebrow{font-size:9px;letter-spacing:.075em;line-height:1.6;}
  .giveback .giveback-layout{grid-template-columns:1fr;gap:0;margin-top:28px;}
  .giveback .giveback-left{height:225px;max-width:440px;}
  .giveback .five-outline{left:-2%;top:-4%;font-size:225px;}
  .giveback .five-solid{top:11%;left:5%;font-size:176px;}
  .giveback .five-solid>span{font-size:45px;top:-.6em;}
  .giveback .five-under-note{bottom:1%;left:6%;font-size:9px;}
  .giveback .giveback-overline{font-size:9px;margin:28px 0 13px;}
  .giveback .giveback-right h2{font-size:clamp(51px,11vw,71px);margin-bottom:22px;}
  .giveback .giveback-lead{font-size:31px;}
  .giveback .giveback-description{font-size:15px;line-height:1.62;}
  .giveback .giveback-bottom{margin-top:35px;}
  .giveback .giveback-how{grid-template-columns:1fr;gap:12px;}
  .giveback .giveback-how>div{gap:12px;}
  .giveback .giveback-how strong{font-size:20px;}
  .giveback-curtain{height:160px;}
  .giveback-curtain-left,.giveback-curtain-right{width:60%;}
  .testimonial{padding:105px 0 94px;}
}
@media(prefers-reduced-motion:reduce){
  .giveback .five-solid,.giveback .five-outline,.giveback .giveback-right,.giveback-orbit{transform:none!important;opacity:1!important;}
  .giveback-curtain{display:none!important;}
  .testimonial::before{display:none!important;}
}


/* V3.31 | On roomy computer displays, PayNonprofits stays in one frame while
   its complete composition rises with the user's scroll. No artificial blank spacer. */
@media (min-width:1100px) and (min-height:720px) and (prefers-reduced-motion:no-preference){
  .giveback{
    padding:0;
    height:calc(100svh + clamp(180px,24vh,280px));
    min-height:0;
    overflow:clip;
  }
  .giveback .giveback-top{
    position:sticky;
    top:66px;
    height:calc(100svh - 66px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:12px 0 18px;
    transform:translate3d(0,calc(68px - 120px * var(--pay-scroll,0)),0);
    will-change:transform;
  }
  .giveback .giveback-layout{margin-top:20px;gap:5%;}
  .giveback .giveback-left{height:clamp(245px,32vh,330px);}
  .giveback .five-outline{font-size:clamp(220px,25vw,350px);top:-3%;}
  .giveback .five-solid{font-size:clamp(165px,18vw,265px);top:16%;}
  .giveback .five-under-note{bottom:0;}
  .giveback .giveback-right h2{font-size:clamp(54px,5.7vw,79px);margin-bottom:17px;}
  .giveback .giveback-overline{margin-bottom:13px;}
  .giveback .giveback-lead{font-size:clamp(27px,2.4vw,35px);margin-bottom:13px;}
  .giveback .giveback-description{font-size:clamp(14px,1.1vw,16px);line-height:1.56;}
  .giveback .giveback-bottom{margin-top:clamp(12px,2.5vh,25px);padding-top:15px;gap:11px;}
  .giveback .giveback-how strong{font-size:clamp(16px,1.35vw,19px);}
  .giveback .giveback-legal{font-size:10px;}
}
@media (min-width:1100px) and (min-height:720px) and (max-height:815px) and (prefers-reduced-motion:no-preference){
  .giveback .giveback-left{height:240px;}
  .giveback .five-outline{font-size:225px;}
  .giveback .five-solid{font-size:170px;}
  .giveback .giveback-right h2{font-size:clamp(52px,5.4vw,66px);}
  .giveback .five-under-note{font-size:9px;}
}

/* V3.32: Keep the mint-to-charcoal diagonal, but make it the END of
   GivingHR+ rather than a white overlay ON TOP of chapter 05.
   The old wedge crossed the 05 eyebrow as the pinned scene entered. */
.difference .diff-top-wedge { display:none; }
.software::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:clamp(64px,6.3vw,112px);
  background:#282c3b;
  clip-path:polygon(0 100%,100% 6%,100% 100%);
  pointer-events:none;
  z-index:3;
}
/* The dark chapter remains fully uncovered at all scroll positions. */
.diff-stage { z-index:1; }
@media (max-width:600px) {
  .software::after { height:48px; }
}

/* V3.33 | Retire the redundant three-step PayNonprofits strip.
   Keep the program eligibility note tucked neatly beneath the composition. */
.giveback .giveback-bottom { margin-top:clamp(15px,2vw,26px); padding-top:14px; gap:0; }
@media (min-width:1100px) and (min-height:720px) and (prefers-reduced-motion:no-preference){
  .giveback .giveback-bottom { margin-top:clamp(10px,1.7vh,18px); padding-top:12px; }
}


/* V3.34 | PayNonprofits number hierarchy: one unmistakable solid $5,
   a smaller, quiet contour behind it. All prior section colors and copy unchanged. */
.giveback .five-outline{font-size:clamp(165px,18vw,245px);top:8%;left:1%;-webkit-text-stroke:1.45px #d1f6ed4c;opacity:.5;letter-spacing:-.115em;}
.giveback .five-solid{font-size:clamp(228px,24vw,350px);top:7%;left:9%;letter-spacing:-.095em;line-height:1;}
.giveback .five-under-note{left:10%;bottom:1%;max-width:440px;}
@media(min-width:1100px) and (min-height:720px) and (prefers-reduced-motion:no-preference){
  .giveback .five-outline{font-size:clamp(150px,17vw,225px);top:9%;left:2%;}
  .giveback .five-solid{font-size:clamp(222px,22vw,320px);top:0%;left:10%;}
  .giveback .five-under-note{left:10%;bottom:-3%;}
}
@media(min-width:1100px) and (min-height:720px) and (max-height:815px) and (prefers-reduced-motion:no-preference){
  .giveback .five-outline{font-size:145px;top:10%;}
  .giveback .five-solid{font-size:230px;top:-1%;}
  .giveback .five-under-note{bottom:0%;}
}
@media(min-width:681px) and (max-width:1099px){
  .giveback .five-outline{font-size:clamp(155px,17vw,210px);top:14%;}
  .giveback .five-solid{font-size:clamp(210px,22vw,285px);top:10%;left:8%;}
}
@media(max-width:680px){
  .giveback .giveback-left{height:235px;}
  .giveback .five-outline{font-size:135px;top:13%;left:3%;}
  .giveback .five-solid{font-size:208px;top:1%;left:11%;}
  .giveback .five-solid>span{font-size:47px;top:-.77em;}
  .giveback .five-under-note{left:8%;bottom:1%;font-size:9px;}
}
@media(max-width:380px){
  .giveback .five-solid{font-size:190px;}
  .giveback .five-outline{font-size:125px;}
}

/* V3.34 | A distinct contact panel, transitioning in from the testimonial.
   The pale background continues the quote section; the contact block is
   a real, usable call-to-action rather than an edge-to-edge dark stripe. */
.testimonial{padding-bottom:clamp(105px,11vw,155px);}
.contact{--contact-progress:1;background:#f1f5f2;color:#fff;position:relative;isolation:isolate;min-height:0;padding:clamp(64px,6vw,100px) 0 clamp(54px,6vw,80px);overflow:hidden;}
.contact::before{content:'';position:absolute;left:0;right:0;top:-1px;height:clamp(40px,7vw,95px);background:#fff;clip-path:polygon(0 0,100% 0,100% 5%,0 100%);pointer-events:none;z-index:1;}
.contact-frame{position:relative;z-index:2;}
.contact-card{background:#292e3d;color:#fff;position:relative;isolation:isolate;overflow:hidden;min-height:0;border-radius:3px 3px 30px 3px;box-shadow:0 23px 60px #233b3922;transform:translate3d(0,calc((1 - var(--contact-progress,1))*33px),0);opacity:calc(.90 + .10 * var(--contact-progress,1));transition:box-shadow .3s ease;}
.contact-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#47d59e,#118aa8 54%,#ef5857);}
.contact-card::after{content:'';position:absolute;right:-12%;top:-40%;width:66%;aspect-ratio:1;border:1px solid #b8e5da17;border-radius:50%;pointer-events:none;}
.contact .contact-ghost{position:absolute;right:-28px;top:-52px;font:bold clamp(260px,31vw,450px)/1 var(--sans);letter-spacing:-.17em;color:#bbdfd9;opacity:.055;pointer-events:none;}
.contact .contact-inner{position:relative;z-index:1;padding:clamp(34px,4.3vw,62px) clamp(30px,4.5vw,68px) clamp(36px,4.5vw,67px);}
.contact .contact-eyebrow{color:#d6e6e3;letter-spacing:.13em;font-size:11px;}
.contact .contact-eyebrow .num-mark{color:var(--mint);}
.contact .contact-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);gap:clamp(40px,6vw,84px);align-items:start;margin-top:clamp(33px,4vw,56px);}
.contact .contact-lead h2{font:normal clamp(57px,5.7vw,87px)/1.04 var(--serif);letter-spacing:-.055em;margin:0;overflow-wrap:normal;}
.contact .contact-lead h2 em{color:#7ae5b6;font-style:italic;font-weight:normal;}
.contact-small-line{width:72px;height:3px;background:#ef5857;margin-top:40px;}
.contact .contact-question{font:normal clamp(20px,1.64vw,25px)/1.51 var(--serif);color:#e8eeee;margin:0 0 30px;max-width:590px;}
.contact .contact-question strong{color:#7ae5b6;font-style:italic;font-weight:normal;}
.contact-action{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 21px;background:#51d4a7;color:#1d3238;border:0;border-radius:3px;font:bold 12px/1.3 var(--sans);letter-spacing:.09em;text-align:left;transition:background .2s,transform .2s;}
.contact-action:hover{background:#8df1c6;transform:translateY(-2px);}
.contact-action span{font-size:23px;line-height:.75;}
.contact-methods{margin-top:24px;border-top:1px solid #cbe3dd35;}
.contact-method{display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:end;padding:16px 0 18px;border-bottom:1px solid #cbe3dd35;}
.contact-method>span{grid-column:1 / -1;color:#a7c9c5;font:700 10px/1.2 var(--sans);letter-spacing:.16em;}
.contact-method strong{font:normal clamp(20px,1.8vw,26px)/1.2 var(--serif);overflow-wrap:anywhere;font-weight:normal;}
.contact-method b{color:var(--mint);font:normal 24px/1 var(--sans);}
.contact-method:hover strong{color:#8df1c6;}
.contact-social{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center;margin-top:30px;font:700 11px/1.4 var(--sans);letter-spacing:.04em;}
.contact-social-label{color:#a6b9bf;letter-spacing:.14em;font-size:10px;margin-right:7px;}
.contact-social a{color:#fff;border-bottom:1px solid #5fdbb6;padding-bottom:4px;}
.contact-social a:hover{color:#8df1c6;}
.contact-social a span{color:#75dbb6;}
.contact-social-pending{color:#a9b8bc;opacity:.68;border-bottom:1px dashed #a9b8bc60;padding-bottom:4px;cursor:help;}
.contact-endnote{margin:22px 3px 0;font:700 10px/1.4 var(--sans);letter-spacing:.18em;color:#4b7778;}
@media(min-width:1400px){.contact-card{border-radius:3px 3px 44px 3px;}}
@media(max-width:900px){
  .contact .contact-grid{grid-template-columns:1fr;gap:28px;}
  .contact .contact-lead h2{font-size:clamp(53px,8vw,80px);}
  .contact .contact-question{font-size:22px;max-width:650px;}
  .contact-small-line{margin-top:24px;}
}
@media(max-width:600px){
  .testimonial{padding-bottom:95px;}
  .contact{padding:55px 0 50px;}
  .contact::before{height:42px;}
  .contact .contact-inner{padding:30px 25px 35px;}
  .contact .contact-grid{margin-top:25px;gap:24px;}
  .contact .contact-lead h2{font-size:clamp(45px,10vw,64px);line-height:1.05;margin:0;}
  .contact .contact-question{font-size:20px;line-height:1.43;margin-bottom:24px;}
  .contact .contact-method strong{font-size:21px;}
  .contact .contact-ghost{font-size:230px;top:20px;}
  .contact-social{gap:10px 14px;}
  .contact-social-label{flex-basis:100%;}
  .contact-endnote{font-size:9px;letter-spacing:.1em;}
}
@media(prefers-reduced-motion:reduce){.contact-card{transform:none!important;opacity:1!important;}}

/* Final optical alignment for the enlarged numeral: keep the fine print
   below the serif figure instead of letting the $5 cover its rule. */
@media (min-width:1100px) and (min-height:816px) and (prefers-reduced-motion:no-preference) {
  .giveback .five-solid { font-size:clamp(222px,20vw,288px); }
  .giveback .five-under-note { bottom:-35px; }
}
@media (max-width:680px) {
  .giveback .five-under-note { bottom:-8px; }
}


/* V3.35 | Live-site refinement, not screenshot artwork.
   Keep the authentic screenshot's Clock In/Out hit zones, but let the surprise
   be discovered without labels and arrows covering the product interface. */
.hr-try-me,.software-caption,.software-little-note{display:none!important;}

/* The two $5 layers belong to one bounded artwork stage. The caption is now
   a normal flow element OUTSIDE the artwork, preventing overlap at any height. */
.giveback .giveback-left{
  display:flex;flex-direction:column;justify-content:center;
  height:auto!important;min-height:0;align-self:center;gap:0;
}
.giveback .five-artwork{
  position:relative;flex:none;width:min(100%,570px);
  height:clamp(275px,25.5vw,390px);
}
.giveback .five-artwork .five-outline{
  position:absolute;top:12%;left:0;
  font:800 clamp(152px,15vw,224px)/1 var(--sans);
  letter-spacing:-.12em;-webkit-text-stroke:1.4px #d1f6ed60;
  color:transparent;opacity:.43;
}
.giveback .five-artwork .five-solid{
  position:absolute;top:0;left:9%;
  font:normal clamp(240px,22vw,340px)/1 var(--serif);
  letter-spacing:-.09em;color:#fff;white-space:nowrap;
}
.giveback .five-artwork .five-solid>span{
  font-size:clamp(41px,4.2vw,68px);top:-.8em;margin-left:9px;
}
.giveback .five-under-note{
  position:relative!important;inset:auto!important;
  width:min(100%,510px);max-width:none;margin:0;
  padding:14px 0 0;border-top:1px solid #ccf6e980;
  color:#ddf6f3;line-height:1.55;
  font:800 clamp(10px,.86vw,12px)/1.55 var(--sans);
  letter-spacing:.095em;
}
.giveback .five-under-note span{display:inline-block;margin:0 12px;color:#baf3db;}
@media (min-width:1100px) and (max-height:820px){
  .giveback .five-artwork{height:clamp(255px,24vw,320px);}
  .giveback .five-artwork .five-solid{font-size:clamp(210px,19.5vw,280px);}
  .giveback .five-artwork .five-outline{font-size:clamp(140px,13.8vw,200px);}
}
@media (max-width:1099px){
  .giveback .five-artwork{height:clamp(265px,31vw,340px);}
  .giveback .five-artwork .five-solid{font-size:clamp(205px,24vw,295px);top:2%;}
  .giveback .five-artwork .five-outline{font-size:clamp(142px,17.5vw,205px);}
}
@media (max-width:680px){
  .giveback .five-artwork{height:245px;width:100%;}
  .giveback .five-artwork .five-solid{font-size:clamp(182px,51vw,220px);top:0;left:9%;}
  .giveback .five-artwork .five-outline{font-size:clamp(118px,33vw,150px);top:16%;left:1%;}
  .giveback .five-artwork .five-solid>span{font-size:42px;top:-.78em;}
  .giveback .five-under-note{font-size:10px;max-width:440px;letter-spacing:.075em;padding-top:11px;}
}
@media (max-width:380px){
  .giveback .five-artwork{height:218px;}
  .giveback .five-artwork .five-solid{font-size:178px;}
  .giveback .five-artwork .five-outline{font-size:114px;}
  .giveback .five-under-note span{margin:0 6px;}
}

/* Receipt typography should belong to the Giving Payroll editorial system,
   not look like a dot-matrix POS receipt. Preserve the live pricing data. */
.receipt,.receipt-top,.receipt-line,.receipt-line span,.receipt-line strong,
.receipt-total>span,.receipt-total small,.receipt-bottom,.receipt-note,
.receipt-math,.receipt-math>div,.receipt-math span{
  font-family:var(--sans);
}
.receipt-line{letter-spacing:0;line-height:1.35;}
.receipt-line>span,.receipt-total>span{
  font:800 10px/1.45 var(--sans);letter-spacing:.09em;color:#5a6d75;
}
.receipt-line>strong{font:700 12px/1.35 var(--sans);letter-spacing:0;color:#283c49;text-align:right;}
.receipt-line.secondary>strong{font:700 12px/1.35 var(--sans);letter-spacing:0;}
.receipt-math strong{font:normal 20px/1.1 var(--serif);letter-spacing:-.025em;color:#2d424c;}
.receipt-price,.receipt-price strong{font-family:var(--serif);font-variant-numeric:tabular-nums;}
.receipt-top small,.receipt-bottom{font:800 10px/1.4 var(--sans);letter-spacing:.12em;}
.receipt .receipt-total{border-radius:3px 12px 3px 12px;}

/* Give the full-picture pricing panel the same bespoke personality as the
   final Contact Us panel without hiding the itemization or sign-up controls. */
.pricing-unfold{
  position:relative;
  border-radius:4px 4px 27px 4px;
  border:1px solid #d9e4de;
  box-shadow:0 26px 72px #1c394022;
}
.pricing-unfold::before{
  content:'';position:absolute;inset:0 0 auto;height:5px;z-index:5;
  background:linear-gradient(90deg,#4dd9a3,#1686a7 65%,#ef5857);
  pointer-events:none;
}
.pricing-unfold .unfold-topline{padding-top:21px;}
.pricing-unfold .unfold-heading{background:linear-gradient(110deg,#fffefa 0%,#f5faf6 88%);}
.pricing-unfold .unfold-choice{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(125deg,#252f40,#2e3547 78%,#233a45);
  border-top:5px solid transparent;
  border-image:linear-gradient(90deg,#4dd9a3,#1686a7,#ef5857) 1;
}
.pricing-unfold .unfold-choice::before{
  content:'02';position:absolute;z-index:0;right:-5%;bottom:-34%;
  font:900 clamp(210px,27vw,400px)/1 var(--sans);
  letter-spacing:-.14em;color:#b7e9d9;opacity:.055;pointer-events:none;
}
.pricing-unfold .unfold-choice::after{
  content:'';position:absolute;z-index:0;right:14%;top:-100%;
  width:62%;aspect-ratio:1;border:1px solid #a9dccb2a;
  border-radius:50%;pointer-events:none;
}
.pricing-unfold .unfold-choice>*{position:relative;z-index:1;}
.pricing-unfold .unfold-choice-heading span{color:#9ee7cb;}
.pricing-unfold .unfold-choice-heading h4{color:#fff;}
.pricing-unfold .unfold-choice-heading p{color:#dce5e8;}
.pricing-unfold .unfold-choice>small{color:#bdced2;}
.pricing-unfold .unfold-choice .intent-button:first-child{
  color:#fff;background:transparent;border:1px solid #d4e7e1;
}
.pricing-unfold .unfold-choice .intent-button:first-child:hover{background:#f2fff118;}
.pricing-unfold .unfold-choice .intent-button:nth-child(2){
  color:#183c3c;background:#54d8ab;border:1px solid #54d8ab;font-weight:700;
}
.pricing-unfold .unfold-choice .intent-button:nth-child(2):hover{background:#9cf3d5;}
.pricing-unfold .unfold-choice .intent-button[aria-pressed=true]{outline-color:#b6f2dc;}
.pricing-unfold .unfold-choice .shopping-panel{border-top-color:#ffffff4d;}
.pricing-unfold .unfold-choice .shopping-panel-intro>span{color:#adf2d5;}
.pricing-unfold .unfold-choice .shopping-panel-intro p{color:#e7f0f1;}
@media(max-width:860px){
  .pricing-unfold .unfold-choice::before{font-size:240px;bottom:-20%;}
}
@media(max-width:600px){
  .pricing-unfold{border-radius:4px 4px 20px 4px;}
  .pricing-unfold .unfold-choice::before{font-size:195px;right:-4%;bottom:-13%;}
}

/* V3.52: 50+ clients are scoped individually, never shown an automatic price. */
.service-mini-calc.is-tailored .service-calc-total output{font-size:clamp(2rem,3.2vw,3.4rem);letter-spacing:-.045em;color:#92f1dd;line-height:1.3;display:block}
.service-mini-calc.is-tailored .service-calc-total small{display:block;line-height:1.6;margin-top:8px}
.service-mini-calc.is-tailored .service-calc-breakdown{border-left:2px solid #92f1dd;padding-left:14px}
.service-mini-calc.is-tailored .service-start{background:#78e2cf;color:#243a46}