/* =========================================================
   ADDRILI AI-WEBSITESCAN
   Complete stylesheet
   ========================================================= */


/* =========================================================
   1. BASIS + VARIABELEN
   ========================================================= */

.addrili-website-scan,
.addrili-scan-results,
.addrili-scan-notice {

	--addrili-green: #425d5f;
	--addrili-text: #355255;
	--addrili-muted: #718184;

	--addrili-mint: #72d6bd;
	--addrili-coral: #ff8585;
	--addrili-cream: #fff8f2;

	--addrili-border: rgba(66, 93, 95, 0.16);

	--addrili-good: #72d6bd;
	--addrili-good-soft: rgba(114, 214, 189, 0.14);

	--addrili-warning: #e5a84b;
	--addrili-warning-soft: rgba(229, 168, 75, 0.12);

	--addrili-bad: #ff8585;
	--addrili-bad-soft: rgba(255, 133, 133, 0.12);

	--addrili-info: #8aa5a7;
	--addrili-info-soft: rgba(138, 165, 167, 0.12);

	box-sizing: border-box;

	width: calc(100% - 40px);

	margin-right: auto;
	margin-left: auto;

	color: var(--addrili-text);

	font-family: inherit;
}


.addrili-website-scan,
.addrili-scan-notice {
	max-width: 1180px;
}

.addrili-website-scan *,
.addrili-scan-results *,
.addrili-scan-notice * {
	box-sizing: border-box;
}


/* =========================================================
   2. SCAN HERO
   ========================================================= */

.addrili-website-scan {
	padding: 50px 0 25px;
}


.addrili-scan-hero {

	position: relative;

	overflow: hidden;

	padding: clamp(40px, 7vw, 80px);

	border: 1px solid var(--addrili-border);
	border-radius: 32px;

	background:
		radial-gradient(
			circle at 90% 10%,
			rgba(114, 214, 189, 0.25),
			transparent 35%
		),
		radial-gradient(
			circle at 10% 100%,
			rgba(255, 133, 133, 0.14),
			transparent 38%
		),
		var(--addrili-cream);

	text-align: center;

	box-shadow:
		0 24px 70px rgba(53, 82, 85, 0.08);
}


.addrili-scan-label,
.addrili-scan-report-header-accent,
.addrili-scan-ai-score-label,
.addrili-scan-ai-gap-label {

	display: inline-flex;

	align-items: center;
	justify-content: center;

	border-radius: 999px;

	font-weight: 900;

	letter-spacing: 0.08em;

	text-transform: uppercase;
}


.addrili-scan-label {

	margin-bottom: 20px;

	padding: 8px 15px;

	background:
		rgba(114, 214, 189, 0.20);

	color: var(--addrili-green);

	font-size: 13px;
}


.addrili-scan-hero h1 {

	max-width: 850px;

	margin: 0 auto 20px;

	color: var(--addrili-green);

	font-size: clamp(38px, 6vw, 68px);

	line-height: 1.05;

	letter-spacing: -0.04em;
}


.addrili-scan-intro {

	max-width: 680px;

	margin: 0 auto 34px;

	color: var(--addrili-muted);

	font-size: clamp(17px, 2vw, 21px);

	line-height: 1.6;
}


/* =========================================================
   3. FORMULIER
   ========================================================= */

.addrili-scan-form {

	max-width: 820px;

	margin: 0 auto;

	text-align: left;
}


.addrili-scan-form label {

	display: block;

	margin: 0 0 9px 5px;

	color: var(--addrili-green);

	font-size: 14px;
	font-weight: 800;
}


.addrili-scan-input-row {

	display: grid;

	grid-template-columns:
		minmax(0, 1fr)
		auto;

	gap: 10px;

	padding: 9px;

	border: 1px solid var(--addrili-border);
	border-radius: 20px;

	background: #fff;

	box-shadow:
		0 15px 40px rgba(53, 82, 85, 0.08);
}


.addrili-scan-input-row input {

	min-width: 0;
	min-height: 58px;

	padding: 0 18px;

	border: 0;

	outline: none;

	background: transparent;

	color: var(--addrili-text);

	font: inherit;
}


