/* Build landing — content sections, mobile first. */
.dl-build__problems { display: grid; gap: .7rem; }
.dl-build__problems article,.dl-build__why-list article { display: grid; grid-template-columns: 2.5rem 1fr; gap: .8rem; padding: 1.2rem 0; border-bottom: 1px solid #dce6ee; }
.dl-build__problems span,.dl-build__why-list span,.dl-build__included span { color: #2f7894; font: 700 .8rem var(--font-display); }
.dl-build__problems h3,.dl-build__why-list h3 { margin-bottom: .3rem; }
.dl-build__problems p,.dl-build__why-list p,.dl-build__included p { margin: 0; color: #587184; }
.dl-build__services-head { max-width: 44rem; margin: 0 auto 2.5rem; text-align: center; }
.dl-build__services-head .dl-build__intro { max-width: 36rem; margin: 0 auto; }
.dl-build__services,.dl-build__included { display: grid; gap: 1rem; }
.dl-build__service-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	padding: 1.35rem 1.25rem 1.25rem;
	border: 1px solid rgba(184, 213, 225, .55);
	border-radius: 1.15rem;
	background: #fff;
	box-shadow: 0 .75rem 2rem rgba(7, 27, 51, .06);
}
.dl-build__service-num {
	position: absolute;
	top: 1.15rem;
	left: 1.15rem;
	color: #8aa3b3;
	font: 700 .85rem/1 var(--font-display);
}
.dl-build__service-top { display: flex; flex-direction: row-reverse; align-items: flex-start; gap: 1rem; padding-left: 2rem; }
.dl-build__service-icon {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 3.1rem;
	height: 3.1rem;
	border-radius: 50%;
	background: #e7f6fc;
	color: #0d7fa0;
}
.dl-build__service-icon svg { width: 1.45rem; height: 1.45rem; }
.dl-build__service-copy { flex: 1; min-width: 0; text-align: right; }
.dl-build__service-copy h3 { margin: .15rem 0 .55rem; font-size: 1.15rem; }
.dl-build__service-copy p { margin: 0; color: #587184; font-size: .95rem; }
.dl-build__service-tags,.dl-build__featured-project ul { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.dl-build__featured-project ul { margin-top: 1.2rem; }
.dl-build__service-tags li,.dl-build__featured-project li {
	padding: .28rem .7rem;
	border: 1px solid #c5dce6;
	border-radius: .55rem;
	background: #f7fbfd;
	color: #2f7894;
	font-size: .78rem;
}
.dl-build__label { margin-bottom: .7rem; color: var(--cyan-soft); font: 700 .75rem var(--font-display); letter-spacing: .05em; }
.dl-build__project-image { display: block; overflow: hidden; aspect-ratio: 16 / 10; background: var(--navy-3); }
.dl-build__project-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.dl-build__project-image:hover img { transform: scale(1.03); }
.dl-build__projects { display: grid; gap: 1rem; margin-top: 1rem; align-items: stretch; }
.dl-build__projects article {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: .85rem;
	background: #fff;
	color: var(--charcoal);
}
.dl-build__projects article[hidden] { display: none !important; }
.dl-build__projects article > div {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 1.2rem;
}
.dl-build__projects h3 { margin-bottom: .5rem; }
.dl-build__projects p:not(.dl-build__label) { flex: 1 1 auto; color: #587184; }
.dl-build__projects a:not(.dl-build__project-image) { margin-top: 1rem; color: #146780; font-weight: 700; }
.dl-build__projects-toggle-wrap { display: flex; justify-content: center; margin-top: 1.5rem; }
.dl-build__projects-toggle {
	min-width: 12rem;
	border-color: rgba(255, 255, 255, .36);
	color: var(--cloud);
	background: transparent;
}
.dl-build__projects-toggle:hover,
.dl-build__projects-toggle:focus-visible {
	border-color: var(--cyan-soft);
	color: #fff;
}
.dl-build__paths { display: grid; gap: 1rem; }
.dl-build__paths article { padding: 1.4rem; border: 1px solid #cbdde6; }.dl-build__path--dark { color: var(--cloud); background: var(--navy); border-color: var(--navy) !important; }.dl-build__path--dark > p:not(.dl-build__label),.dl-build__path--dark li span { color: #c5d6e3; }
.dl-build__paths ol { display: grid; gap: 1rem; padding: 0; margin: 1.6rem 0; list-style: none; counter-reset: step; }.dl-build__paths li { display: grid; grid-template-columns: 1.8rem 1fr; gap: .5rem; counter-increment: step; }.dl-build__paths li::before { color: var(--cyan); font: 700 .8rem var(--font-display); content: "0" counter(step); }.dl-build__paths li strong,.dl-build__paths li span { display: block; }.dl-build__paths li span { color: #587184; font-size: .9rem; }.dl-build__note { margin: 0; color: #567083; font-size: .85rem; }
.dl-build__included { margin-top: 2.25rem; grid-template-columns: 1fr 1fr; }.dl-build__included article { padding: 1.1rem 0; border-top: 1px solid #cbdde6; }.dl-build__included h3 { margin: .6rem 0 .3rem; font-size: 1rem; }.dl-build__included p { font-size: .9rem; }
.dl-build__why { display: grid; gap: 2rem; }.dl-build__why blockquote { display: flex; flex-direction: column; justify-content: space-between; min-height: 15rem; margin: 0; padding: 1.5rem; background: var(--navy); color: var(--cloud); font: 700 clamp(1.55rem,6vw,2.5rem)/1.2 var(--font-display); }.dl-build__why blockquote span { color: var(--cyan-soft); font: 600 .8rem var(--font-body); }
.dl-build__fit { display: grid; gap: 1rem; }.dl-build__price,.dl-build__fit-card { padding: 1.5rem; background: #fff; }.dl-build__price h2,.dl-build__fit-card h2 { font-size: clamp(1.65rem,6vw,2.5rem); }.dl-build__amount { margin: 1.5rem 0; color: var(--navy); font: 700 clamp(2.7rem,10vw,4.2rem) var(--font-display); }.dl-build__amount span { font-size: 1rem; }.dl-build__fit-card ul { display: grid; gap: .75rem; margin: 1.5rem 0; }.dl-build__fit-card li { display: grid; grid-template-columns: 1rem 1fr; gap: .4rem; }.dl-build__fit-card li::before { color: var(--cyan); content: "✓"; }
.dl-build__faq-wrap { max-width: 52rem; }.dl-build__faq article { border-bottom: 1px solid #cbdde6; }.dl-build__faq button { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 1.1rem 0; border: 0; background: transparent; color: var(--navy); cursor: pointer; font-weight: 700; text-align: right; }.dl-build__faq button span:last-child { font-size: 1.4rem; transition: transform .2s ease; }.dl-build__faq button[aria-expanded="true"] span:last-child { transform: rotate(45deg); }.dl-build__faq article > div { padding: 0 0 1rem; color: #587184; }.dl-build__faq article > div p { margin: 0; }
.dl-build__cta { max-width: 58rem; padding: 2rem; color: var(--cloud); text-align: center; background: var(--navy); }.dl-build__cta h2 { font-size: clamp(2rem,7vw,3.2rem); }.dl-build__cta > p:not(.dl-build__note) { margin: 0 auto 1.5rem; color: #c5d6e3; }.dl-build__cta .dl-build__note { margin: 1.1rem 0 0; color: #a9bdcc; }
@media (min-width: 760px) {
 .dl-build__services { grid-template-columns: repeat(2,1fr); gap: 1.25rem; }
 .dl-build__service-card { padding: 1.65rem 1.5rem 1.4rem; min-height: 100%; }
 .dl-build__service-top { gap: 1.15rem; padding-left: 2.4rem; }
 .dl-build__service-icon { width: 3.35rem; height: 3.35rem; }
 .dl-build__service-copy h3 { font-size: 1.2rem; }
 .dl-build__projects { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .dl-build__paths { grid-template-columns: 1fr 1fr; }.dl-build__included { grid-template-columns: repeat(3,1fr); gap: 1rem 2rem; }.dl-build__why { grid-template-columns: .85fr 1.15fr; align-items: stretch; }.dl-build__fit { grid-template-columns: 1fr 1fr; }.dl-build__cta { margin-inline: auto; padding: 4rem; }
}