/* Ledge Landing Page — www.coogle.com.sg/ledge/ */
.ledge-landing {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 1.2rem 3rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #1a1a1a;
	line-height: 1.65;
}

.ll-cta-row { margin: 1.5rem 0; text-align: center; }

.ll-btn {
	display: inline-block;
	padding: .85rem 2.2rem;
	border-radius: 6px;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	transition: background .15s;
}
.ll-btn--wa { background: #25D366; color: #fff; }
.ll-btn--wa:hover { background: #1ebe5a; color: #fff; text-decoration: none; }

/* HERO */
.ll-hero { margin-bottom: 3rem; }
.ll-hero__img img { width: 100%; height: auto; border-radius: 8px; display: block; }
.ll-hero__text { text-align: center; padding: 1.8rem 0 0; }
.ll-hero__text h1 { font-size: 1.9rem; margin: 0 0 .6rem; line-height: 1.25; }
.ll-hero__text p { font-size: 1.05rem; color: #444; margin: 0 0 1rem; }

/* PRICING */
.ll-pricing {
	background: #f8f9fa;
	border: 1px solid #e5e5e5;
	padding: 2rem 1.5rem;
	border-radius: 10px;
	margin-bottom: 2.5rem;
	text-align: center;
}
.ll-pricing h2 { font-size: 1.5rem; margin: 0 0 .4rem; }
.ll-pricing__sub { color: #555; margin: 0 0 1.5rem; }
.ll-pricing__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.2rem;
	margin-bottom: 1.2rem;
	text-align: left;
}
.ll-pricing-card {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 1.2rem 1.4rem;
}
.ll-pricing-card--premium { border-color: #c8a800; }
.ll-pricing-card h3 { margin: 0 0 .3rem; font-size: 1.05rem; }
.ll-price-from { margin: 0 0 .8rem; color: #555; font-size: .9rem; }
.ll-price-from strong { color: #1a1a1a; font-size: 1.1rem; }
.ll-pricing-card ul { margin: 0; padding-left: 1.2rem; font-size: .9rem; color: #444; }
.ll-pricing-card li { margin-bottom: .3rem; }
.ll-pricing__note { font-size: .9rem; color: #666; margin: 0 0 1rem; }
.ll-gallery-link { margin: .6rem 0 0; font-size: .95rem; }
.ll-gallery-link a { color: #0a6e3f; }

/* PROBLEM */
.ll-problem { margin-bottom: 2.5rem; }
.ll-problem h2 { font-size: 1.4rem; text-align: center; margin: 0 0 1.2rem; }
.ll-problem__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.ll-problem-card { background: #fff8e1; border: 1px solid #ffe082; border-radius: 8px; padding: 1.2rem; }
.ll-problem-card h3 { font-size: 1rem; margin: 0 0 .4rem; }
.ll-problem-card p { font-size: .9rem; margin: 0; color: #444; }

/* SOLUTION */
.ll-solution {
	background: #e8f5e9;
	border: 1px solid #c8e6c9;
	padding: 2rem 1.5rem;
	border-radius: 10px;
	margin-bottom: 2.5rem;
}
.ll-solution h2 { font-size: 1.4rem; margin: 0 0 .8rem; }
.ll-solution > p { color: #333; margin: 0 0 1rem; }
.ll-solution__list { padding-left: 1.3rem; margin: 0; }
.ll-solution__list li { margin-bottom: .4rem; }

/* WHY US */
.ll-trust { margin-bottom: 2.5rem; }
.ll-trust h2 { font-size: 1.4rem; text-align: center; margin: 0 0 1.2rem; }
.ll-trust__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.ll-trust-card { border: 1px solid #e0e0e0; border-radius: 8px; padding: 1.2rem; }
.ll-trust-card h3 { font-size: 1rem; margin: 0 0 .4rem; }
.ll-trust-card p { font-size: .9rem; margin: 0; color: #444; }

/* PROCESS */
.ll-process {
	background: #f0f4ff;
	border: 1px solid #d0d9f0;
	padding: 2rem 1.5rem;
	border-radius: 10px;
	margin-bottom: 2.5rem;
	text-align: center;
}
.ll-process h2 { font-size: 1.4rem; margin: 0 0 1.2rem; }
.ll-process__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.5rem; text-align: left; }
.ll-process-step { padding: .8rem; }
.ll-step-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	background: #25D366;
	color: #fff;
	border-radius: 50%;
	font-weight: 700;
	font-size: .9rem;
	margin-bottom: .5rem;
}
.ll-process-step h3 { font-size: 1rem; margin: 0 0 .3rem; }
.ll-process-step p { font-size: .9rem; margin: 0; color: #444; }

/* FAQs */
.ll-faqs { margin-bottom: 2.5rem; }
.ll-faqs h2 { font-size: 1.4rem; margin: 0 0 1.2rem; }
.ll-faq-item { border-bottom: 1px solid #e5e5e5; padding: 1rem 0; }
.ll-faq-item:last-child { border-bottom: none; }
.ll-faq-item h3 { font-size: 1rem; margin: 0 0 .4rem; }
.ll-faq-item p { font-size: .95rem; margin: 0; color: #444; }

/* FINAL CTA */
.ll-final-cta {
	background: #29C4E0;
	color: #fff;
	padding: 2.5rem 1.5rem;
	border-radius: 10px;
	text-align: center;
}
.ll-final-cta h2 { color: #fff!important; font-size: 1.5rem; margin: 0 0 .5rem; }
.ll-final-cta p { color: rgba(255,255,255,.85)!important; margin: 0 0 1.2rem; }

/* Mobile */
@media (max-width: 640px) {
	.ll-hero__text h1 { font-size: 1.4rem; }
	.ll-pricing__grid,
	.ll-problem__grid,
	.ll-trust__grid,
	.ll-process__grid { grid-template-columns: 1fr; }
}