.addrili-scan-input-row button {

	min-height: 58px;

	padding: 0 27px;

	border: 0;
	border-radius: 14px;

	background: var(--addrili-coral);

	color: #fff;

	font: inherit;
	font-weight: 800;

	cursor: pointer;

	transition:
		transform 0.18s ease,
		box-shadow 0.18s ease,
		background 0.18s ease;
}


/* Gewijzigd: hover blijft koraal */

.addrili-scan-input-row button:hover {

	transform: translateY(-2px);

	background: #ff7474;

	box-shadow:
		0 10px 25px rgba(255, 133, 133, 0.32);
}


/* Gewijzigd: laadstatus blijft in dezelfde huisstijl */

.addrili-scan-input-row button:disabled,
.addrili-scan-input-row button[disabled],
.addrili-scan-input-row button[aria-busy="true"] {

	background: var(--addrili-coral);

	color: #fff;

	opacity: 0.78;

	cursor: wait;

	transform: none;

	box-shadow:
		0 8px 20px rgba(255, 133, 133, 0.20);
}


.addrili-scan-input-row button:disabled:hover,
.addrili-scan-input-row button[disabled]:hover,
.addrili-scan-input-row button[aria-busy="true"]:hover {

	background: var(--addrili-coral);

	color: #fff;

	transform: none;
}


.addrili-scan-smallprint {

	margin: 13px 0 0;

	color: var(--addrili-muted);

	font-size: 13px;

	text-align: center;
}


/* =========================================================
   4. MELDINGEN
   ========================================================= */

.addrili-scan-notice {

	margin-top: 24px;

	padding: 18px 22px;

	border-radius: 16px;
}


.addrili-scan-notice--error {

	border:
		1px solid rgba(160, 54, 54, 0.20);

	background: #fff0f0;

	color: #963939;
}


/* =========================================================
   5. RESULTATEN + RAPPORT HEADER
   ========================================================= */

.addrili-scan-results {

	display: block;

	max-width: 1380px;

	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;

	padding: 28px;

	border: 1px solid var(--addrili-border);
	border-radius: 30px;

	background: #fff;

	box-shadow:
		0 20px 60px rgba(53, 82, 85, 0.06);
}


.addrili-scan-report-header {

	position: relative;

	overflow: hidden;

	margin-bottom: 16px;

	padding: 34px 42px;

	border: 1px solid var(--addrili-border);
	border-radius: 25px;

	background:
		radial-gradient(
			circle at 88% 10%,
			rgba(114, 214, 189, 0.22),
			transparent 34%
		),
		linear-gradient(
			180deg,
			#f7f8f3 0%,
			#fff8f2 100%
		);

	text-align: center;

	box-shadow:
		0 18px 50px rgba(53, 82, 85, 0.06);
}


.addrili-scan-report-header-accent {

	margin-bottom: 10px;

	padding: 6px 12px;

	background:
		rgba(114, 214, 189, 0.18);

	color: var(--addrili-green);

	font-size: 11px;
}


.addrili-scan-report-header h1 {

	margin: 0 0 8px;

	color: var(--addrili-green);

	font-size: clamp(32px, 4vw, 46px);
	font-weight: 900;

	line-height: 1.05;

	letter-spacing: -0.03em;
}


.addrili-scan-report-header p {

	max-width: 700px;

	margin: 0 auto;

	color: var(--addrili-muted);

	font-size: 14px;
	font-weight: 700;

	line-height: 1.5;
}


/* =========================================================
   6. RAPPORT ACTIES
   ========================================================= */

.addrili-scan-report-actions {

	display: flex;

	justify-content: flex-end;

	margin-bottom: 16px;
}


.addrili-scan-download-button {

	display: inline-flex;

	align-items: center;
	justify-content: center;

	padding: 12px 18px;

	border: 1px solid var(--addrili-border);
	border-radius: 999px;

	background:
		rgba(114, 214, 189, 0.18);

	color: var(--addrili-green);

	font: inherit;
	font-size: 14px;
	font-weight: 900;

	cursor: pointer;

	transition:
		transform 0.18s ease,
		background 0.18s ease;
}


