.bjq-frontend {
	--bjq-primary: #1463ff;
	--bjq-primary-dark: #0b4bd4;
	--bjq-ink: #101828;
	--bjq-muted: #667085;
	--bjq-line: #e4eaf3;
	--bjq-soft: #f6f9ff;
	transform: none;
	padding: 30px 20px 70px;
	color: var(--bjq-ink);
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
	line-height: 1.55
}

.bjq-frontend * {
	box-sizing: border-box
}

.bjq-frontend a {
	color: var(--bjq-primary)
}

.bjq-front-header {
	display: flex;
	justify-content: space-between;
	gap: 36px;
	align-items: flex-end;
	padding: 34px 38px;
	margin-bottom: 22px;
	border: 1px solid #dce8ff;
	border-radius: 20px;
	background: radial-gradient(circle at 78% 0,#dce9ff 0,transparent 32%),linear-gradient(135deg,#f4f8ff,#fff 58%);
	box-shadow: 0 12px 36px rgba(28,64,128,.07)
}

.bjq-front-header h1 {
	font-size: clamp(28px,4vw,46px);
	line-height: 1.15;
	margin: 5px 0 10px
}

.bjq-front-header p,.bjq-section-heading p,.bjq-template-card p {
	color: var(--bjq-muted);
	margin: 0
}

.bjq-eyebrow {
	font-size: 12px;
	font-weight: 750;
	letter-spacing: .13em;
	color: var(--bjq-primary);
	text-transform: uppercase
}

.bjq-front-nav {
	display: flex;
	gap: 8px;
	flex-wrap: wrap
}

.bjq-front-nav a {
	padding: 10px 14px;
	border-radius: 9px;
	background: rgba(255,255,255,.9);
	border: 1px solid var(--bjq-line);
	text-decoration: none;
	color: #344054;
	font-weight: 600
}

.bjq-front-nav a:hover {
	border-color: #a7c4ff;
	color: var(--bjq-primary)
}

.bjq-login-hint {
	border-radius: 12px
}

.bjq-page-section,.bjq-my-quotes {
	background: #fff;
	border: 1px solid var(--bjq-line);
	border-radius: 16px;
	padding: 0 22px 24px;
	box-shadow: 0 8px 24px rgba(16,24,40,.04)
}

.bjq-section-heading {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: end;
	margin: 30px 0 20px
}

.bjq-section-heading h2 {
	font-size: 26px;
	margin: 2px 0 5px
}

.bjq-section-heading input {
	max-width: 380px
}

.bjq-template-section {
	margin: 30px 0
}

.bjq-template-section>h3 {
	font-size: 18px;
	margin-bottom: 14px
}

.bjq-template-card {
	border: 1px solid var(--bjq-line);
	border-radius: 14px;
	overflow: hidden;
	transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease
}

.bjq-template-card:hover {
	transform: translateY(-3px);
	border-color: #b9cefb;
	box-shadow: 0 16px 34px rgba(16,24,40,.09)
}

.bjq-template-card h4 {
	font-size: 19px;
	margin: 14px 0 8px
}

.bjq-template-card .card-body {
	min-height: 156px
}

.bjq-template-card .card-footer {
	background: #fff;
	border: 0;
	padding: 0 16px 18px
}

.bjq-frontend .btn {
	border-radius: 8px;
	font-weight: 600
}

.bjq-frontend .btn-primary {
	background: var(--bjq-primary);
	border-color: var(--bjq-primary)
}

.bjq-frontend .btn-primary:hover {
	background: var(--bjq-primary-dark);
	border-color: var(--bjq-primary-dark)
}

.bjq-frontend .form-control,.bjq-frontend .custom-select {
	border-color: #d4ddea;
	border-radius: 8px;
	min-height: 42px
}

.bjq-editor-toolbar {
	position: sticky;
	top: 12px;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 22px 0;
	padding: 13px 16px;
	background: rgba(255,255,255,.97);
	border: 1px solid var(--bjq-line);
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(16,24,40,.08)
}

.bjq-editor-toolbar>a {
	text-decoration: none
}

.bjq-panel {
	margin-bottom: 20px;
	border-color: var(--bjq-line);
	border-radius: 14px;
	box-shadow: 0 5px 18px rgba(16,24,40,.035)
}

.bjq-panel h2,.bjq-summary h2 {
	font-size: 18px
}

.bjq-group .card-header {
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--bjq-soft);
	border-color: var(--bjq-line)
}

