.nat-payment-analytics-story{--payment-ink: #172521;--payment-green: #1f5c4b;--payment-lime: #c7ef72;--payment-paper: #f5f3ed;--payment-rule: #e6ddca;color:var(--payment-ink);margin:clamp(4rem,9vw,8rem) auto 0;max-width:1180px;padding:0 5vw}.nat-payment-analytics-story__intro{margin:0 auto clamp(2.5rem,5vw,4rem);max-width:48rem;text-align:center}.nat-payment-analytics-story__eyebrow{color:var(--payment-green);font:700 .76rem/1.3 DM Sans,sans-serif;letter-spacing:.1em;margin:0 0 .65rem;text-transform:uppercase}.nat-payment-analytics-story h2{color:var(--payment-ink);font:700 clamp(2rem,4.5vw,3.6rem)/1.05 Fraunces,Georgia,serif;margin:0 auto 1rem;max-width:18ch}.nat-payment-analytics-story__intro>p:last-child,.nat-payment-analytics-story__resource p:not(.nat-payment-analytics-story__eyebrow){color:#43524d;font:400 clamp(1rem,1.35vw,1.18rem)/1.65 "DM Sans",sans-serif;margin:0 auto;max-width:42rem}.nat-payment-analytics-story__journey{align-items:center;display:grid;gap:clamp(2rem,6vw,6rem);grid-template-columns:minmax(0,1fr) minmax(17rem,.85fr)}.nat-payment-analytics-story__visual{aspect-ratio:1;background:var(--payment-paper);border:1px solid var(--payment-rule);border-radius:1.4rem;overflow:hidden;position:relative}.nat-payment-analytics-story__visual figure{top:0;right:0;bottom:0;left:0;margin:0;opacity:0;position:absolute;transform:translateY(1rem) scale(.99);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.75,.25,1)}.nat-payment-analytics-story__visual figure.is-active{opacity:1;transform:translateY(0) scale(1)}.nat-payment-analytics-story__visual img{display:block;height:100%;object-fit:cover;width:100%}.nat-payment-analytics-story__chapters{display:grid;gap:clamp(2rem,5vw,4rem)}.nat-payment-analytics-story__chapter{border-top:1px solid var(--payment-rule);opacity:.52;padding-top:1.25rem;transition:opacity .4s ease,transform .4s ease;transform:translateY(.4rem)}.nat-payment-analytics-story__chapter.is-active{opacity:1;transform:translateY(0)}.nat-payment-analytics-story__chapter h3{color:var(--payment-ink);font:700 clamp(1.35rem,2.3vw,1.8rem)/1.18 Fraunces,Georgia,serif;margin:0 0 .8rem}.nat-payment-analytics-story__chapter p{color:#43524d;font:400 1rem/1.65 DM Sans,sans-serif;margin:0 0 .8rem}.nat-payment-analytics-story__chapter p:last-child{margin-bottom:0}.nat-payment-analytics-story__close{color:var(--payment-green);font:700 clamp(1.45rem,3vw,2.2rem)/1.2 Fraunces,Georgia,serif;margin:clamp(2rem,5vw,4rem) auto clamp(4rem,8vw,7rem);max-width:36rem;text-align:center}.nat-payment-analytics-story__value{background:#fffdfa;border:1px solid var(--payment-rule);border-top:4px solid var(--payment-green);border-radius:1.1rem;box-shadow:0 1rem 2.5rem #17252112;margin:0 auto clamp(2.5rem,5vw,4rem);padding:clamp(1.4rem,4vw,3rem)}.nat-payment-analytics-story__value h2,.nat-payment-analytics-story__resource h2{font-size:clamp(1.7rem,3vw,2.35rem);margin:0 0 .75rem}.nat-payment-analytics-story__value>p:not(.nat-payment-analytics-story__eyebrow){color:#43524d;font:400 .98rem/1.65 DM Sans,sans-serif;max-width:48rem}.nat-payment-analytics-story__inputs{display:grid;gap:.9rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:1.4rem 0}.nat-payment-analytics-story__inputs label{color:#43524d;display:grid;font:600 .85rem/1.35 DM Sans,sans-serif;gap:.4rem}.nat-payment-analytics-story__inputs input{background:#fff;border:1px solid #76817d;border-radius:.5rem;color:var(--payment-ink);font:500 1rem/1.2 DM Sans,sans-serif;min-height:2.9rem;padding:.65rem .75rem}.nat-payment-analytics-story__inputs input:focus-visible{outline:3px solid var(--payment-green);outline-offset:2px}.nat-payment-analytics-story__results{border-bottom:1px solid var(--payment-rule);border-top:1px solid var(--payment-rule);display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem 0}.nat-payment-analytics-story__results p{color:#43524d;display:grid;font:500 .88rem/1.35 DM Sans,sans-serif;gap:.3rem;margin:0}.nat-payment-analytics-story__results strong{color:var(--payment-green);font:700 clamp(1.3rem,2.5vw,2rem)/1.15 Fraunces,Georgia,serif}.nat-payment-analytics-story__formula,.nat-payment-analytics-story__note{color:#53615c;font:400 .84rem/1.55 DM Sans,sans-serif;margin:.8rem 0 0}.nat-payment-analytics-story__resource{align-items:center;background:var(--payment-paper);border:1px solid var(--payment-rule);border-radius:1rem;display:flex;gap:2rem;justify-content:space-between;padding:clamp(1.25rem,3vw,2.3rem)}.nat-payment-analytics-story__resource h2{max-width:24ch}.nat-payment-analytics-story__resource p:not(.nat-payment-analytics-story__eyebrow){font-size:.96rem;margin:0}.nat-payment-analytics-story__download{background:var(--payment-lime);border:1px solid var(--payment-ink);border-radius:14px;color:var(--payment-ink);display:inline-flex;flex:0 0 auto;font:700 .92rem/1.25 DM Sans,sans-serif;justify-content:center;max-width:18rem;padding:.95rem 1.2rem;text-align:center;text-decoration:none}.nat-payment-analytics-story__download:hover{box-shadow:0 .45rem 1.1rem #17252124;transform:translateY(-1px)}.nat-payment-analytics-story__download:focus-visible,.nat-payment-analytics-story__cta a:focus-visible{outline:3px solid var(--payment-green);outline-offset:3px}.nat-payment-analytics-story__cta{color:#43524d;font:500 .98rem/1.6 DM Sans,sans-serif;margin:1.5rem 0 0;text-align:center}.nat-payment-analytics-story__cta a{color:var(--payment-green);font-weight:700;text-underline-offset:.18em}@media(max-width:760px){.nat-payment-analytics-story__journey{grid-template-columns:1fr}.nat-payment-analytics-story__visual{max-width:37rem}.nat-payment-analytics-story__resource{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.nat-payment-analytics-story__inputs,.nat-payment-analytics-story__results{grid-template-columns:1fr}.nat-payment-analytics-story__resource{padding:1.25rem}.nat-payment-analytics-story__download{width:100%;max-width:none}}@media(prefers-reduced-motion:reduce){.nat-payment-analytics-story__visual figure,.nat-payment-analytics-story__chapter,.nat-payment-analytics-story__download{scroll-behavior:auto;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/nat-government-payment-analytics-story.css.map */