.addrili-scan-download-button:hover {

	transform: translateY(-1px);

	background:
		rgba(114, 214, 189, 0.28);
}


.addrili-scan-download-button:disabled {

	opacity: 0.65;

	cursor: wait;
}


/* =========================================================
   7. SCORE OVERVIEW
   ========================================================= */

.addrili-scan-overview {

	display: grid;

	grid-template-columns:
		250px
		minmax(0, 1fr);

	gap: 22px;

	margin-bottom: 22px;
}


.addrili-scan-score-card,
.addrili-scan-result-content,
.addrili-scan-section,
.addrili-scan-ai-score-card {

	border: 1px solid var(--addrili-border);

	background: #fff;

	box-shadow:
		0 18px 50px rgba(53, 82, 85, 0.06);
}


.addrili-scan-score-card,
.addrili-scan-result-content {
	border-radius: 25px;
}


.addrili-scan-score-card {

	display: flex;

	flex-direction: column;

	align-items: center;
	justify-content: center;

	min-height: 250px;

	padding: 30px;

	text-align: center;
}


.addrili-scan-score {

	color: var(--addrili-green);

	font-size: 52px;
	font-weight: 900;

	line-height: 1;
}


.addrili-scan-score span {

	font-size: 18px;
	font-weight: 800;
}


.addrili-scan-score-card p {

	margin: 14px 0 0;

	color: var(--addrili-muted);

	font-size: 14px;
	font-weight: 700;
}


.addrili-scan-result-content {
	padding: clamp(25px, 5vw, 42px);
}


.addrili-scan-result-label {

	margin: 0 0 6px;

	color: var(--addrili-coral);

	font-size: 13px;
	font-weight: 800;

	letter-spacing: 0.08em;

	text-transform: uppercase;
}


.addrili-scan-result-header h2 {

	margin: 0 0 25px;

	color: var(--addrili-green);

	font-size: clamp(22px, 3vw, 32px);

	overflow-wrap: anywhere;
}


/* =========================================================
   8. SUBSCORES
   ========================================================= */

.addrili-scan-score-grid {

	display: grid;

	grid-template-columns:
		repeat(3, minmax(0, 1fr));

	gap: 14px;
}


.addrili-scan-subscore,
.addrili-scan-result-item,
.addrili-scan-stat-grid article,
.addrili-scan-cta-found,
.addrili-scan-ai-summary,
.addrili-scan-ai-gap-card {

	border: 1px solid var(--addrili-border);

	background: var(--addrili-cream);
}


.addrili-scan-subscore {

	padding: 20px;

	border-radius: 17px;
}


.addrili-scan-subscore-label {

	display: block;

	margin-bottom: 8px;

	color: var(--addrili-muted);

	font-size: 12px;
	font-weight: 800;

	letter-spacing: 0.06em;

	text-transform: uppercase;
}


.addrili-scan-subscore strong {

	display: block;

	margin-bottom: 8px;

	color: var(--addrili-green);

	font-size: 28px;
	font-weight: 900;

	line-height: 1;
}


.addrili-scan-subscore p {

	margin: 0;

	color: var(--addrili-muted);

	font-size: 13px;

	line-height: 1.5;
}


/* =========================================================
   9. ALGEMENE SECTIES
   ========================================================= */

.addrili-scan-section {

	margin-top: 22px;

	padding: clamp(25px, 5vw, 42px);

	border-radius: 25px;
}


.addrili-scan-section-heading {

	max-width: 820px;

	margin-bottom: 25px;
}


.addrili-scan-section-heading h2 {

	margin: 0;

	color: var(--addrili-green);

	font-size: clamp(24px, 3vw, 34px);

	line-height: 1.15;

	letter-spacing: -0.025em;
}


.addrili-scan-section-heading > p:not(
	.addrili-scan-result-label
) {

	margin: 12px 0 0;

	color: var(--addrili-muted);

	font-size: 15px;

	line-height: 1.65;
}


/* =========================================================
   10. BASISGEGEVENS
   ========================================================= */

.addrili-scan-result-grid {

	display: grid;

	grid-template-columns:
		repeat(3, minmax(0, 1fr));

	gap: 15px;
}