.bjq-group .group-title {
	font-weight: 700
}

.bjq-group-footer {
	display: flex;
	justify-content: space-between;
	padding: 14px 16px;
	border-top: 1px solid var(--bjq-line)
}

.bjq-summary {
	position: sticky;
	top: 90px;
	border: 1px solid #cddcff;
	border-radius: 14px;
	background: linear-gradient(180deg,#fff,#f8faff)
}

.bjq-total-row {
	display: flex;
	justify-content: space-between;
	padding: 14px 0;
	border-bottom: 1px solid var(--bjq-line)
}

.bjq-final {
	font-size: 19px;
	color: var(--bjq-primary)
}

.bjq-term {
	display: grid;
	grid-template-columns: 1fr 2fr auto;
	gap: 10px;
	margin: 18px 0
}

.bjq-customer-summary,.bjq-enterprise-summary {
	min-height: 70px;
	margin-top: 14px;
	padding: 12px;
	background: var(--bjq-soft);
	border-radius: 9px;
	color: var(--bjq-muted)
}

.bjq-my-quotes .table>thead th {
	background: var(--bjq-soft);
	color: #475467;
	border-bottom-color: var(--bjq-line);
	font-size: 13px
}

.bjq-my-quotes .table td {
	padding-top: 15px;
	padding-bottom: 15px
}

.bjq-profile-grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 16px
}

.bjq-profile-card {
	padding: 20px;
	border: 1px solid var(--bjq-line);
	border-radius: 13px;
	background: #fff
}

.bjq-profile-card h3 {
	font-size: 18px;
	margin: 0 0 10px
}

.bjq-profile-card p {
	margin: 3px 0
}

.bjq-card-actions {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: stretch;
	min-width: 88px
}

.bjq-empty-state {
	grid-column: 1/-1;
	text-align: center;
	padding: 64px 20px;
	border: 1px dashed #bdc9dc;
	border-radius: 12px;
	color: var(--bjq-muted)
}

.bjq-empty-state>div {
	font-size: 36px
}

.bjq-dialog {
	width: min(600px,calc(100% - 24px));
	border: 0;
	border-radius: 16px;
	padding: 0;
	box-shadow: 0 24px 80px rgba(16,24,40,.22)
}

.bjq-dialog::backdrop {
	background: rgba(16,24,40,.48)
}

.bjq-dialog form {
	padding: 24px
}

.bjq-dialog-head,.bjq-dialog-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px
}

.bjq-dialog-head {
	margin-bottom: 20px
}

.bjq-dialog-head h3 {
	margin: 0
}

.bjq-dialog-actions {
	justify-content: flex-end;
	margin-top: 24px
}

.bjq-share-shell {
	max-width: 1060px
}

.bjq-share-code {
	max-width: 430px;
	margin: 80px auto;
	text-align: center;
	border: 1px solid var(--bjq-line);
	border-radius: 18px;
	box-shadow: 0 18px 55px rgba(16,24,40,.12)
}

.bjq-icon-badge {
	display: inline-grid;
	place-items: center;
	width: 54px;
	height: 54px;
	margin-bottom: 12px;
	border-radius: 50%;
	background: #eef4ff;
	font-size: 25px
}

.bjq-quote-paper {
	padding: clamp(24px,5vw,58px);
	background: #fff;
	border: 1px solid var(--bjq-line);
	border-radius: 16px;
	box-shadow: 0 14px 42px rgba(16,24,40,.08)
}

.bjq-paper-title {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	padding-bottom: 28px;
	border-bottom: 2px solid var(--bjq-primary)
}

