/* QuickEstimate free calculators: calm purple, one orange action. Shared by the markup, margin and employee-cost calculators. */
.qk-page{background:#f6f5f9;color:#1a324f}
.qk-hero{background:linear-gradient(180deg,#3a2c58 0%,#40315f 100%);padding:48px 20px 112px;text-align:center}
.qk-hero-inner{max-width:720px;margin:0 auto}
.qk-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#efe9ff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}
.qk-badge i{width:7px;height:7px;border-radius:50%;background:#cbbdf2;display:inline-block}
.qk-hero h1{color:#fff;font-size:clamp(28px,4.2vw,42px);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0 0 12px}
.qk-hero h1 span{color:#cbbdf2}
.qk-hero p{color:#d9d3e8;font-size:17px;line-height:1.6;max-width:600px;margin:0 auto 20px}
.qk-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.qk-chips li{color:#efe9ff;font-size:14px;font-weight:600;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.qk-chips i{margin-right:6px;color:#cbbdf2}
.qk-wrap{max-width:1120px;margin:-80px auto 0;padding:0 20px 56px}
.qk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.qk-card{background:#fff;border-radius:18px;box-shadow:0 14px 44px rgba(26,50,79,.16);padding:28px 30px}
.qk-card+.qk-card{margin-top:0}
.qk-card h2{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748B;margin:0 0 4px}
.qk-title{font-size:22px;font-weight:700;color:#1a324f;margin:0 0 4px}
.qk-sub{font-size:14px;color:#64748B;margin:0 0 18px}
.qk-f{display:block;margin:0 0 14px}
.qk-f>span.qk-l{display:block;font-size:13px;font-weight:600;color:#485b72;margin-bottom:5px}
.qk-f>span.qk-l small{font-weight:400;color:#94a3b8;font-size:12px}
.qk-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.qk-pair>*,.qk-grid>*,.qk-f{min-width:0}
.qk-in{display:flex;align-items:stretch;border:1px solid #d9dfe8;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.qk-in:focus-within{border-color:#40315f;box-shadow:0 0 0 3px rgba(64,49,95,.14)}
.qk-in input,.qk-in select{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:16px;color:#1a324f;padding:11px 12px;background:transparent}
.qk-in input::placeholder{color:#a3aebf}
.qk-ad{display:flex;align-items:center;padding:0 12px;background:#f7f6fa;color:#64748B;font-weight:600;font-size:14px}
.qk-in .qk-ad:first-child{border-right:1px solid #ece9f3}
.qk-in .qk-ad:last-child{border-left:1px solid #ece9f3}
.qk-sec{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748B;margin:20px 0 10px;padding-top:16px;border-top:1px solid #eef1f5}
.qk-sec:first-of-type{border-top:0;padding-top:0;margin-top:0}
.qk-presets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.qk-presets button{border:1px solid #d9d3e8;background:#fff;color:#40315f;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600;cursor:pointer}
.qk-presets button:hover,.qk-presets button.on{background:#40315f;color:#fff;border-color:#40315f}
.qk-warn{display:none;background:#fdecea;border:1px solid #f5c9c4;color:#b42318;border-radius:10px;padding:9px 12px;font-size:13.5px;margin:0 0 12px}
.qk-hint{font-size:13px;color:#64748B;margin:12px 0 0;line-height:1.55}
.qk-hint a{color:#40315f;font-weight:600}
.qk-tiles{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin:0 0 18px}
.qk-tile{border:1px solid #e3e8ef;border-radius:14px;padding:14px 14px 12px;background:#fff}
.qk-tile.hi{background:#f1eef8;border-color:#d9d3e8}
.qk-tl{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#64748B}
.qk-tv{font-size:24px;font-weight:800;color:#1a324f;margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.qk-tile.hi .qk-tv{color:#40315f;font-size:28px}
.qk-rows{border-top:1px solid #eef1f5}
.qk-r{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #eef1f5;font-size:15px;color:#485b72}
.qk-r b{color:#1a324f;font-variant-numeric:tabular-nums;font-weight:700}
.qk-r.total{border-bottom:0;border-top:2px solid #40315f;margin-top:4px;padding-top:12px;font-size:17px;font-weight:800;color:#1a324f}
.qk-r.total b{font-size:20px;color:#40315f;font-weight:800}
.qk-insight{background:#f1eef8;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.55;color:#40315f;margin:16px 0}
.qk-actions{display:grid;gap:8px;margin-top:6px}
.qk-btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;border:1.5px solid transparent;font-family:inherit}
.qk-btn.primary{background:#C2410C;color:#fff;box-shadow:0 6px 16px rgba(194,65,12,.25)}
.qk-btn.primary:hover{background:#9A3412}
.qk-btn.outline{background:#fff;color:#40315f;border-color:#40315f}
.qk-btn.outline:hover{background:#f1eef8}
.qk-btn.ghost{background:none;color:#64748B;font-weight:600;font-size:13.5px;text-decoration:underline;padding:6px}
.qk-err{font-size:12.5px;color:#b42318;background:#fdecea;border-radius:8px;padding:8px 10px;margin:8px 0 0}
.qk-cta{max-width:1120px;margin:22px auto 0;background:linear-gradient(180deg,#3a2c58,#40315f);color:#fff;border-radius:16px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.qk-cta strong{display:block;font-size:17px;margin-bottom:4px}
.qk-cta span{font-size:14px;color:#d9d3e8}
.qk-cta a{background:#fff;color:#40315f;font-weight:700;border-radius:10px;padding:12px 20px;text-decoration:none;white-space:nowrap}
.qk-cta a:hover{background:#f1eef8}
@media (max-width:900px){
  .qk-grid{grid-template-columns:1fr}
  .qk-wrap{margin-top:-64px}
  .qk-tiles{grid-template-columns:1fr 1fr}
  .qk-tiles .qk-tile.hi{grid-column:1/-1}
}
@media (max-width:560px){
  .qk-card{padding:22px 18px;border-radius:14px}
  .qk-pair{grid-template-columns:1fr}
  .qk-hero{padding:38px 16px 100px}
}
/* SIGNATURE VISUAL: how a price splits (used by the markup and margin calculators) */
.qk-viz{margin:0 0 18px}
.qk-viz-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#64748B;margin:0 0 8px}
.qk-bar{display:flex;height:22px;border-radius:999px;overflow:hidden;background:#eef1f5}
.qk-bar span{height:100%;transition:width .35s ease}
.qk-bar .c{background:#8c7bc0}
.qk-bar .m{background:#C2410C}
.qk-viz-legend{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:9px;font-size:13.5px;color:#485b72}
.qk-viz-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.qk-viz-legend i.c{background:#8c7bc0}
.qk-viz-legend i.m{background:#C2410C}
.qk-viz-legend b{color:#1a324f;font-variant-numeric:tabular-nums;margin-left:4px}
@media (prefers-reduced-motion:reduce){.qk-bar span{transition:none}}
/* MARGIN-TO-MARKUP LADDER (margin calculator signature) */
.qk-ladder{margin:0 0 18px}
.qk-ladder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
.qk-ladder-grid div{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;color:#485b72;padding:7px 10px;border:1px solid #eef1f5;border-radius:9px;background:#fcfbfe}
.qk-ladder-grid div b{color:#1a324f;font-variant-numeric:tabular-nums;font-weight:600}
.qk-ladder-grid div.on{background:#f1eef8;border-color:#d9d3e8}
.qk-ladder-grid div.on span,.qk-ladder-grid div.on b{color:#40315f;font-weight:700}
@media (max-width:560px){.qk-ladder-grid{grid-template-columns:1fr}}
/* EMPLOYEE COST: multi-card layout, disclosures, pills, three-part bar */
.qk-grid-emp{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.qk-col{display:grid;gap:22px;min-width:0}
.qk-side{position:sticky;top:96px;min-width:0}
.qk-fh{display:block;font-size:12px;color:#94a3b8;margin-top:4px}
.qk-more{margin:4px 0 0;border-top:1px solid #eef1f5;padding-top:10px}
.qk-more summary{cursor:pointer;color:#40315f;font-weight:600;font-size:14px;list-style:none;padding:4px 0}
.qk-more summary::-webkit-details-marker{display:none}
.qk-more summary::before{content:"+";display:inline-block;width:18px;font-weight:700}
.qk-more[open] summary::before{content:"\2212"}
.qk-more[open] summary{margin-bottom:10px}
.qk-opt{color:#94a3b8;font-weight:500;font-size:12.5px}
.qk-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.qk-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9d3e8;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:#40315f;cursor:pointer;background:#fff}
.qk-pill input{accent-color:#40315f}
.qk-pill.active{background:#40315f;color:#fff;border-color:#40315f}
.qk-pill.active input{accent-color:#fff}
.qk-tiles-emp{grid-template-columns:1.25fr 1fr 1fr}
.qk-ts{font-size:12px;color:#64748B;margin-top:4px}
.qk-bar .t{background:#C2410C}
.qk-bar .b{background:#40315f}
.qk-viz-legend i.t{background:#C2410C}
.qk-viz-legend i.b{background:#40315f}
.qk-detail .qk-rows{margin-top:6px}
.qk-note{font-size:12.5px;color:#1f7a4d;margin:8px 0 0}
@media (max-width:900px){.qk-grid-emp{grid-template-columns:1fr}.qk-side{position:static}.qk-tiles-emp{grid-template-columns:1fr 1fr}.qk-tiles-emp .qk-tile.hi{grid-column:1/-1}}
/* PRINT / PDF DOCUMENT (built by qe-calc-doc.js) */
#qpdDoc{display:none}
@media print{
  body>*:not(#qpdDoc):not(script):not(style){display:none!important}
  html,body{background:#fff!important}
  html,body,body *{box-shadow:none!important;text-shadow:none!important;filter:none!important}
  #qpdDoc{display:block!important;font-family:Poppins,Helvetica,Arial,sans-serif;color:#1a324f;font-size:10.5pt;line-height:1.5}
  #qpdDoc .d-bar{height:8px;background:#40315f;margin:0 0 18px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #qpdDoc .d-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
  #qpdDoc .d-title{font-size:22pt;font-weight:800;letter-spacing:.03em;color:#40315f;line-height:1.05}
  #qpdDoc .d-sub{font-size:9.5pt;color:#64748B;margin-top:4px}
  #qpdDoc .d-date{font-size:9.5pt;color:#64748B;text-align:right}
  #qpdDoc .d-rule{height:2px;background:#40315f;margin:14px 0 18px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #qpdDoc .d-label{font-size:8pt;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#64748B;margin:0 0 6px}
  #qpdDoc .d-sec{margin-bottom:18px;break-inside:avoid}
  #qpdDoc .d-r{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid #e3e8ef;font-size:10.5pt}
  #qpdDoc .d-r b{font-weight:700}
  #qpdDoc .d-r.hi{border-bottom:0;border-top:2px solid #40315f;margin-top:4px;padding-top:10px;font-size:13pt;font-weight:700}
  #qpdDoc .d-r.hi b{font-size:16pt;font-weight:800;color:#40315f}
  #qpdDoc .d-vbar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#eef1f5;margin:2px 0 8px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #qpdDoc .d-vbar span{height:100%;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #qpdDoc .d-vlegend{display:flex;gap:22px;font-size:9.5pt;color:#485b72}
  #qpdDoc .d-vlegend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #qpdDoc .d-text{font-size:9.5pt;color:#485b72;white-space:pre-wrap}
  #qpdDoc .d-foot{margin-top:26px;padding-top:8px;border-top:1px solid #e3e8ef;font-size:8pt;color:#94a3b8;text-align:center}
  @page{margin:16mm}
}