.addrili-scan-result-item {

	padding: 20px;

	border-radius: 17px;
}


.addrili-scan-result-item h3 {

	margin: 0 0 9px;

	color: var(--addrili-green);

	font-size: 17px;
}


.addrili-scan-result-item p {

	margin: 0;

	color: var(--addrili-muted);

	line-height: 1.55;

	overflow-wrap: anywhere;
}


.addrili-scan-result-item small {

	display: block;

	margin-top: 9px;

	color: var(--addrili-muted);
}


/* =========================================================
   11. CHECKS
   ========================================================= */

.addrili-scan-check-list {

	display: grid;

	gap: 10px;
}


.addrili-scan-check {

	display: grid;

	grid-template-columns:
		110px
		minmax(0, 1fr)
		auto;

	align-items: center;

	gap: 18px;

	padding: 15px 18px;

	border: 1px solid var(--addrili-border);
	border-radius: 15px;

	background: #fff;
}


.addrili-scan-check-status span {

	display: inline-flex;

	align-items: center;
	justify-content: center;

	min-width: 82px;

	padding: 7px 10px;

	border-radius: 999px;

	font-size: 12px;
	font-weight: 800;
}


.addrili-scan-check.is-good
.addrili-scan-check-status span {

	background: var(--addrili-good-soft);

	color: #326f61;
}


.addrili-scan-check.is-warning
.addrili-scan-check-status span {

	background: var(--addrili-warning-soft);

	color: #9b691a;
}


.addrili-scan-check.is-bad
.addrili-scan-check-status span {

	background: var(--addrili-bad-soft);

	color: #a64d4d;
}


.addrili-scan-check.is-info
.addrili-scan-check-status span {

	background: var(--addrili-info-soft);

	color: var(--addrili-green);
}


.addrili-scan-check-copy p {

	margin: 0;

	color: var(--addrili-muted);

	font-size: 14px;

	line-height: 1.5;
}


.addrili-scan-check-points {

	color: var(--addrili-green);

	font-size: 13px;
	font-weight: 900;

	white-space: nowrap;
}


/* =========================================================
   12. CONTENT STATS
   ========================================================= */

.addrili-scan-stat-grid {

	display: grid;

	grid-template-columns:
		repeat(3, minmax(0, 1fr));

	gap: 15px;

	margin-bottom: 20px;
}


.addrili-scan-stat-grid article {

	padding: 22px;

	border-radius: 17px;
}


.addrili-scan-stat-grid strong {

	display: block;

	margin-bottom: 5px;

	color: var(--addrili-green);

	font-size: 30px;
	font-weight: 900;
}


.addrili-scan-stat-grid span {

	color: var(--addrili-muted);

	font-size: 13px;
	font-weight: 700;
}


/* =========================================================
   13. CTA'S
   ========================================================= */

.addrili-scan-cta-found {

	margin-top: 22px;

	padding: 22px;

	border-radius: 17px;
}


.addrili-scan-cta-found h3 {

	margin: 0 0 14px;

	color: var(--addrili-green);

	font-size: 17px;
}


.addrili-scan-tag-list {

	display: flex;

	flex-wrap: wrap;

	gap: 8px;
}


.addrili-scan-tag-list span {

	display: inline-flex;

	padding: 7px 11px;

	border-radius: 999px;

	background:
		rgba(114, 214, 189, 0.16);

	color: var(--addrili-green);

	font-size: 12px;
	font-weight: 800;
}


/* =========================================================
   14. AI / GEO SECTIE
   ========================================================= */

.addrili-scan-ai-section {

	position: relative;

	overflow: hidden;

	padding: clamp(30px, 5vw, 48px);

	background:
		linear-gradient(
			145deg,
			#ffffff 0%,
			#ffffff 58%,
			rgba(114, 214, 189, 0.07) 100%
		);
}


.addrili-scan-ai-section::before {

	content: "";

	position: absolute;

	top: -120px;
	right: -120px;

	width: 300px;
	height: 300px;

	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(114, 214, 189, 0.18),
			transparent 68%
		);

	pointer-events: none;
}


.addrili-scan-ai-section > * {

	position: relative;

	z-index: 1;
}


