body{
		background:#f7f2ee;
		margin:0;
		padding:0;
		overflow-x:hidden;
	}

	.bg-watermark{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url("{{ asset('engage/img5.jpg') }}") center/cover no-repeat;
		opacity:0.05;
		z-index:0;
		pointer-events:none;
	}
	.diagnostic-section {
		padding-top: 78px;
		color: #3a2f2a;
		position: relative;
		z-index: 2;
	}

	.diagnostic-container{
		max-width:100%;
		margin:auto;
	}

	/* HERO */
	.hero-layout{
		display:flex;
		align-items:center;
		gap:10px;
	}
	.hero-image{
		flex:1;
		text-align:center;
	}
	.hero-image img{
		width:100%;
		max-width:460px;
		border-radius:12px;
		filter:drop-shadow(0 15px 25px rgba(0,0,0,0.1));
	}
	.hero-content{
		flex:1.1;
	}
	.service-badge {
		font-size: 14px;
		letter-spacing: 3px;
		color: #b08b6a;
		display: block;
		margin-bottom: 10px;
	}
	.service-title{
		color:#2c3e2c;
	}
	.service-subtitle{
		font-size:19px;
		color:#8b7a6b;
		font-style:italic;
		margin-bottom:20px;
	}
	.service-description{
		font-size:16px;
		line-height:1.9;
		color:#5c4f48;
		background:white;
		padding:28px;
		border-left:4px solid #b08b6a;
		border-radius:10px;
		box-shadow:0 8px 20px rgba(0,0,0,0.05);
	}


	/* MAIN GRID */

	.main-grid{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:60px;
		margin-top:50px;
	}


	/* TABS */

	.tabs{
		display:flex;
		gap:15px;
		margin-bottom:20px;
	}

	.tab-btn{
		padding:10px 20px;
		cursor:pointer;
		border:none;
		background:#f1e6df;
		font-size:16px;
		font-family:'Marcellus',serif;
		color:#5c4f48;
		border-radius:6px;
		transition:0.3s;
	}

	.tab-btn.active{
		background:#b08b6a;
		color:white;
	}

	.tab-content{
		display:none;
		background:white;
		padding:25px;
		border-radius:10px;
		box-shadow:0 5px 15px rgba(0,0,0,0.05);
	}

	.tab-content.active{
		display:block;
	}

	.tab-content p{
		font-size:16px;
		line-height:1.8;
		color:#5c4f48;
	}
	.tab-text{
		font-size:16px;
		line-height:1.8;
		color:#5c4f48;
		margin:0;
		transition:0.3s;
	}

	.tab-text.collapsed{
		max-height:140px;
		overflow:hidden;
	}

	.read-toggle{
		display:inline-block;
		margin-top:8px;
		font-size:14px;
		color:#b08b6a;
		cursor:pointer;
		font-weight:500;
	}

/* Back Link */
.back-link {
    text-align: center;
	margin-bottom: -67px;
}

.back-link a {
    color: #8b7a6b;
    text-decoration: none;
    font-size: 15px;
}

.back-link a:hover {
    color: #b08b6a;
}

	/* DELIVERABLES */

	.deliverables-title{
		font-family:'Marcellus',serif;
		font-size:30px;
		color:#2c3e2c;
		margin-bottom:20px;
	}

	.faq-item{
		background:white;
		border-radius:10px;
		margin-bottom:12px;
		border:1px solid rgba(176,139,106,0.2);
		overflow:hidden;
	}

	.faq-question{
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:18px 20px;
		cursor:pointer;
		font-family:'Marcellus',serif;
		font-size:18px;
		color:#2c3e2c;
	}

	.faq-icon{
		font-size:24px;
		color:#b08b6a;
	}

	.faq-answer{
		max-height:0;
		overflow:hidden;
		padding:0 20px;
		font-size:15px;
		line-height:1.7;
		color:#5c4f48;
		transition:max-height 0.35s ease;
	}

	.faq-item.active .faq-answer{
		padding:0 20px 18px;
		max-height:200px;
	}


	/* CTA */

	.cta-container{
		text-align:center;
		margin-top:40px;
	}

	.cta-button{
		display:inline-block;
		background:#b08b6a;
		color:white;
		padding:16px 45px;
		border-radius:40px;
		text-decoration:none;
		font-size:17px;
		box-shadow:0 10px 30px rgba(176,139,106,0.35);
		transition:0.3s;
	}

	.cta-button:hover{
		background:#9a7654;
	}


	/* RESPONSIVE */

	@media(max-width:900px){

		.hero-layout{
			flex-direction:column;
			text-align:center;
		}

		.main-grid{
			grid-template-columns:1fr;
			gap:40px;
		}

		.service-title{
			font-size:36px;
		}

	}