/* Payro-specific narrative sections; main-profile colors and component tokens are retained. */
/* Hook typography, cursor, timing and viewport fade follow the original homepage hook. */
.story-flow{padding-top:0!important}.story-flow>.wrap{max-width:none;padding:0}.hk-sec{background:var(--ink);min-height:58vh;min-height:58svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 28px;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.hk-num{font-size:14px;font-weight:800;letter-spacing:.18em;color:var(--acc);opacity:.75;margin-bottom:22px}.hk-p{margin:0;font-size:clamp(28px,7.5vw,40px);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.45;word-break:keep-all;min-height:1.45em}.hk-c{display:inline-block;width:3px;height:.9em;background:var(--acc);vertical-align:middle;margin-left:3px;border-radius:2px;opacity:0}.hk-c.on{animation:blink3 .7s step-end infinite}.hk-p.typing-ready{position:relative}.hk-reserve{visibility:hidden}.hk-p.typing-ready>.hk-t{position:absolute;inset:0}.hk-p.typing-ready .hk-c{position:relative}.story-answer{padding-left:24px;padding-right:24px}@keyframes blink3{0%,100%{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.hk-c.on{animation:none}}
.scroll-consult-banner{position:fixed;top:82px;left:16px;z-index:850;display:flex;flex-direction:column;gap:6px;padding:20px 32px;background:var(--grad);border-radius:var(--r2);color:#fff;box-shadow:0 14px 36px rgba(47,75,240,.35);max-width:calc(100vw - 32px);font-family:inherit;text-decoration:none}.scroll-consult-banner[hidden]{display:none}.scroll-consult-banner span{font-size:13px;font-weight:700;color:rgba(255,255,255,.85)}.scroll-consult-banner strong{font-size:18px;font-weight:800;line-height:1.4}.scroll-consult-banner:hover{background:var(--grad-r)}@media(max-width:640px){.scroll-consult-banner{left:12px;top:78px;padding:18px 24px;max-width:calc(100vw - 24px)}.scroll-consult-banner span{font-size:11px}.scroll-consult-banner strong{font-size:16px}}
.benefit-strip{background:var(--ink);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:32px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:28px}.benefit-grid .mono{font-size:11.5px;letter-spacing:.1em;color:var(--acc-soft)}.benefit-grid strong{display:block;font-size:17px;font-weight:800;color:#fff;margin-top:8px}.story-flow{background:var(--ink);color:#fff;text-align:center;padding:100px 0}.story-beat{padding:80px 0}.story-lead{font-size:clamp(28px,3.2vw,44px);font-weight:800;line-height:1.4;letter-spacing:-.04em}.story-lead span{color:var(--acc-soft)}.story-beat>p+p{font-size:17px;line-height:1.8;color:rgba(255,255,255,.5);margin-top:24px}.story-answer{border-top:1px solid rgba(255,255,255,.06);padding-top:80px;margin-top:48px}.story-flow .sh-eyebrow,.solution-bridge .sh-eyebrow,.support-dark .sh-eyebrow{color:var(--acc-soft)}.story-answer .gb{margin-top:32px}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.reason-grid .uc-card{cursor:default}.reason-icon{color:var(--acc);font-size:21px;margin-bottom:28px}.comparison .wrap{max-width:1000px}.table-scroll{overflow-x:auto;border:1.5px solid var(--rule);border-radius:var(--r2)}table{width:100%;border-collapse:collapse;font-size:16px;text-align:left}caption{text-align:left}th,td{padding:20px 24px;border-bottom:1px solid var(--rule);vertical-align:middle}thead th{background:var(--bg2);font-weight:800}th:last-child,td:last-child{background:var(--bg3);color:var(--acc)}tbody th{font-weight:700;white-space:nowrap}td{color:var(--muted)}td svg{width:14px;height:14px;margin-right:8px;vertical-align:middle}tbody tr:last-child>*{border-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.solution-bridge,.support-dark{background:var(--ink);text-align:center}.solution-hub{max-width:760px;margin:48px auto 32px;border:1px solid var(--ink3);border-radius:var(--r2);padding:32px}.hub-center{color:#fff;font-weight:900;font-size:44px;letter-spacing:-.04em}.hub-center span{display:block;font-size:14px;color:rgba(255,255,255,.5);font-weight:500;letter-spacing:-.01em}.hub-items{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0}.hub-items span{color:#fff;font-size:16px;padding:12px 18px;background:var(--ink2);border:1px solid var(--ink3);border-radius:var(--r)}.solution-hub>p{font-size:13px;color:rgba(255,255,255,.5)}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left;margin-bottom:40px}.support-grid article{background:var(--ink2);border:1px solid var(--ink3);border-radius:var(--r2);padding:24px 22px 22px}.support-grid h3{color:#fff}.support-grid p{color:rgba(255,255,255,.5);font-size:16px;line-height:1.75;margin-top:14px}.quote-prep{background:var(--bg2)}.prep-action{text-align:center;margin-top:40px}.hd-nav{gap:20px}.hd-nav a{font-size:15px}html[data-font] .story-beat>p+p{font-size:calc(17px * var(--text-scale))}
@media(max-width:1100px){.reason-grid,.support-grid{gap:12px}.benefit-grid{gap:12px}}
@media(max-width:800px){.hd-nav{gap:12px}.hd-nav a{font-size:13px}.reason-grid,.support-grid{grid-template-columns:1fr}.support-grid{max-width:520px;margin-left:auto;margin-right:auto}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:28px}.reason-grid .uc-card{padding:24px 22px 22px}th,td{padding:16px;font-size:14px}.table-scroll table{min-width:650px}}
@media(max-width:640px){.story-flow{padding:72px 0}.story-beat{padding:64px 0}.story-lead{font-size:28px}.story-beat>p+p{font-size:17px}.story-answer{padding-top:64px;margin-top:24px}.benefit-grid strong{font-size:14px}.benefit-grid .mono{font-size:10px}.solution-hub{padding:24px 18px}.hub-items{gap:8px}.hub-items span{font-size:14px;padding:10px 12px}.hd-nav{display:none}}