/* =========================================================
   15. AI SCORE + SAMENVATTING
   ========================================================= */

.addrili-scan-ai-overview {

	display: grid;

	grid-template-columns:
		220px
		minmax(0, 1fr);

	gap: 18px;

	margin-top: 30px;
	margin-bottom: 42px;
}


.addrili-scan-ai-score-card,
.addrili-scan-ai-summary {
	border-radius: 20px;
}


.addrili-scan-ai-score-card {

	display: flex;

	flex-direction: column;

	align-items: center;
	justify-content: center;

	min-height: 210px;

	padding: 28px;

	text-align: center;
}


.addrili-scan-ai-score-label {

	margin-bottom: 14px;

	padding: 6px 11px;

	background:
		rgba(114, 214, 189, 0.18);

	color: var(--addrili-green);

	font-size: 11px;
}


.addrili-scan-ai-score {

	color: var(--addrili-green);

	font-size: 48px;
	font-weight: 900;

	line-height: 1;
}


.addrili-scan-ai-score span {

	font-size: 17px;
	font-weight: 800;
}


.addrili-scan-ai-score-card p {

	margin: 12px 0 0;

	color: var(--addrili-muted);

	font-size: 13px;
	font-weight: 700;

	line-height: 1.4;
}


.addrili-scan-ai-summary {

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: clamp(24px, 4vw, 34px);
}


.addrili-scan-ai-summary-label {

	display: block;

	margin-bottom: 12px;

	color: var(--addrili-coral);

	font-size: 12px;
	font-weight: 900;

	letter-spacing: 0.07em;

	text-transform: uppercase;
}


.addrili-scan-ai-summary p {

	margin: 0;

	color: var(--addrili-text);

	font-size: clamp(16px, 2vw, 18px);

	line-height: 1.65;
}


/* =========================================================
   16. AI ANALYSE
   ========================================================= */

.addrili-scan-ai-analysis {
	margin-top: 10px;
}


.addrili-scan-ai-analysis-heading {

	max-width: 760px;

	margin-bottom: 20px;
}


.addrili-scan-ai-analysis-heading h3 {

	margin: 0;

	color: var(--addrili-green);

	font-size: clamp(21px, 2.5vw, 27px);

	line-height: 1.2;
}


.addrili-scan-ai-analysis-heading p {

	margin: 8px 0 0;

	color: var(--addrili-muted);

	font-size: 14px;

	line-height: 1.6;
}


.addrili-scan-ai-card-grid {

	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 14px;
}


.addrili-scan-ai-card {

	position: relative;

	overflow: hidden;

	padding: 22px;

	border: 1px solid var(--addrili-border);
	border-radius: 18px;

	background: #fff;
}


.addrili-scan-ai-card::before {

	content: "";

	position: absolute;

	top: 0;
	left: 0;

	width: 4px;
	height: 100%;

	background: var(--addrili-info);
}


.addrili-scan-ai-card.is-good::before {
	background: var(--addrili-good);
}


.addrili-scan-ai-card.is-warning::before {
	background: var(--addrili-warning);
}


.addrili-scan-ai-card.is-bad::before {
	background: var(--addrili-bad);
}


.addrili-scan-ai-card-top {

	display: flex;

	align-items: flex-start;
	justify-content: space-between;

	gap: 15px;

	margin-bottom: 13px;
}


.addrili-scan-ai-card-top h4 {

	margin: 0;

	color: var(--addrili-green);

	font-size: 16px;

	line-height: 1.35;
}


.addrili-scan-ai-status {

	flex: 0 0 auto;

	display: inline-flex;

	align-items: center;
	justify-content: center;

	padding: 6px 10px;

	border-radius: 999px;

	background: var(--addrili-info-soft);

	color: var(--addrili-green);

	font-size: 11px;
	font-weight: 900;
}


.addrili-scan-ai-status.is-good {

	background: var(--addrili-good-soft);

	color: #326f61;
}


.addrili-scan-ai-status.is-warning {

	background: var(--addrili-warning-soft);

	color: #9b691a;
}


.addrili-scan-ai-status.is-bad {

	background: var(--addrili-bad-soft);

	color: #a64d4d;
}


