#cpq{font-family:inherit}
#cpq .cpq-wrap{background:#0b132b;padding:70px 18px;display:flex;justify-content:center}
#cpq .cpq-card{width:100%;max-width:1120px;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.35);padding:26px;position:relative}
#cpq .cpq-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
#cpq .cpq-title{margin:0;font-size:30px;line-height:1.15;color:#0f172a;font-weight:800}
#cpq .cpq-sub{margin:6px 0 0;color:#475569;font-size:14px;line-height:1.6}
#cpq .cpq-badge{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px;font-weight:900;color:#0f172a;font-size:13px;white-space:nowrap;box-shadow:0 10px 24px rgba(15,23,42,.08)}
#cpq .cpq-progress{height:12px;background:linear-gradient(180deg,#f1f5f9,#e9eef5);border-radius:999px;overflow:hidden;margin:10px 0 18px}
#cpq .cpq-bar{height:100%;background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:999px;transition:width .25s ease;box-shadow:0 10px 24px rgba(220,38,38,.25)}
#cpq .cpq-body{display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:start}
#cpq .cpq-left{min-width:0}
#cpq .cpq-step{display:none}
#cpq .cpq-step.is-active{display:block;animation:cpqFade .22s ease}
@keyframes cpqFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
#cpq .cpq-h{margin:0 0 12px;font-size:18px;font-weight:900;color:#0f172a;line-height:1.25}
#cpq .cpq-hint{margin:10px 0 0;color:#64748b;font-size:13px}
#cpq .cpq-note{margin:12px 0 0;color:#64748b;font-size:12px}
#cpq .cpq-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#cpq .cpq-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#cpq .cpq-opt,#cpq .cpq-check{border:1px solid #e2e8f0;border-radius:14px;padding:14px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;background:#fff;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}
#cpq .cpq-opt:hover,#cpq .cpq-check:hover{border-color:#fecaca;box-shadow:0 10px 25px rgba(220,38,38,.10);transform:translateY(-2px)}
#cpq .cpq-opt input,#cpq .cpq-check input{margin-top:3px;transform:scale(1.05);accent-color:#dc2626}
#cpq .cpq-opt span strong,#cpq .cpq-check span strong{display:block;color:#0f172a;font-weight:900;line-height:1.25}
#cpq .cpq-opt span small,#cpq .cpq-check span small{display:block;color:#64748b;margin-top:4px;font-size:12px;line-height:1.45}
#cpq .cpq-chip{border:1px solid #e2e8f0;border-radius:14px;padding:12px;cursor:pointer;font-weight:900;color:#0f172a;display:flex;gap:8px;align-items:center;justify-content:center;background:#fff;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}
#cpq .cpq-chip:hover{border-color:#fecaca;box-shadow:0 10px 25px rgba(220,38,38,.10);transform:translateY(-2px)}
#cpq .cpq-chip input{transform:scale(1.05);accent-color:#dc2626}
#cpq .cpq-opt:has(input:checked),#cpq .cpq-check:has(input:checked),#cpq .cpq-chip:has(input:checked){border-color:#dc2626;box-shadow:0 18px 36px rgba(220,38,38,.18);background:#fff7f7}
#cpq .cpq-result{background:linear-gradient(180deg,#fff7f7,#fff);border:1px solid #fecaca;border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:0 18px 36px rgba(220,38,38,.10)}
#cpq .cpq-price{font-size:34px;font-weight:1000;color:#dc2626;letter-spacing:.2px}
#cpq .cpq-break{margin-top:8px;color:#7f1d1d;font-size:13px;line-height:1.5}
#cpq .cpq-form{margin-top:10px}
#cpq .cpq-lbl{display:block;margin:10px 0 6px;font-size:13px;font-weight:900;color:#0f172a}
#cpq .cpq-in{width:100%;border:1px solid #dbe2ea;border-radius:14px;padding:12px;font-size:14px;outline:none}
#cpq .cpq-in:focus{border-color:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.12)}
#cpq .cpq-ta{resize:vertical;min-height:110px}
#cpq .cpq-submit{margin-top:12px;width:100%;border:none;border-radius:16px;padding:13px 14px;background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;font-weight:1000;font-size:14px;cursor:pointer;box-shadow:0 18px 36px rgba(220,38,38,.22)}
#cpq .cpq-submit:hover{box-shadow:0 24px 52px rgba(220,38,38,.28);transform:translateY(-1px)}
#cpq .cpq-note2{margin:10px 0 0;color:#64748b;font-size:12px}
#cpq .cpq-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}
#cpq .cpq-btn{border-radius:16px;padding:12px 18px;font-weight:1000;font-size:14px;cursor:pointer;border:1px solid transparent}
#cpq .cpq-btn--ghost{background:#fff;border:2px solid #0f172a;color:#0f172a;box-shadow:0 14px 30px rgba(15,23,42,.10)}
#cpq .cpq-btn--ghost:hover{background:#0f172a;color:#fff;border-color:#0f172a;transform:translateY(-1px)}
#cpq .cpq-btn--primary{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;box-shadow:0 18px 36px rgba(220,38,38,.22)}
#cpq .cpq-btn--primary:hover{box-shadow:0 22px 46px rgba(220,38,38,.28);transform:translateY(-1px)}
#cpq .cpq-preview__inner{border:1px solid #e2e8f0;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 22px 60px rgba(15,23,42,.10);overflow:hidden;position:sticky;top:18px}
#cpq .cpq-preview__media{height:230px;background:#0b132b;overflow:hidden}
#cpq .cpq-preview__img{width:100%;height:100%;object-fit:cover;display:block}
#cpq .cpq-preview__content{padding:14px 14px 16px}
#cpq .cpq-preview__kicker{display:inline-flex;font-size:12px;font-weight:1000;color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;margin-bottom:10px}
#cpq .cpq-preview__title{margin:0;font-size:18px;font-weight:1000;color:#0f172a}
#cpq .cpq-preview__desc{margin:8px 0 0;font-size:13px;line-height:1.55;color:#64748b}
#cpq .cpq-preview__chips{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
#cpq .cpq-chipmini{font-size:12px;font-weight:900;color:#0f172a;background:#fff7f7;border:1px solid #fecaca;border-radius:999px;padding:6px 10px;line-height:1}
#cpq .cpq-msg{margin-top:10px;font-size:13px;font-weight:700}
#cpq .cpq-msg.is-success{color:#166534}
#cpq .cpq-msg.is-error{color:#b91c1c}
@media (max-width:860px){
  #cpq .cpq-grid2{grid-template-columns:1fr}
  #cpq .cpq-grid3{grid-template-columns:repeat(2,1fr)}
  #cpq .cpq-head{flex-direction:column}
  #cpq .cpq-badge{align-self:flex-start}
  #cpq .cpq-body{grid-template-columns:1fr}
  #cpq .cpq-preview__inner{position:relative;top:auto}
  #cpq .cpq-preview__media{height:160px}
}



/* Improve option cards look */
#cpq .cpq-opt{
  padding:18px;
  border-radius:16px;
  border:1px solid #e2e8f0;
  transition:all 0.2s ease;
}

#cpq .cpq-opt:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

#cpq .cpq-opt strong{
  font-size:20px;
  font-weight:900;
  display:block;
}

#cpq .cpq-opt small{
  font-size:13px;
  color:#64748b;
}

/* Selected state stronger */
#cpq input:checked + span,
#cpq input:checked + strong{
  color:#dc2626;
}