.bjq-paper-title h1 {
	font-size: 40px;
	color: var(--bjq-primary)
}

.bjq-quote-paper section {
	margin-top: 30px
}

.bjq-quote-paper h3 {
	font-size: 18px
}

.bjq-quote-paper .table thead th {
	background: var(--bjq-primary);
	color: #fff;
	border: 0
}

.bjq-paper-total {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	gap: 22px;
	margin: 24px 0;
	padding: 18px 20px;
	background: var(--bjq-soft);
	border-radius: 10px
}

.bjq-paper-total strong {
	font-size: 25px;
	color: var(--bjq-primary)
}

.bjq-side-card {
	position: sticky;
	top: 24px;
	padding: 22px;
	border: 1px solid var(--bjq-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(16,24,40,.05)
}

.bjq-preview-content {
	max-width: 1080px;
	margin: auto
}

.bjq-editor-toolbar {top:12px;padding:16px 20px}
.bjq-editor-title {display:flex;align-items:center;gap:22px}
.bjq-editor-title>a {color:#667085;font-size:13px;text-decoration:none}
.bjq-editor-title h2 {margin:0 0 3px;font-size:24px}
.bjq-editor-title span {color:#16a263;font-size:12px}
.bjq-editor-actions {display:flex;gap:10px}
.bjq-editor-layout>.col-xl-9 {min-width:0}
.bjq-panel {overflow:hidden;background:#fff}
.bjq-panel .card-body {padding:22px}
.bjq-panel-heading {margin:-4px 0 18px;padding-bottom:13px;border-bottom:1px solid var(--bjq-line)}
.bjq-panel-heading h2 {margin:0}
.bjq-basic-panel .form-label,.bjq-editor .form-label {color:#475467;font-size:13px;font-weight:600}
.bjq-editor .table {min-width:780px}
.bjq-editor .table thead th {padding:12px 9px;background:#f6f8fc;color:#667085;border-top:0;border-bottom:1px solid var(--bjq-line);font-size:12px;font-weight:650;white-space:nowrap}
.bjq-editor .table td {padding:13px 8px;vertical-align:middle;border-color:#edf0f5}
.bjq-editor .table .form-control,.bjq-editor .table .custom-select {min-height:36px;font-size:13px}
.bjq-editor-sidebar {align-self:stretch}
.bjq-summary {top:96px;box-shadow:0 10px 28px rgba(21,63,142,.07)}
.bjq-summary .card-body {padding:24px}
.bjq-summary h2 {margin:0 0 10px;padding-bottom:15px;border-bottom:1px solid var(--bjq-line)}
.bjq-summary .form-label {margin:15px 0 6px}
.bjq-summary .bjq-final {margin-top:18px;padding:18px 0 4px;border-top:1px solid #dbe6fb;border-bottom:0;font-size:16px}
.bjq-summary .bjq-final strong {font-size:22px}

.bjq-preview-modal .modal-dialog {width:calc(100% - 40px);max-width:1260px;margin:20px auto}
.bjq-preview-modal .modal-content {overflow:hidden;border:0;border-radius:14px;box-shadow:0 28px 90px rgba(11,26,55,.3)}
.bjq-preview-modal .modal-header {align-items:center;padding:18px 25px;border-bottom:1px solid #e4eaf3}
.bjq-preview-modal .modal-title {margin:2px 0 0;font-size:22px}
.bjq-preview-modal .close {font-size:30px;font-weight:400}
.bjq-preview-modal .modal-body {max-height:calc(100vh - 105px);overflow:auto;padding:28px;background:#edf1f7}
.bjq-preview-paper {max-width:1040px;min-height:1200px;margin:0 auto;padding:46px 44px 34px;background:#fff;color:#172033;box-shadow:0 8px 26px rgba(33,55,90,.11);font-size:13px;line-height:1.65}
.bjq-preview-paper p {margin:2px 0}
.bjq-preview-letterhead {display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-bottom:26px;border-bottom:1px solid #e4eaf3}
.bjq-preview-letterhead>div:first-child {display:flex;gap:16px;align-items:center}
.bjq-preview-letterhead h2 {margin:0 0 5px;font-size:25px}
.bjq-preview-logo {display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:linear-gradient(145deg,#3d81ff,#0758ec);color:#fff;font-size:28px}
.bjq-preview-title {text-align:right}
.bjq-preview-title h1 {margin:0;color:#1463ff;font-size:40px;letter-spacing:.14em}
.bjq-preview-title span {color:#98a2b3;font-size:12px;letter-spacing:.14em}
.bjq-preview-info {display:grid;grid-template-columns:1fr .95fr;gap:70px;padding:30px 0}
.bjq-preview-info h3,.bjq-preview-section h3,.bjq-preview-terms h3 {margin:0 0 12px;font-size:16px}
.bjq-preview-info h3:before,.bjq-preview-terms h3:before {content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border:3px solid #1463ff;border-radius:50%}
.bjq-preview-info dl {margin:0}
.bjq-preview-info dl>div {display:grid;grid-template-columns:84px 1fr;gap:12px;margin:3px 0}
.bjq-preview-info dt {color:#667085;font-weight:500}.bjq-preview-info dd {margin:0;font-weight:600}
.bjq-preview-section {margin-top:8px}
.bjq-preview-table-wrap {overflow-x:auto;border:1px solid #dbe4f2;border-radius:8px}
.bjq-preview-table {width:100%;min-width:780px;border-collapse:collapse}
.bjq-preview-table th {padding:11px 12px;background:#1463ff;color:#fff;font-size:12px;font-weight:600;text-align:left;white-space:nowrap}
.bjq-preview-table td {padding:13px 12px;border-bottom:1px solid #e6ebf2;vertical-align:top}
.bjq-preview-table tbody tr:last-child td {border-bottom:0}
.bjq-preview-table tfoot td {padding:11px 12px;border-top:1px solid #dbe4f2;background:#f8faff;text-align:right}
.bjq-preview-table .num {text-align:right;white-space:nowrap}
.bjq-preview-muted {color:#7b8798}
.bjq-preview-empty {margin:8px 0 24px;padding:34px;border:1px dashed #c9d5e7;border-radius:8px;background:#fafcff;color:#7b8798;text-align:center}
.bjq-preview-summary {display:flex;justify-content:flex-end;padding:22px 0 26px}
.bjq-preview-summary dl {width:390px;margin:0}
.bjq-preview-summary dl>div {display:flex;justify-content:space-between;gap:22px;padding:7px 12px;border-bottom:1px solid #edf0f5}
.bjq-preview-summary dt {font-weight:500}.bjq-preview-summary dd {margin:0;font-weight:650}
.bjq-preview-summary .discount dd {color:#f04438}
.bjq-preview-summary .final {align-items:center;margin-top:8px;padding:13px 12px;border:1px solid #d5e2fa;border-radius:7px;background:#f7faff}
.bjq-preview-summary .final dt {font-size:16px;font-weight:700}.bjq-preview-summary .final dd {color:#1463ff;font-size:24px}
.bjq-preview-terms {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 60px;padding:24px 0;border-top:1px solid #e4eaf3}
.bjq-preview-terms section {min-width:0}.bjq-preview-terms p {white-space:pre-wrap}
.bjq-preview-paper footer {margin-top:35px;padding-top:22px;border-top:1px solid #e4eaf3;text-align:center}
.bjq-preview-paper footer strong {font-size:17px}.bjq-preview-paper footer p {color:#667085}

@media(max-width:768px) {
	.bjq-frontend {
		padding: 16px 10px 44px
	}

	.bjq-front-header,.bjq-section-heading,.bjq-editor-toolbar,.bjq-paper-title {
		align-items: stretch;
		flex-direction: column
	}

	.bjq-front-header {
		padding: 24px 20px
	}

	.bjq-front-nav {
		display: grid;
		grid-template-columns: 1fr 1fr
	}

	.bjq-front-nav a {
		text-align: center
	}

	.bjq-section-heading input {
		max-width: none
	}

	.bjq-editor-toolbar {
		position: static
	}
	.bjq-editor-title,.bjq-editor-actions {align-items:stretch;flex-direction:column}
	.bjq-editor-actions .btn {width:100%}

	.bjq-term {
		grid-template-columns: 1fr
	}

	.bjq-group .card-header {
		flex-wrap: wrap
	}

	.bjq-summary,.bjq-side-card {
		position: static
	}

	.bjq-profile-grid {
		grid-template-columns: 1fr
	}

	.bjq-profile-card>div {
		flex-direction: column
	}

	.bjq-card-actions {
		flex-direction: row;
		flex-wrap: wrap
	}

	.bjq-page-section,.bjq-my-quotes {
		padding-left: 14px;
		padding-right: 14px
	}

	.bjq-my-quotes table,.bjq-my-quotes tbody,.bjq-my-quotes tr,.bjq-my-quotes td {
		display: block;
		width: 100%
	}

	.bjq-my-quotes thead {
		display: none
	}

	.bjq-my-quotes tr {
		padding: 14px 0;
		border-bottom: 1px solid var(--bjq-line)
	}

	.bjq-my-quotes td {
		border: 0;
		padding: 4px 0
	}

	.bjq-paper-title h1 {
		font-size: 32px
	}
	.bjq-preview-modal .modal-dialog {width:calc(100% - 16px);margin:8px auto}
	.bjq-preview-modal .modal-header {padding:14px 16px}
	.bjq-preview-modal .modal-body {padding:10px;max-height:calc(100vh - 82px)}
	.bjq-preview-paper {min-height:0;padding:26px 18px;font-size:12px}
	.bjq-preview-letterhead,.bjq-preview-info {display:block}
	.bjq-preview-title {margin-top:22px;text-align:left}.bjq-preview-title h1 {font-size:31px}
	.bjq-preview-info dl {margin-top:20px}
	.bjq-preview-info {padding:24px 0;gap:0}
	.bjq-preview-summary dl {width:100%}
	.bjq-preview-terms {grid-template-columns:1fr;gap:18px}
}

.bjq-frontend {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 70px;
	background: #fff;
	font-size: 14px
}

.bjq-app-shell {
	width: 100%;
	min-height: 0;
	padding: 28px clamp(18px,3vw,44px) 70px;
	background: #f7f9fd
}

.bjq-front-header {
	align-items: center;
	padding: 28px 32px;
	border-radius: 14px;
	background: linear-gradient(135deg,#f8fbff,#edf4ff)
}

.bjq-front-header h1 {font-size:clamp(26px,3vw,38px)}
.bjq-template-picker {padding: 0 4px 40px}
.bjq-template-grid {margin-right:-10px;margin-left:-10px}
.bjq-template-item {padding:10px}
.bjq-template-card {min-height:230px;border-radius:12px;background:linear-gradient(180deg,#fff,#fbfdff)}
.bjq-template-card .card-body {padding:24px;min-height:165px}
.bjq-template-card .badge {color:#1463ff;background:#eef4ff}
.bjq-page-section,.bjq-my-quotes,.bjq-panel,.bjq-side-card {border-radius:12px;box-shadow:0 6px 20px rgba(35,60,105,.045)}
.bjq-editor>.bjq-row-gap,.bjq-page-section>.bjq-row-gap {align-items:flex-start}

.bjq-landing{overflow:hidden;background:#fff}
.bjq-landing-hero{grid-template-columns:minmax(360px,.88fr) minmax(520px,1.12fr);min-height:500px;padding:58px max(6vw,48px);border:0;border-radius:0;background:radial-gradient(circle at 78% 30%,rgba(65,130,255,.2),transparent 26%),linear-gradient(120deg,#f8fbff 0,#eef5ff 62%,#dce9ff 100%)}
.bjq-landing-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 60%,rgba(255,255,255,.28));pointer-events:none}
.bjq-landing-hero:after{right:-210px;bottom:-360px;width:720px;height:720px;border-width:120px}
.bjq-landing-kicker{margin-bottom:16px;font-size:13px;letter-spacing:.12em}
.bjq-hero-copy h1{font-size:clamp(42px,4.2vw,62px);line-height:1.2;letter-spacing:-.045em}
.bjq-hero-copy>p{max-width:590px;font-size:16px;line-height:1.9}
.bjq-hero-actions .btn{min-width:176px;padding:13px 25px;border-radius:8px;font-size:15px}
.bjq-hero-points{margin:25px 0 27px}
.bjq-demo-window{transform:perspective(1200px) rotateY(-3deg);border-color:#fff;border-radius:16px;box-shadow:0 28px 70px rgba(39,81,156,.2)}
.bjq-demo-top{padding:16px 20px}.bjq-demo-body{min-height:330px}.bjq-demo-body section{padding:24px 22px}
.bjq-landing-section,.bjq-trust-section{max-width:1320px;margin:0 auto;padding:68px 34px}
.bjq-landing-section h2,.bjq-trust-section h2,.bjq-flow-copy h2{font-size:30px;font-weight:750}
.bjq-heading-line{display:block;width:28px;height:3px;margin:14px auto 0;border-radius:3px;background:#1463ff}
.bjq-feature-grid{gap:16px;margin-top:34px}.bjq-feature-grid article{min-height:174px;padding:26px 16px;border-radius:10px;box-shadow:0 4px 16px rgba(25,55,100,.035)}
.bjq-feature-grid i{width:50px;height:50px;margin-bottom:16px;font-size:21px}
.bjq-flow-section{max-width:1180px;margin:0 auto 26px;padding:46px 50px;border-radius:16px;background:linear-gradient(135deg,#f4f8ff,#eaf2ff)}
.bjq-flow-panel{padding:24px}.bjq-flow-panel li{padding:15px}
.bjq-trust-grid{gap:35px;margin-top:38px}.bjq-trust-grid article{align-items:center}
.bjq-landing-cta{max-width:1320px;margin:18px auto 0;padding:42px 60px;border-radius:15px 15px 0 0;background:linear-gradient(120deg,#3478f4,#155ce8)}
.bjq-landing-cta h2{font-size:27px}

@media(max-width:960px) {
	.bjq-landing-hero{grid-template-columns:1fr;padding:54px 40px}
	.bjq-hero-copy{max-width:720px}.bjq-hero-visual{max-width:820px}
	.bjq-feature-grid{grid-template-columns:repeat(3,1fr)}
	.bjq-flow-section{margin-right:24px;margin-left:24px}
}

@media(max-width:600px) {
	.bjq-app-shell {padding:16px 10px 44px}
	.bjq-front-header {padding:22px 18px}
	.bjq-front-header h1 {font-size:25px}
	.bjq-front-nav {grid-template-columns:1fr}
	.bjq-section-heading h2 {font-size:23px}
	.bjq-template-card {min-height:0}
	.bjq-template-card .card-body {min-height:135px;padding:20px}
	.bjq-editor-toolbar>div {display:grid;grid-template-columns:1fr;gap:8px}
	.bjq-editor-toolbar .btn {width:100%}
	.bjq-quote-paper {padding:20px 14px}
	.bjq-landing-hero{padding:42px 20px}
	.bjq-hero-copy h1{font-size:36px}
	.bjq-hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
	.bjq-hero-points span{align-items:flex-start;flex-direction:column;gap:5px;font-size:12px}
	.bjq-demo-title{grid-template-columns:1fr}
	.bjq-landing-section,.bjq-trust-section{padding:54px 18px}
	.bjq-feature-grid{grid-template-columns:1fr 1fr;gap:10px}
	.bjq-flow-section{margin:0 12px 20px;padding:32px 20px}
	.bjq-landing-cta{margin-top:8px;padding:34px 20px;border-radius:0}
}

@media(max-width:420px) {
	.bjq-feature-grid{grid-template-columns:1fr}
	.bjq-hero-copy h1{font-size:33px}
	.bjq-demo-window{margin-right:-10px;margin-left:-10px}
}