.addrili-scan-ai-answer {

	margin: 0;

	color: var(--addrili-muted);

	font-size: 14px;

	line-height: 1.65;
}


/* =========================================================
   17. AI ADVIES
   ========================================================= */

.addrili-scan-ai-advice {

	margin-top: 16px;

	padding: 14px 15px;

	border-radius: 12px;

	background: var(--addrili-cream);
}


.addrili-scan-ai-advice strong {

	display: block;

	margin-bottom: 5px;

	color: var(--addrili-coral);

	font-size: 11px;
	font-weight: 900;

	letter-spacing: 0.06em;

	text-transform: uppercase;
}


.addrili-scan-ai-advice p {

	margin: 0;

	color: var(--addrili-text);

	font-size: 13px;

	line-height: 1.55;
}


/* =========================================================
   18. ZOEKINTENTIE
   ========================================================= */

.addrili-scan-ai-detail-block {

	display: grid;

	grid-template-columns:
		minmax(0, 0.85fr)
		minmax(0, 1.15fr);

	gap: 30px;

	margin-top: 42px;

	padding: 28px;

	border-radius: 20px;

	background: var(--addrili-green);
}


.addrili-scan-ai-detail-heading > span {

	display: block;

	margin-bottom: 8px;

	color: var(--addrili-mint);

	font-size: 11px;
	font-weight: 900;

	letter-spacing: 0.08em;

	text-transform: uppercase;
}


.addrili-scan-ai-detail-heading h3 {

	margin: 0;

	color: #fff;

	font-size: clamp(20px, 2.4vw, 26px);

	line-height: 1.2;
}


.addrili-scan-ai-detail-heading p {

	margin: 10px 0 0;

	color:
		rgba(255, 255, 255, 0.72);

	font-size: 13px;

	line-height: 1.6;
}


.addrili-scan-question-list {

	display: grid;

	gap: 9px;
}


.addrili-scan-question {

	display: grid;

	grid-template-columns:
		32px
		minmax(0, 1fr);

	align-items: center;

	gap: 10px;

	padding: 12px 14px;

	border-radius: 13px;

	background:
		rgba(255, 255, 255, 0.10);
}


.addrili-scan-question > span {

	display: flex;

	align-items: center;
	justify-content: center;

	width: 30px;
	height: 30px;

	border-radius: 50%;

	background: var(--addrili-mint);

	color: var(--addrili-green);

	font-size: 14px;
	font-weight: 900;
}


.addrili-scan-question p {

	margin: 0;

	color: #fff;

	font-size: 13px;

	line-height: 1.45;
}


/* =========================================================
   19. ONBEANTWOORD + ONTBREKENDE CONTEXT
   ========================================================= */

.addrili-scan-ai-gap-grid {

	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 14px;

	margin-top: 16px;
}


.addrili-scan-ai-gap-card {

	padding: 24px;

	border-radius: 18px;
}


.addrili-scan-ai-gap-label {

	margin-bottom: 10px;

	padding: 6px 10px;

	background: var(--addrili-warning-soft);

	color: #9b691a;

	font-size: 10px;
}


.addrili-scan-ai-gap-card h3 {

	margin: 0 0 14px;

	color: var(--addrili-green);

	font-size: 17px;

	line-height: 1.35;
}


.addrili-scan-ai-gap-card ul {

	margin: 0;

	padding-left: 19px;
}


.addrili-scan-ai-gap-card li {

	margin-bottom: 7px;

	color: var(--addrili-muted);

	font-size: 13px;

	line-height: 1.55;
}


.addrili-scan-ai-gap-card li:last-child {
	margin-bottom: 0;
}


/* =========================================================
   20. BELANGRIJKSTE VERBETERPUNTEN
   ========================================================= */

.addrili-scan-ai-recommendations {

	margin-top: 16px;

	padding: clamp(24px, 4vw, 32px);

	border:
		1px solid rgba(255, 133, 133, 0.20);

	border-radius: 20px;

	background:
		linear-gradient(
			135deg,
			rgba(255, 133, 133, 0.10),
			rgba(255, 248, 242, 0.92)
		);
}


.addrili-scan-ai-recommendations-heading {
	margin-bottom: 18px;
}


