/* Vonk AI Visibility Checker — namespaced, neutral, easy to restyle */
.vonk-aivc {
	--vonk-good: #1f9d55;
	--vonk-warn: #c97a00;
	--vonk-crit: #c0392b;
	--vonk-ink: #1c1c1e;
	--vonk-muted: #6b7280;
	--vonk-border: #e5e7eb;
	max-width: 640px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--vonk-ink);
	line-height: 1.55;
}
.vonk-aivc * { box-sizing: border-box; }
.vonk-aivc-intro { text-align: center; margin-bottom: 18px; }
.vonk-aivc-h { font-size: 26px; line-height: 1.2; margin: 0 0 8px; font-weight: 800; }
.vonk-aivc-sub { color: var(--vonk-muted); margin: 0; font-size: 16px; }

.vonk-aivc-form { display: flex; gap: 10px; margin: 0 auto; max-width: 520px; }
.vonk-aivc-domain {
	flex: 1; padding: 14px 16px; font-size: 16px; border: 2px solid var(--vonk-border);
	border-radius: 10px; outline: none; min-width: 0;
}
.vonk-aivc-domain:focus { border-color: var(--vonk-ink); }
.vonk-aivc-go, .vonk-aivc-email-go {
	padding: 14px 22px; font-size: 16px; font-weight: 700; color: #fff; background: var(--vonk-ink);
	border: 0; border-radius: 10px; cursor: pointer; white-space: nowrap;
}
.vonk-aivc-go:disabled, .vonk-aivc-email-go:disabled { opacity: .6; cursor: default; }
.vonk-aivc-go:hover, .vonk-aivc-email-go:hover { opacity: .9; }

.vonk-aivc-error, .vonk-aivc-gate-error {
	color: var(--vonk-crit); font-size: 14px; margin-top: 10px; text-align: center;
}

.vonk-aivc-loading { text-align: center; margin: 26px 0; }
.vonk-aivc-spinner {
	width: 34px; height: 34px; margin: 0 auto 10px; border: 4px solid var(--vonk-border);
	border-top-color: var(--vonk-ink); border-radius: 50%; animation: vonk-aivc-spin .9s linear infinite;
}
@keyframes vonk-aivc-spin { to { transform: rotate(360deg); } }
.vonk-aivc-loading-text { color: var(--vonk-muted); font-size: 15px; margin: 0; }

.vonk-aivc-result { margin-top: 24px; }

.vonk-aivc-score-wrap { text-align: center; padding: 20px 0 6px; }
.vonk-aivc-gauge {
	width: 132px; height: 132px; margin: 0 auto; border-radius: 50%;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	border: 8px solid var(--vonk-warn);
}
.vonk-aivc-good .vonk-aivc-gauge { border-color: var(--vonk-good); }
.vonk-aivc-warning .vonk-aivc-gauge { border-color: var(--vonk-warn); }
.vonk-aivc-critical .vonk-aivc-gauge { border-color: var(--vonk-crit); }
.vonk-aivc-score-num { font-size: 46px; font-weight: 800; line-height: 1; }
.vonk-aivc-good .vonk-aivc-score-num { color: var(--vonk-good); }
.vonk-aivc-warning .vonk-aivc-score-num { color: var(--vonk-warn); }
.vonk-aivc-critical .vonk-aivc-score-num { color: var(--vonk-crit); }
.vonk-aivc-score-of { font-size: 14px; color: var(--vonk-muted); }
.vonk-aivc-grade { font-size: 18px; font-weight: 800; margin-top: 12px; }
.vonk-aivc-good .vonk-aivc-grade { color: var(--vonk-good); }
.vonk-aivc-warning .vonk-aivc-grade { color: var(--vonk-warn); }
.vonk-aivc-critical .vonk-aivc-grade { color: var(--vonk-crit); }
.vonk-aivc-domain-label { color: var(--vonk-muted); font-size: 14px; margin-top: 2px; }

.vonk-aivc-teaser {
	margin: 18px 0; padding: 16px 18px; border-radius: 10px; background: #f7f7f8;
	border-left: 5px solid var(--vonk-warn);
}
.vonk-aivc-teaser.vonk-aivc-good { border-left-color: var(--vonk-good); }
.vonk-aivc-teaser.vonk-aivc-warning { border-left-color: var(--vonk-warn); }
.vonk-aivc-teaser.vonk-aivc-critical { border-left-color: var(--vonk-crit); }
.vonk-aivc-teaser-head { margin: 0; font-size: 17px; font-weight: 700; }

.vonk-aivc-gate {
	margin-top: 18px; padding: 20px; border: 2px dashed var(--vonk-border); border-radius: 12px; text-align: center;
}
.vonk-aivc-gate-text { margin: 0 0 14px; color: var(--vonk-ink); font-size: 15px; }
.vonk-aivc-gate-form { display: flex; flex-wrap: wrap; gap: 10px; max-width: 440px; margin: 0 auto; }
.vonk-aivc-email, .vonk-aivc-fname {
	flex: 1 1 150px; padding: 13px 15px; font-size: 16px; border: 2px solid var(--vonk-border); border-radius: 10px; outline: none; min-width: 0;
}
.vonk-aivc-gate-form .vonk-aivc-email-go { flex: 1 1 100%; }
.vonk-aivc-email:focus, .vonk-aivc-fname:focus { border-color: var(--vonk-ink); }

.vonk-aivc-sent {
	background: #ecfdf3; color: var(--vonk-good); font-weight: 700; padding: 12px 16px;
	border-radius: 10px; margin-bottom: 16px; text-align: center;
}
.vonk-aivc-report-intro { color: var(--vonk-muted); font-size: 14px; text-align: center; margin: 0 0 16px; }
.vonk-aivc-finding {
	background: #fff; border: 1px solid var(--vonk-border); border-left-width: 4px;
	border-radius: 8px; padding: 14px 16px; margin-bottom: 12px;
}
.vonk-aivc-finding-head { display: flex; align-items: center; gap: 8px; }
.vonk-aivc-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.vonk-aivc-pts { margin-left: auto; color: var(--vonk-muted); font-size: 13px; font-weight: 600; }
.vonk-aivc-finding-headline { margin: 6px 0 4px; font-weight: 600; font-size: 15px; }
.vonk-aivc-finding-detail { margin: 0; color: #444; font-size: 14px; }

.vonk-aivc-cta { text-align: center; margin-top: 22px; }
.vonk-aivc-cta-line { font-size: 15px; color: var(--vonk-ink); margin: 0 0 12px; font-weight: 600; }
.vonk-aivc-cta-btn {
	display: inline-block; background: var(--vonk-ink); color: #fff; text-decoration: none;
	padding: 14px 28px; border-radius: 10px; font-weight: 700; font-size: 16px;
}
.vonk-aivc-cta-btn:hover { opacity: .9; color: #fff !important; }

@media (max-width: 540px) {
	.vonk-aivc-form, .vonk-aivc-gate-form { flex-direction: column; }
	.vonk-aivc-h { font-size: 22px; }
}