@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/manrope-400.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/manrope-600.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/manrope-800.ttf') format('truetype')}
.pc-dashboard{--font-display:Manrope,system-ui,sans-serif;--font-body:Manrope,system-ui,sans-serif;font-family:Manrope,system-ui,sans-serif;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'heading heading' 'payroll cost' 'included included' 'actions actions';max-width:1180px;border:1px solid #795034;background:radial-gradient(ellipse at 5% 0,#332219,transparent 65%),#111012;border-radius:28px;box-shadow:0 24px 70px #0005;overflow:hidden}
.pc-dashboard .pricing-heading{grid-area:heading;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 24px;padding:30px 34px;border-bottom:1px solid #ffffff12}
.pc-dashboard .badge{display:inline-flex;align-items:center;gap:10px;width:max-content;grid-column:1;padding:10px 15px;border:1px solid #76502f;border-radius:30px;color:#ffc278;font-size:10px;font-weight:600;letter-spacing:1.6px}
.pc-dashboard .badge i{width:7px;height:7px;background:#ff3047;border-radius:50%;box-shadow:0 0 10px #ff304755}
.pc-dashboard .rate{grid-column:2;grid-row:1;white-space:nowrap;color:#ffc278;font:800 clamp(2rem,4.5vw,3.6rem)/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.065em;margin:0;text-wrap:nowrap}
.pc-dashboard .rate small{font-size:.55em;letter-spacing:-.03em}.pc-dashboard .rate em{font-style:normal;font-weight:400;color:#8b776c;padding:0 .1em}
.pc-dashboard .subtitle{grid-column:2;grid-row:2;text-align:right;font-size:14px;font-weight:600;color:#eee4e7;margin:0}.pc-dashboard .subtitle span{font-weight:400;color:#b3a3a9}
.pc-dashboard .payroll-block,.pc-dashboard .quote-cost{min-width:0;padding:26px 28px;margin:24px 0 24px 30px;border:1px solid #69513a;border-radius:18px;background:#ffb55f04;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.pc-dashboard .payroll-block{grid-area:payroll;width:auto}.pc-dashboard .quote-cost{grid-area:cost;margin:24px 30px 24px 20px;border-color:#69303c;background:#ff304707}
.pc-dashboard .block-label{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;color:#ddd1d5}.pc-dashboard .block-label p{margin:0}.pc-dashboard .step{font-size:10px;color:#9e8b91;font-variant-numeric:tabular-nums}
.pc-dashboard .quote-payroll-value,.pc-dashboard .quote-price-value{display:block;font:800 clamp(1.65rem,3vw,2.25rem)/1.2 Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.05em;margin:14px 0 22px;text-shadow:none}
.pc-dashboard .quote-payroll-value{color:#ffc278}.pc-dashboard .quote-price-value{color:#ff4055}.pc-dashboard .quote-price-value span{font-size:15px;font-weight:400;letter-spacing:0;color:#dba3ab}
.pc-dashboard .quote-slider,.pc-dashboard .quote-price-bar{height:11px}.pc-dashboard .quote-scale{font:400 11px/1.4 Manrope,system-ui,sans-serif;color:#9c8e95;margin-top:12px}.pc-dashboard .quote-formula{font-size:12px;margin:14px 0 0;color:#bcacb3}
.pc-dashboard .included{grid-area:included;min-width:0;padding:0 34px 20px;overflow:hidden}
.pc-dashboard .pc-list-head{font:600 11px/1.5 Manrope,system-ui,sans-serif;letter-spacing:2px;color:#ff7785;margin:0 0 16px;text-transform:uppercase;display:flex;gap:20px;align-items:center}.pc-dashboard .pc-list-head:after{content:'';height:1px;background:#ff68752b;flex:1}
.pc-dashboard .pc-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 20px;list-style:none;margin:0;padding:0}
.pc-dashboard .pc-list li,.sfq-reveals .pc-dashboard.reveal .pc-list li{display:flex;align-items:flex-start;gap:9px;padding:8px 0;min-height:52px;border:0;font:400 12px/1.6 Manrope,system-ui,sans-serif;color:#b8adb3;opacity:1;transform:none;animation:none}
.pc-dashboard .pc-list b{font-weight:600;color:#f3ebef}.pc-dashboard .pc-check{flex:0 0 20px;width:20px;height:20px;border:1px solid #973645;border-radius:50%;padding:3px;fill:none;stroke:#ff5266;stroke-width:2;background:#ff30470b;box-shadow:none}.pc-dashboard.reveal .pc-check path{stroke-dasharray:none;stroke-dashoffset:0}
.pc-dashboard .quote-actions{grid-area:actions;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:24px;border-top:1px solid #ffffff10;padding:20px 34px}
.pc-dashboard .quote-actions p{font-size:12px;line-height:1.7;color:#b4a4ac;margin:0}
.pc-dashboard .btn{font:600 14px/1.3 Manrope,system-ui,sans-serif;padding:15px 26px;border:1px solid #ff7a87;border-radius:30px;background:linear-gradient(#ff6375,#ff293f);color:#fff;box-shadow:0 6px 22px #ff304722;display:inline-flex;align-items:center;justify-content:center;gap:25px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.pc-dashboard .btn:before,.pc-dashboard .btn:after{display:none}
.pc-dashboard .quote-panel{animation:none;max-width:700px;margin:0 auto;padding:8px 0 12px}.pc-dashboard .quote-panel-head{margin-bottom:15px}.pc-dashboard .quote-panel-head h3{font:800 23px/1.3 Manrope,system-ui,sans-serif;letter-spacing:-.04em;color:#f4e8ed;text-transform:none}.pc-dashboard .quote-intro{font-size:14px}.pc-dashboard .quote-back{font-family:Manrope,system-ui,sans-serif;font-size:12px}.pc-dashboard .quote-form label{font-size:13px}.pc-dashboard .quote-form input,.pc-dashboard .quote-form textarea{font:400 14px/1.4 Manrope,system-ui,sans-serif}.pc-dashboard .quote-form textarea{min-height:80px}.pc-dashboard .quote-form .btn{padding:13px}.pc-dashboard .quote-email{background:transparent;border-color:#965565;box-shadow:none}
.pc-dashboard :focus-visible{outline:2px solid #ffc278;outline-offset:5px}
.pc-dashboard .quote-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover){.pc-dashboard .payroll-block:hover{transform:translateY(-3px);border-color:#be864b;box-shadow:0 8px 25px #ffb55f08}.pc-dashboard .quote-cost:hover{transform:translateY(-3px);border-color:#b9445a;box-shadow:0 8px 25px #ff30470c}.pc-dashboard .btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #ff304735}.pc-dashboard.reveal.in .pc-list li:hover{transform:none;background:none;color:#eee}}
@media(max-width:950px){.pc-dashboard .pc-list{grid-template-columns:repeat(3,minmax(0,1fr))}.pc-dashboard .pricing-heading{padding:26px}.pc-dashboard .rate{font-size:clamp(2rem,4.5vw,3rem)}.pc-dashboard .badge{font-size:9px;letter-spacing:1px}.pc-dashboard .subtitle{font-size:12px}.pc-dashboard .payroll-block{margin-left:24px;padding:22px}.pc-dashboard .quote-cost{margin-right:24px;padding:22px}.pc-dashboard .included{padding:0 26px 18px}}
@media(max-width:640px){.pc-dashboard{grid-template-columns:1fr;grid-template-areas:'heading' 'payroll' 'cost' 'included' 'actions';border-radius:22px}.pc-dashboard .pricing-heading{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:24px}.pc-dashboard .rate{font-size:clamp(1.9rem,8.7vw,3.4rem);margin:20px 0 12px}.pc-dashboard .badge{font-size:8px;letter-spacing:1px}.pc-dashboard .payroll-block,.pc-dashboard .quote-cost{padding:22px;margin:18px 18px 0}.pc-dashboard .block-label{font-size:12px;align-items:flex-start}.pc-dashboard .included{padding:26px 24px 18px}.pc-dashboard .pc-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.pc-dashboard .pc-list li,.sfq-reveals .pc-dashboard.reveal .pc-list li{font-size:11px;gap:7px}.pc-dashboard .pc-check{width:17px;height:17px;flex-basis:17px;padding:2px}.pc-dashboard .quote-actions{padding:20px 24px;flex-direction:column;align-items:stretch;gap:16px}.pc-dashboard .quote-actions p{text-align:center;font-size:11px}.pc-dashboard .quote-scale{font-size:10px}.pc-dashboard .quote-panel-head{align-items:flex-start;flex-direction:column;gap:5px}.pc-dashboard .quote-formula{font-size:11px}.pc-dashboard .quote-payroll-value,.pc-dashboard .quote-price-value{font-size:29px}}
@media(prefers-reduced-motion:reduce){.pc-dashboard *{animation:none!important;transition:none!important}.pc-dashboard .payroll-block:hover,.pc-dashboard .quote-cost:hover,.pc-dashboard .btn:hover{transform:none}}

/* Keep the introduction close to its calculator instead of stacking section padding. */
.pricing-page .page-hero{padding-bottom:20px}
.pricing-page .page-hero + .pricing{padding-top:20px}
@media(max-width:640px){.pricing-page .page-hero{padding-bottom:16px}.pricing-page .page-hero + .pricing{padding-top:16px}}

/* Quote contact choices stay inside the pricing card. */
.pc-dashboard .quote-form[hidden],.pc-dashboard .quote-choices[hidden]{display:none!important}
.pc-dashboard .quote-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 8px}
.pc-dashboard .quote-choice{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:24px;border:1px solid #795034;border-radius:18px;background:linear-gradient(145deg,#ffb55f0b,#ffffff02);color:#b8adb3;font:400 14px/1.6 Manrope,system-ui,sans-serif;text-align:left;white-space:normal;cursor:pointer;transition:border-color .2s,background .2s}
.pc-dashboard .quote-choice strong{color:#f4e8ed;font-size:20px;line-height:1.3;letter-spacing:-.025em}
.pc-dashboard .quote-choice-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #795034;border-radius:12px;color:#ffc278;font-size:22px}
.pc-dashboard .quote-choice-cta{margin-top:auto;padding-top:8px;color:#ff7785;font-weight:600;font-size:13px}
.pc-dashboard .quote-choice:hover{border-color:#ff7785;background:#ff30470b}
.pc-dashboard .quote-intro{color:#b8adb3}
.pc-dashboard .quote-panel{scroll-margin-top:160px}
.pc-dashboard .quote-open,#cta{scroll-margin-top:160px}
@media(max-width:640px){.pc-dashboard .quote-choices{grid-template-columns:1fr;gap:12px}.pc-dashboard .quote-choice{padding:20px}.pc-dashboard .quote-choice strong{font-size:18px}}

/* Keep the billing description under the rate and reveal the friendly quote label on hover. */
.pc-dashboard .badge{grid-row:1/3}
.pc-dashboard .quote-labels{display:grid}
.pc-dashboard .quote-labels>span{grid-area:1/1;transition:opacity .18s ease}
.pc-dashboard .quote-label-hover{opacity:0}
.pc-dashboard .quote-open:is(:hover,:focus-visible) .quote-label-default{opacity:0}
.pc-dashboard .quote-open:is(:hover,:focus-visible) .quote-label-hover{opacity:1}
@media(max-width:640px){.pc-dashboard .subtitle{text-align:left}}

/* The quote pill changes from solid red to a warm outline as the scan reveals its invitation. */
.pc-dashboard .quote-open{position:relative;overflow:hidden;transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .2s ease}
.pc-dashboard .quote-open:is(:hover,:focus-visible){background:linear-gradient(145deg,#322012,#171112);border-color:#b47c38;color:#ffc278;box-shadow:inset 0 0 18px #ffb55f0b,0 6px 22px #0003}
.pc-dashboard .quote-open::after{display:block;content:'';position:absolute;pointer-events:none;top:-2px;bottom:-2px;left:-48px;width:42px;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,46,59,.24) 70%,#ff5266 95%,transparent);transform:skewX(-12deg)}
.pc-dashboard .quote-open:is(:hover,:focus-visible)::after{animation:quotePillScan .65s cubic-bezier(.45,0,.25,1) both}
.pc-dashboard .quote-label-hover{clip-path:inset(-20% 100% -20% 0);transition:opacity .18s ease,clip-path .55s cubic-bezier(.45,0,.25,1)}
.pc-dashboard .quote-open:is(:hover,:focus-visible) .quote-label-hover{clip-path:inset(-20% -2px -20% 0)}
@keyframes quotePillScan{0%{left:-48px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:105%;opacity:0}}
@media(prefers-reduced-motion:reduce){.pc-dashboard .quote-open::after{display:none}.pc-dashboard .quote-label-hover{clip-path:none;transition:none}}