.addrili-scan-ai-recommendations-heading > span {

	display: block;

	margin-bottom: 6px;

	color: var(--addrili-coral);

	font-size: 11px;
	font-weight: 900;

	letter-spacing: 0.08em;

	text-transform: uppercase;
}


.addrili-scan-ai-recommendations-heading h3 {

	margin: 0;

	color: var(--addrili-green);

	font-size: clamp(20px, 2.5vw, 26px);
}


.addrili-scan-ai-recommendation-list {

	display: grid;

	gap: 10px;
}


.addrili-scan-ai-recommendation {

	display: grid;

	grid-template-columns:
		42px
		minmax(0, 1fr);

	align-items: center;

	gap: 14px;

	padding: 14px 16px;

	border-radius: 14px;

	background: #fff;
}


.addrili-scan-ai-recommendation-number {

	display: flex;

	align-items: center;
	justify-content: center;

	width: 38px;
	height: 38px;

	border-radius: 50%;

	background: var(--addrili-coral);

	color: #fff;

	font-size: 11px;
	font-weight: 900;
}


.addrili-scan-ai-recommendation p {

	margin: 0;

	color: var(--addrili-text);

	font-size: 14px;

	line-height: 1.55;
}


/* =========================================================
   21. AI NIET BESCHIKBAAR
   ========================================================= */

.addrili-scan-ai-note {

	margin-top: 24px;

	padding: 20px;

	border:
		1px solid rgba(114, 214, 189, 0.25);

	border-radius: 16px;

	background:
		rgba(114, 214, 189, 0.09);
}


.addrili-scan-ai-note strong {

	display: block;

	margin-bottom: 5px;

	color: var(--addrili-green);
}


.addrili-scan-ai-note p {

	margin: 0;

	color: var(--addrili-muted);

	font-size: 14px;

	line-height: 1.55;
}


/* =========================================================
   22. TABLET
   ========================================================= */

@media (max-width: 900px) {

	.addrili-scan-overview,
	.addrili-scan-ai-card-grid,
	.addrili-scan-ai-detail-block,
	.addrili-scan-result-grid,
	.addrili-scan-score-grid {
		grid-template-columns: 1fr;
	}


	.addrili-scan-score-card {
		min-height: 180px;
	}


	.addrili-scan-ai-overview {

		grid-template-columns:
			180px
			minmax(0, 1fr);
	}

}


/* =========================================================
   23. MOBIEL
   ========================================================= */

@media (max-width: 760px) {

	.addrili-website-scan,
	.addrili-scan-results,
	.addrili-scan-notice {
		width: calc(100% - 28px);
	}


	.addrili-website-scan {
		padding-top: 25px;
	}


	.addrili-scan-hero {

		padding: 40px 18px;

		border-radius: 23px;
	}


	.addrili-scan-input-row,
	.addrili-scan-stat-grid,
	.addrili-scan-ai-overview,
	.addrili-scan-ai-gap-grid {
		grid-template-columns: 1fr;
	}


	.addrili-scan-input-row button {
		width: 100%;
	}


	.addrili-scan-report-header {

		padding: 28px 20px;

		border-radius: 20px;
	}


	.addrili-scan-report-header h1 {
		font-size: 32px;
	}


	.addrili-scan-report-actions {
		justify-content: stretch;
	}


	.addrili-scan-download-button {
		width: 100%;
	}


	.addrili-scan-section {

		padding: 24px 18px;

		border-radius: 20px;
	}


	.addrili-scan-result-content {
		padding: 24px 18px;
	}


	.addrili-scan-check {

		grid-template-columns:
			1fr
			auto;

		gap: 10px;
	}


	.addrili-scan-check-copy {

		grid-column: 1 / -1;

		grid-row: 2;
	}


	.addrili-scan-check-points {

		grid-column: 2;

		grid-row: 1;
	}


	.addrili-scan-ai-score-card {
		min-height: 170px;
	}


	.addrili-scan-ai-card-top {

		flex-direction: column;

		gap: 8px;
	}


	.addrili-scan-ai-detail-block {

		padding: 22px 18px;

		border-radius: 17px;
	}


	.addrili-scan-ai-recommendation {

		grid-template-columns:
			36px
			minmax(0, 1fr);

		gap: 10px;

		padding: 13px;
	}


	.addrili-scan-ai-recommendation-number {

		width: 34px;
		height: 34px;
	}

}


