/* Hero statement tuned to the supplied reference: clean monochrome payroll form, blue diagonal sample watermark. */
.hero-visual.reference-preview{min-height:500px;display:flex;align-items:center;justify-content:center;padding:24px 0 38px;overflow:visible;background:radial-gradient(ellipse at center,#f1f5f9 0%,#fff 72%)}
.reference-preview .visual-glow{opacity:.35}
.reference-preview .reference-style-paper{width:min(520px,96%);min-height:0;padding:20px 20px 13px;border:1px solid #e5e7eb;border-radius:3px;transform:rotate(-.35deg);box-shadow:0 14px 38px rgba(25,40,55,.12);color:#171717}
.reference-preview .reference-style-top{grid-template-columns:.95fr 1.05fr;gap:14px;min-height:150px}
.reference-preview .reference-style-code{background:#eee;color:#444;font-size:6px}
.reference-preview .reference-style-company{color:#171717;font-size:11px}
.reference-preview .reference-style-address,.reference-preview .reference-style-muted,.reference-preview .reference-style-right p{color:#444}
.reference-preview .reference-style-right h3{font-size:19px;color:#171717}
.reference-preview .reference-style-head,.reference-preview .reference-style-earnings>div:not(.reference-style-section){grid-template-columns:minmax(90px,1fr) 43px 43px 69px 58px;gap:4px;font-size:7px;padding:5px 2px;border-bottom:1px solid #d7d7d7}
.reference-preview .reference-style-head{border-bottom:1.5px solid #333}
.reference-preview .reference-style-total,.reference-preview .reference-style-net{background:#e8e8e8}
.reference-preview .reference-style-section{color:#171717;border-bottom:2px solid #333}
.reference-preview .reference-style-bottom{margin-top:25px;padding-top:9px;color:#333}
.reference-preview .reference-style-watermark{top:47%;left:-18%;width:136%;transform:rotate(-34deg);border-color:rgba(49,126,220,.18);color:rgba(49,126,220,.20);font-size:21px;letter-spacing:2px}
.reference-preview .reference-style-paper .preview-footer{color:#64748b;border-top:1px solid #e5e7eb;padding-top:8px}
.reference-preview .floating-note{right:-8px;bottom:8px}
@media(max-width:850px){.hero-visual.reference-preview{min-height:450px}.reference-preview .reference-style-paper{width:min(510px,96%)}}
@media(max-width:600px){.hero-visual.reference-preview{min-height:0;padding:12px 0 55px}.reference-preview .reference-style-paper{width:100%;padding:15px 12px 10px;transform:none}.reference-preview .reference-style-top{gap:8px;min-height:130px}.reference-preview .reference-style-right h3{font-size:15px;margin-bottom:8px}.reference-preview .reference-style-code{font-size:5px;padding:4px 3px}.reference-preview .reference-style-company{font-size:9px}.reference-preview .reference-style-address,.reference-preview .reference-style-muted,.reference-preview .reference-style-right p{font-size:6px}.reference-preview .reference-style-name{font-size:8px}.reference-preview .reference-style-head,.reference-preview .reference-style-earnings>div:not(.reference-style-section){grid-template-columns:minmax(0,1fr) 28px 28px 49px 40px;gap:3px;font-size:6px;padding:5px 1px}.reference-preview .reference-style-head span{font-size:5px}.reference-preview .reference-style-section{font-size:8px}.reference-preview .reference-style-bottom{margin-top:20px;font-size:6px;gap:8px}.reference-preview .reference-style-watermark{font-size:15px;left:-20%;width:140%;letter-spacing:1px}.reference-preview .floating-note{right:0;bottom:4px}}