/* Build landing — shared foundations, mobile first. */
.dl-build { background: var(--cloud); color: var(--charcoal); }
.dl-build h1,.dl-build h2,.dl-build h3,.dl-build p { margin-top: 0; }
.dl-build h2 { margin-bottom: 1rem; font-size: clamp(2rem, 7vw, 3.3rem); }
.dl-build h3 { font-size: 1.25rem; }
.dl-build__section { padding: 4.5rem 0; }
.dl-build__section--white { background: #fff; }
.dl-build__section--soft { background: #eaf2f6; }
.dl-build__section--navy { background: var(--navy); color: var(--cloud); }
.dl-build__section--navy .dl-build__intro { color: #c5d6e3; }
.dl-build__hero { padding: calc(var(--dl-header-h) + 3.25rem) 0 3.5rem; color: var(--cloud); background: radial-gradient(circle at 15% 15%, rgba(0,167,225,.22), transparent 34%), radial-gradient(circle at 85% 80%, rgba(255,176,0,.12), transparent 28%), var(--navy); }
.dl-build__hero-inner { display: grid; gap: 2.75rem; }
.dl-build__hero-copy { max-width: 47rem; }
.dl-build__eyebrow { display: flex; align-items: center; gap: .55rem; margin-bottom: 1rem; color: #9bdff2; font: 700 .75rem/1 var(--font-display); letter-spacing: .1em; }
.dl-build__eyebrow::before { width: 1.7rem; height: 2px; background: var(--amber); content: ""; }
.dl-build__eyebrow--dark { color: #28748f; }
.dl-build__eyebrow--center {
	flex-direction: column;
	justify-content: center;
	gap: .7rem;
	color: #5f7f90;
	letter-spacing: .08em;
}
.dl-build__eyebrow--center::before {
	width: 2.4rem;
	height: 3px;
	border-radius: 99px;
	background: var(--cyan);
}
.dl-build__hero h1 { margin-bottom: 1.25rem; font-size: clamp(2.65rem, 11vw, 5.2rem); }
.dl-build__lead { max-width: 41rem; margin-bottom: 1.75rem; color: #c5d6e3; font-size: 1.1rem; }
.dl-build__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.dl-build__button-ghost,.dl-build__button-line { border: 1px solid currentColor; background: transparent; }
.dl-build__button-ghost { color: var(--cloud); border-color: rgba(255,255,255,.36); }
.dl-build__button-line { color: var(--navy); }
.dl-build__proof { display: flex; flex-wrap: wrap; gap: .65rem 1rem; margin-top: 1.7rem; color: #b6ccd9; font-size: .85rem; }
.dl-build__proof li::before { margin-left: .45rem; color: var(--cyan); content: "•"; }
.dl-build__hero-showcase { position: relative; min-height: 22.5rem; margin: auto; }
.dl-build__hero-showcase::before,.dl-build__hero-showcase::after { position: absolute; top: 50%; left: 50%; width: 19.7rem; height: 19.7rem; border: 1px solid rgba(103,217,255,.2); border-radius: 50%; content: ""; transform: translate(-50%,-50%); }
.dl-build__hero-showcase::after { width: 13rem; height: 13rem; border-style: dashed; border-color: rgba(103,217,255,.14); }
.dl-build__hero-project { position: absolute; z-index: 1; display: block; overflow: hidden; padding: 1.25rem .3rem .3rem; border: 1px solid rgba(103,217,255,.34); border-radius: .75rem; background: var(--navy-3); box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,.32); transition: transform .35s ease, box-shadow .35s ease; }
.dl-build__hero-project::before { position: absolute; z-index: 1; top: .5rem; right: .6rem; width: .4rem; height: .4rem; border-radius: 50%; background: rgba(255,255,255,.55); box-shadow: .68rem 0 0 rgba(255,255,255,.32), 1.36rem 0 0 rgba(255,255,255,.18); content: ""; }
.dl-build__hero-project img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .35s ease; }
.dl-build__hero-project:hover img,.dl-build__hero-project:focus-visible img { transform: scale(1.025); }
.dl-build__hero-project span { position: absolute; right: .5rem; bottom: .5rem; padding: .2rem .45rem; background: rgba(7,27,51,.9); color: var(--cloud); font: 700 .7rem var(--font-display); }
.dl-build__hero-project--1 { top: 1.5rem; right: 2.25rem; width: 43%; min-height: 9rem; opacity: .58; transform: rotate(4deg); z-index: 2; }
.dl-build__hero-project--2 { top: 3.6rem; left: .3rem; width: 78%; min-height: 15.8rem; transform: rotate(-2deg); z-index: 4; }
.dl-build__hero-project--3 { right: .25rem; bottom: 1.45rem; width: 32%; min-height: 8.8rem; transform: rotate(3deg); z-index: 3; }
.dl-build__hero-showcase { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; min-height: 0; }
.dl-build__hero-showcase::before,.dl-build__hero-showcase::after { display: none; }
.dl-build__hero-project { position: relative; inset: auto; width: auto; min-height: 0; transform: none; opacity: 1; }
.dl-build__hero-project--1 { grid-column: 1; grid-row: 2; aspect-ratio: 1.1; }
.dl-build__hero-project--2 { grid-column: 1 / -1; grid-row: 1; aspect-ratio: 1.55; }
.dl-build__hero-project--3 { grid-column: 2; grid-row: 2; aspect-ratio: 1.1; }
.dl-build__trust { color: var(--cloud); background: var(--navy-2); }
.dl-build__trust-grid { display: grid; grid-template-columns: 1fr 1fr; }
.dl-build__trust-grid p { margin: 0; padding: 1.25rem .75rem; border-bottom: 1px solid rgba(255,255,255,.1); font-size: .9rem; }
.dl-build__trust-grid strong { color: var(--cyan-soft); }
.dl-build__intro { max-width: 43rem; margin-bottom: 2.25rem; color: #567083; font-size: 1.05rem; }
.dl-build__heading { display: grid; gap: 1rem; }
.dl-build__heading .dl-build__intro { margin-bottom: 0; }
@media (min-width: 760px) {
 .dl-build__section { padding: 6.5rem 0; }
 .dl-build__hero { padding-block: calc(var(--dl-header-h) + 5rem) 5rem; }
 .dl-build__hero-inner { grid-template-columns: minmax(0,1.2fr) minmax(18rem,.8fr); align-items: center; }
 .dl-build__hero-showcase { display: block; width: min(100%,31rem); min-height: 31.5rem; }
 .dl-build__hero-showcase::before,.dl-build__hero-showcase::after { display: block; }
 .dl-build__hero-showcase::before { width: 26.9rem; height: 26.9rem; }
 .dl-build__hero-showcase::after { width: 19.9rem; height: 19.9rem; }
 .dl-build__hero-project { position: absolute; }
 .dl-build__hero-project--1 { top: 1.55rem; right: 4rem; width: 43%; min-height: 12rem; aspect-ratio: auto; opacity: .58; transform: rotate(4deg); }
 .dl-build__hero-project--2 { top: 4.6rem; left: 1.75rem; width: 76%; min-height: 21rem; aspect-ratio: auto; transform: rotate(-2deg); }
 .dl-build__hero-project--3 { right: .15rem; bottom: 1.35rem; width: 31%; min-height: 10.2rem; aspect-ratio: auto; transform: rotate(3deg); }
 .dl-build__hero-showcase:hover .dl-build__hero-project--1,.dl-build__hero-showcase:focus-within .dl-build__hero-project--1 { z-index: 2; transform: translate(9%,-8%) rotate(5deg); opacity: 1; }
 .dl-build__hero-showcase:hover .dl-build__hero-project--2,.dl-build__hero-showcase:focus-within .dl-build__hero-project--2 { z-index: 4; transform: translate(-7%,6%) rotate(-3deg); }
 .dl-build__hero-showcase:hover .dl-build__hero-project--3,.dl-build__hero-showcase:focus-within .dl-build__hero-project--3 { z-index: 3; transform: translate(10%,13%) rotate(4deg); }
 .dl-build__hero-project:hover,.dl-build__hero-project:focus-visible { z-index: 5 !important; box-shadow: 0 1.75rem 3.5rem rgba(0,0,0,.48); outline: 2px solid var(--amber); outline-offset: 3px; }
 .dl-build__trust-grid { grid-template-columns: repeat(4,1fr); }
 .dl-build__trust-grid p { padding:1.4rem 1rem; border-bottom:0; border-left:1px solid rgba(255,255,255,.1); }
 .dl-build__heading { grid-template-columns: 1.35fr .65fr; align-items: end; }
}
@media (prefers-reduced-motion: reduce) {
 .dl-build__hero-project,.dl-build__hero-project img { transition: none; }
 .dl-build__hero-showcase:hover .dl-build__hero-project,.dl-build__hero-showcase:focus-within .dl-build__hero-project { transform: none; }
}