/* =========================================================
   24. KLEIN MOBIEL
   ========================================================= */

@media (max-width: 480px) {

	.addrili-scan-hero h1 {
		font-size: 36px;
	}


	.addrili-scan-score {
		font-size: 44px;
	}


	.addrili-scan-ai-score {
		font-size: 43px;
	}


	.addrili-scan-section-heading h2 {
		font-size: 25px;
	}


	.addrili-scan-question {

		grid-template-columns:
			28px
			minmax(0, 1fr);

		padding: 11px;
	}


	.addrili-scan-question > span {

		width: 27px;
		height: 27px;
	}

}
/* =========================================================
   WEBSITE SCAN – TYPOGRAFIE HERSTEL
   Nieuwe AddRiLi shell / oorspronkelijke scan-look
   ========================================================= */

/* Hero */

.addrili-website-scan .addrili-scan-hero h1 {
	font-weight: 900;
}


/* Resultaatoverzicht */

.addrili-scan-results .addrili-scan-result-header h2 {
	font-weight: 800;
}


/* Algemene sectiekoppen */

.addrili-scan-results .addrili-scan-section-heading h2 {
	font-weight: 800;
}


/* Basisgegevens */

.addrili-scan-results .addrili-scan-result-item h3 {
	font-weight: 700;
}


/* CTA-blok */

.addrili-scan-results .addrili-scan-cta-found h3 {
	font-weight: 800;
}


/* AI / GEO */

.addrili-scan-results .addrili-scan-ai-analysis-heading h3,
.addrili-scan-results .addrili-scan-ai-detail-heading h3,
.addrili-scan-results .addrili-scan-ai-gap-card h3,
.addrili-scan-results .addrili-scan-ai-recommendations-heading h3 {
	font-weight: 800;
}

.addrili-scan-results .addrili-scan-ai-card-top h4 {
	font-weight: 800;
}

.addrili-scan-full-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	margin-top: 6px;
	padding: 13px 22px;

	border-radius: 999px;

	background: var(--addrili-coral);
	color: #fff !important;

	font-size: 14px;
	font-weight: 800;
	line-height: 1;

	text-decoration: none !important;

	box-shadow:
		0 8px 20px rgba(255, 133, 133, 0.22);

	transition:
		transform 0.18s ease,
		background 0.18s ease,
		box-shadow 0.18s ease;
}

.addrili-scan-full-cta:hover {
	background: #ff7474;
	color: #fff !important;

	transform: translateY(-1px);

	box-shadow:
		0 10px 24px rgba(255, 133, 133, 0.28);
}
/* =========================================================
   WEBSITE SCAN – SHELL + COMPACTE START
   Alleen breedte en hero-schaal
   ========================================================= */


/* Alles blijft binnen dezelfde websitebreedte */

.addrili-website-scan,
.addrili-scan-results,
.addrili-scan-notice {
	max-width: 1180px;
}


/* Minder loze ruimte rondom het startblok */

.addrili-website-scan {
	padding-top: 24px;
	padding-bottom: 18px;
}


/* Startblok compacter */

.addrili-scan-hero {
	padding: 42px 48px;

	border-radius: 24px;
}


/* Hoofdkop minder enorm */

.addrili-scan-hero h1 {
	max-width: 820px;

	margin-bottom: 16px;

	font-size: clamp(38px, 4.2vw, 56px);
	line-height: 1.05;
}


/* Intro iets compacter */

.addrili-scan-intro {
	max-width: 680px;

	margin-bottom: 24px;

	font-size: clamp(16px, 1.6vw, 19px);
	line-height: 1.55;
}


/* Label iets minder ruimte geven */

.addrili-scan-label {
	margin-bottom: 14px;
}


/* Mobiel */

@media (max-width: 760px) {

	.addrili-scan-hero {
		padding: 30px 20px;
	}

	.addrili-scan-hero h1 {
		font-size: 34px;
	}

}