.payday-reference{--paper:oklch(100% 0 0);--navy:oklch(25% .085 255);--red:oklch(59% .25 27);--blue:oklch(49% .27 263);--yellow:oklch(92% .19 100);--line:oklch(90% .025 250);--soft:oklch(97% .025 22);--phone:oklch(14% .01 250);--metal:oklch(50% .025 230);--shadow:0 6px 18px color-mix(in oklab, var(--navy) 18%, transparent);background:var(--paper);color:var(--navy);padding:24px 20px 28px;font-family:Barlow,sans-serif;container-type:inline-size}.payday-reference *{box-sizing:border-box;letter-spacing:0}.payday-poster{max-width:960px;margin:auto}.payday-banner{background:var(--navy);text-align:center;clip-path:polygon(2% 2%,98% 0,100% 93%,1% 100%,0 8%);padding:14px 12px 20px}.payday-banner h1,.payday-banner p,.payday-note h2{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-weight:800}.payday-banner h1{color:var(--paper);margin:0;font-size:58px;line-height:1}.payday-banner p{color:var(--yellow);margin:5px 0 0;font-size:66px;line-height:1}.payday-banner:after{content:"";background:var(--red);border-radius:50%;width:82%;height:6px;margin:12px auto 0;display:block;transform:rotate(-1deg)}.payday-stage{grid-template-columns:1fr 2.35fr 1fr;align-items:center;gap:14px;margin:20px 0 0;display:grid}.payday-notes{flex-direction:column;gap:14px;display:flex}.payday-note{border:3px solid var(--note-color);background:var(--paper);border-radius:22px;position:relative;overflow:visible}.payday-note.red{--note-color:var(--red)}.payday-note.blue{--note-color:var(--blue)}.payday-note h2{background:var(--note-color);color:var(--paper);border-radius:17px 17px 7px 7px;justify-content:center;align-items:flex-start;gap:7px;margin:0;padding:10px 8px;font-size:22px;line-height:1.08;display:flex}.payday-number{height:30px;color:var(--note-color);background:var(--paper);border-radius:50%;flex:0 0 30px;place-items:center;font-size:26px;display:grid}.payday-note p{margin:10px 10px 12px;font-size:16px;line-height:1.2}.payday-pointer{z-index:2;width:56px;height:56px;color:var(--note-color);stroke-width:3px;filter:drop-shadow(2px 2px 0 var(--paper)) drop-shadow(-2px -2px 0 var(--paper));position:absolute}.payday-notes.left .payday-pointer{top:40%;right:-42px;transform:rotate(30deg)}.payday-notes.right .payday-pointer{bottom:10%;left:-43px;transform:rotate(140deg)}.payday-phone{border:7px solid var(--phone);outline:2px solid var(--metal);background:var(--phone);box-shadow:var(--shadow);border-radius:54px;min-width:0;padding:9px;position:relative}.payday-phone-screen{background:var(--paper);border-radius:39px;padding:44px 12px 16px;overflow:hidden}.payday-notch{background:var(--phone);border-radius:0 0 18px 18px;width:42%;height:31px;position:absolute;top:5px;left:29%}.payday-phone-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.payday-phone-nav>svg{flex-shrink:0;width:24px}.payday-business-brand{justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.payday-logo{border:2px solid var(--navy);text-align:center;border-radius:50%;flex-shrink:0;place-items:center;width:47px;height:47px;font-size:10px;font-weight:800;line-height:1;display:grid}.payday-logo img{object-fit:contain;border-radius:inherit;width:100%;height:100%}.payday-business-brand>strong{overflow-wrap:anywhere;font-size:19px;font-weight:800;line-height:1.1}.payday-site-heading{text-align:center;margin:18px 0 16px;font-size:30px;font-weight:800;line-height:1.06}.payday-site-heading em{color:var(--red);font-style:normal;display:block}.payday-site-heading em:after{content:"";background:var(--red);border-radius:50%;width:62%;height:3px;margin:6px auto 0;display:block}.payday-pros{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:16px;display:grid}.payday-pro{box-shadow:var(--shadow);background:var(--paper);border-radius:7px;position:relative;overflow:hidden}.payday-pro img{object-fit:cover;width:100%;height:91px}.payday-pro>span{background:var(--yellow);color:var(--navy);padding:2px 3px;font-size:9px;font-weight:800;position:absolute;top:0;left:0}.payday-pro strong{text-align:center;padding:8px 2px;font-size:12px;line-height:1.12;display:block}.payday-site-actions{gap:10px;margin:15px 0 0;display:grid}.payday-site-action{text-transform:uppercase;color:var(--paper);background:var(--red);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:16px 10px;font-size:22px;font-weight:800;display:flex}.payday-site-action svg:first-child{flex-shrink:0;width:33px;height:33px}.payday-site-action svg:last-child{flex-shrink:0;width:23px}.payday-site-action.blue{background:var(--blue)}.payday-site-action.outline{background:var(--paper);color:var(--red);border:2px solid var(--red);padding-block:12px;font-size:20px}@container (width<=700px){.payday-reference{padding:14px 10px 22px}.payday-banner h1{font-size:32px}.payday-banner p{font-size:39px}.payday-stage{grid-template-columns:1fr;gap:10px}.payday-phone{order:-1;justify-self:center;width:min(100%,410px)}.payday-notes{display:contents}.payday-note{border-radius:15px;flex-direction:column;min-height:150px;display:flex}.payday-note p{flex:1}.payday-note h2{border-radius:10px 10px 5px 5px;min-height:58px;font-size:20px}.payday-number{flex-basis:26px;height:26px;font-size:22px}.payday-note p{font-size:15px}.payday-pointer{display:none}.payday-business-brand>strong{font-size:17px}.payday-site-action{font-size:19px}.payday-site-action.outline{font-size:18px}}