.oqg-wrap{--oqg-green:#00b050;--oqg-dark:#111827;--oqg-muted:#667085;--oqg-bg:#f7f8fa;--oqg-line:#e8eaee;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#fff 0%,#f7f8fa 100%);padding:70px 20px;color:var(--oqg-dark)}.oqg-hero{text-align:center;max-width:820px;margin:0 auto 34px}.oqg-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--oqg-green);font-weight:800;font-size:12px}.oqg-hero h2{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:12px 0;letter-spacing:-.04em}.oqg-hero p{color:var(--oqg-muted);font-size:16px}.oqg-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}.oqg-card{background:rgba(255,255,255,.94);border:1px solid var(--oqg-line);border-radius:28px;box-shadow:0 24px 70px rgba(16,24,40,.08);padding:28px;backdrop-filter:blur(10px)}.oqg-section-title{text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:800;color:#475467;margin:6px 0 18px}.oqg-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.oqg-form label{display:block;color:#344054;font-size:13px;font-weight:700;margin-bottom:14px}.oqg-form input,.oqg-form select,.oqg-form textarea{width:100%;box-sizing:border-box;border:1px solid transparent;background:#f4f6f8;border-radius:12px;padding:14px;margin-top:7px;color:#101828;outline:none;transition:.2s}.oqg-form textarea{resize:vertical}.oqg-form input:focus,.oqg-form select:focus,.oqg-form textarea:focus{border-color:var(--oqg-green);background:#fff;box-shadow:0 0 0 4px rgba(0,176,80,.12)}.oqg-btn{width:100%;border:none;border-radius:999px;background:var(--oqg-green);color:#fff;padding:15px 22px;font-size:15px;font-weight:800;cursor:pointer;transition:.2s}.oqg-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,176,80,.26)}.oqg-note{font-size:12px;color:var(--oqg-muted);line-height:1.6}.oqg-message{font-weight:700;margin-top:10px;color:var(--oqg-green)}.oqg-message.oqg-error{color:#b42318}.oqg-preview{position:sticky;top:30px}.oqg-preview-top{display:flex;justify-content:space-between;gap:18px;border-top:4px solid var(--oqg-green);padding-top:20px;margin-bottom:20px}.oqg-preview-top img{max-height:46px;margin-bottom:10px}.oqg-preview-top h3{margin:0;font-size:24px;letter-spacing:-.03em}.oqg-preview-top span{font-size:12px;font-weight:800;color:var(--oqg-green);white-space:nowrap}.oqg-prepared,.oqg-costs,.oqg-savings,.oqg-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}.oqg-prepared div,.oqg-costs div,.oqg-results div{background:#f7f8fa;border:1px solid var(--oqg-line);border-radius:14px;padding:15px}.oqg-prepared small,.oqg-costs small,.oqg-savings small,.oqg-results span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#667085;font-weight:800;margin-bottom:8px}.oqg-prepared strong,.oqg-costs strong,.oqg-results strong{font-size:18px}.oqg-costs{margin:16px 0}.oqg-costs em{display:inline-block;margin-top:8px;background:rgba(0,176,80,.12);color:var(--oqg-green);font-style:normal;font-weight:800;font-size:11px;padding:5px 8px;border-radius:999px}.oqg-savings div{background:#101828;color:#fff;border-radius:16px;padding:18px}.oqg-savings strong{font-size:26px}.oqg-bars{margin:24px 0}.oqg-bars div{margin:14px 0}.oqg-bars span{display:flex;justify-content:space-between;color:#475467;font-size:13px;font-weight:800;margin-bottom:8px}.oqg-bars b{display:block;height:11px;border-radius:999px;background:#eef0f3;overflow:hidden}.oqg-bars i{display:block;height:100%;background:var(--oqg-green);border-radius:999px;transition:.25s}.oqg-signature{font-size:12px;color:#667085;border-top:1px solid var(--oqg-line);padding-top:16px}.oqg-signature a{color:var(--oqg-green);font-weight:800;text-decoration:none}.oqg-results-mobile{display:none;margin:16px 0}@media(max-width:900px){.oqg-grid{grid-template-columns:1fr}.oqg-preview{position:relative;top:0}.oqg-results-mobile{display:grid}}@media(max-width:560px){.oqg-wrap{padding:45px 14px}.oqg-card{padding:20px;border-radius:22px}.oqg-row,.oqg-prepared,.oqg-costs,.oqg-savings,.oqg-results{grid-template-columns:1fr}.oqg-preview-top{display:block}}

.oqg-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;align-items:center}.oqg-btn-secondary{background:#fff;color:#101828;border:1px solid var(--oqg-line);box-shadow:none}.oqg-btn-secondary:hover{background:#f7f8fa;box-shadow:0 10px 22px rgba(16,24,40,.08)}.oqg-print-note{font-size:12px;color:#667085;line-height:1.6;font-style:italic;margin-top:16px}.oqg-preview:before{content:'QUOTE PREVIEW';display:block;text-transform:uppercase;letter-spacing:.14em;color:#667085;font-size:12px;font-weight:800;margin-bottom:14px}@media(max-width:560px){.oqg-actions{grid-template-columns:1fr}}
@media print{body *{visibility:hidden!important}.oqg-preview,.oqg-preview *{visibility:visible!important}.oqg-preview{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:720px!important;margin:0!important;box-shadow:none!important;border:1px solid #ddd!important;border-radius:18px!important;background:#fff!important;color:#111!important}.oqg-preview .oqg-signature a{color:#00b050!important}.oqg-bars i{background:#00b050!important}.oqg-savings div{background:#101828!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.oqg-costs em{color:#00b050!important}.oqg-preview-top{border-top:4px solid #00b050!important}.oqg-card{box-shadow:none!important}.oqg-print-note{display:block!important}}

.oqg-preview-actions{margin-top:18px;display:flex;justify-content:flex-end}.oqg-preview-actions .oqg-btn{width:auto;padding:12px 20px;font-size:14px}.oqg-print-trigger{cursor:pointer}.oqg-btn-secondary{display:inline-flex!important;align-items:center;justify-content:center}
@media print{.oqg-preview-actions,.oqg-actions,.oqg-message{display:none!important}}

/* Professional single-page print layout - v5 */
@media print {
  @page { size: A4 landscape; margin: 10mm; }

  html, body {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  body * {
    visibility: hidden !important;
  }

  .oqg-wrap,
  .oqg-grid,
  .oqg-preview,
  .oqg-preview * {
    visibility: visible !important;
  }

  .oqg-wrap {
    position: static !important;
    display: block !important;
    background: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
  }

  .oqg-hero,
  .oqg-form,
  .oqg-actions,
  .oqg-preview-actions,
  .oqg-message,
  #wpadminbar,
  header,
  footer,
  nav,
  .fusion-header-wrapper,
  .fusion-footer,
  .to-top-container,
  .avada-footer-scripts {
    display: none !important;
  }

  .oqg-grid {
    display: block !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .oqg-preview {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 14mm !important;
    border: 1px solid #d9dee8 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: #ffffff !important;
    color: #101828 !important;
    overflow: hidden !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    font-family: Arial, sans-serif !important;
  }

  .oqg-preview:before {
    content: 'OUTSOURCEA QUOTE ESTIMATE' !important;
    display: block !important;
    margin: 0 0 6mm 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
    color: #667085 !important;
    font-weight: 800 !important;
  }

  .oqg-preview-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12mm !important;
    border-top: 4px solid #00b050 !important;
    padding-top: 6mm !important;
    margin: 0 0 6mm 0 !important;
  }

  .oqg-preview-top h3 {
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    color: #101828 !important;
  }

  .oqg-preview-top span {
    display: inline-block !important;
    font-size: 11px !important;
    line-height: 1 !important;
    color: #00b050 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    padding-top: 3px !important;
  }

  .oqg-preview-top img {
    max-height: 34px !important;
    margin: 0 0 4mm 0 !important;
  }

  .oqg-prepared,
  .oqg-costs,
  .oqg-savings {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 4mm !important;
    margin: 0 0 4mm 0 !important;
  }

  .oqg-costs,
  .oqg-savings {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .oqg-prepared div,
  .oqg-costs div {
    display: block !important;
    background: #f8fafc !important;
    border: 1px solid #e4e7ec !important;
    border-radius: 10px !important;
    padding: 5mm !important;
    min-height: 18mm !important;
    box-sizing: border-box !important;
  }

  .oqg-savings div {
    display: block !important;
    background: #101828 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 5mm !important;
    min-height: 18mm !important;
    box-sizing: border-box !important;
  }

  .oqg-prepared small,
  .oqg-costs small,
  .oqg-savings small {
    display: block !important;
    margin: 0 0 3mm 0 !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: #667085 !important;
    font-weight: 800 !important;
  }

  .oqg-savings small { color: #98a2b3 !important; }

  .oqg-prepared strong,
  .oqg-costs strong {
    display: block !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    color: #101828 !important;
    font-weight: 800 !important;
  }

  .oqg-savings strong {
    display: block !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
  }

  .oqg-costs em {
    display: inline-block !important;
    margin-top: 2mm !important;
    padding: 2mm 3mm !important;
    border-radius: 999px !important;
    background: rgba(0,176,80,.13) !important;
    color: #00b050 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 800 !important;
  }

  .oqg-bars {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6mm !important;
    margin: 3mm 0 6mm 0 !important;
  }

  .oqg-bars div {
    display: block !important;
    margin: 0 !important;
  }

  .oqg-bars span {
    display: block !important;
    margin: 0 0 2mm 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: #475467 !important;
    font-weight: 800 !important;
  }

  .oqg-bars b {
    display: block !important;
    width: 100% !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #eef0f3 !important;
    overflow: hidden !important;
  }

  .oqg-bars i {
    display: block !important;
    height: 100% !important;
    background: #00b050 !important;
    border-radius: 999px !important;
  }

  .oqg-print-note {
    display: block !important;
    margin: 0 0 4mm 0 !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    color: #667085 !important;
    font-style: italic !important;
  }

  .oqg-signature {
    display: block !important;
    border-top: 1px solid #e4e7ec !important;
    padding-top: 4mm !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: #667085 !important;
  }

  .oqg-signature a {
    display: inline !important;
    color: #00b050 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }
}