.page-hero { padding-top: clamp(4.2rem, 7vw, 6.4rem); }
	.page-hero.has-arrow { padding-bottom: calc(clamp(4.2rem, 7vw, 6.4rem) + 80px); }
	.page-hero .ph-sub { color: #22333b; }

	/* stat band holds 4 stats on this page: the shared .cred 4-col grid applies as-is */

	/* them-vs-us comparison panel (how we work): muted "most dev shops" card vs teal mrc card */
	.svc-vs { display: grid; grid-template-columns: 1fr 1.08fr; gap: 1.4rem; max-width: 980px; margin: 0 auto; align-items: stretch; }
	.vs-col { border-radius: 20px; padding: 2rem 2.1rem; }
	.vs-them { background: #fff; border: 1px solid var(--line); }
	.vs-us { background: var(--accent); border: 1px solid var(--accent); box-shadow: 0 24px 52px rgba(0,70,85,.25); }
	.vs-head { font-size: .82rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 1.3rem; }
	.vs-them .vs-head { color: var(--muted); }
	.vs-us .vs-head { color: rgba(255,255,255,.85); }
	.vs-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.15rem; }
	.vs-col li { display: flex; gap: .7rem; align-items: flex-start; font-size: .95rem; line-height: 1.5; }
	.vs-them li { color: var(--body); }
	.vs-us li { color: #fff; font-weight: 500; }
	.vs-col li .mk { flex: none; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-top: .05rem; }
	.vs-them .mk { background: #eef0f4; color: #9aa3ad; }
	.vs-us .mk { background: rgba(255,255,255,.16); color: #7ef0dd; }
	@media (max-width: 860px) { .svc-vs { grid-template-columns: 1fr; } }

	/* video testimonial carousel - sliding morph: vidc sides, wide teal center (same pattern as products/index-2026) */
	.vtq-sec .sec-head { max-width: 960px; }
	.vtq { --sideW: 232px; --centerW: 640px; --gap: 24px; --slotH: 300px; max-width: calc(2*var(--sideW) + var(--centerW) + 2*var(--gap) + 64px); margin: 0 auto; }
	.vtq-viewport { overflow: hidden; padding: 20px 32px 96px; }
	.vtq-track { display: flex; gap: var(--gap); align-items: stretch; will-change: transform; transition: transform .65s cubic-bezier(.25,.6,.3,1); }
	.vtq-slot { position: relative; flex: 0 0 var(--sideW); height: var(--slotH); opacity: 0; transition: flex-basis .65s cubic-bezier(.25,.6,.3,1), opacity .45s ease; }
	.vtq-slot.is-center, .vtq-slot.is-near { opacity: 1; }
	.vtq-slot:not(.is-center):not(.is-near) { pointer-events: none; }
	.vtq-slot.is-center { flex-basis: var(--centerW); z-index: 2; }
	.vtq-card { position: absolute; inset: 0; border-radius: 18px; background: #fff; border: 1px solid var(--line); box-shadow: 0 12px 26px rgba(20,45,80,.08); overflow: hidden; transition: background-color .6s ease, border-color .6s ease, box-shadow .6s ease; }
	.vtq-slot.is-center .vtq-card { background: var(--accent); border-color: var(--accent); box-shadow: 0 24px 52px rgba(0,70,85,.30); }
	.vtq-lay { position: absolute; top: 0; bottom: 0; left: 0; box-sizing: border-box; transition: opacity .45s ease; }
	.vtq-lay-side { width: var(--sideW); opacity: 1; padding: .8rem; display: flex; flex-direction: column; justify-content: center; }
	.vtq-lay-side .thumb { display: block; border-radius: 12px; overflow: hidden; }
	.vtq-lay-side .thumb img { width: 100%; height: auto; aspect-ratio: 14 / 9; object-fit: cover; display: block; }
	.vtq-lay-side q { display: block; quotes: none; font-size: .8rem; color: #3d4750; line-height: 1.45; margin: .65rem .3rem .4rem; }
	.vtq-lay-side .who { font-size: .72rem; color: var(--muted); margin: 0 .3rem; }
	.vtq-lay-feat { width: var(--centerW); opacity: 0; pointer-events: none; display: flex; align-items: center; gap: 1.9rem; padding: 1.6rem 2.2rem; }
	.vtq-slot.is-center .vtq-lay-side { opacity: 0; pointer-events: none; }
	.vtq-slot.is-center .vtq-lay-feat { opacity: 1; pointer-events: auto; }
	.vtq-feat-media { flex: 0 0 auto; width: 158px; height: 158px; border-radius: 50%; overflow: hidden; display: block; box-shadow: 0 10px 24px rgba(10,35,70,.3); }
	.vtq-feat-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
	.vtq-body { flex: 1 1 auto; min-width: 0; }
	.vtq-mark { display: block; font-family: Georgia, 'Times New Roman', serif; font-size: 2.4rem; line-height: 0; height: 1rem; color: rgba(255,255,255,.45); }
	.vtq-quote { font-size: 1.08rem; line-height: 1.5; font-weight: 500; margin: 0 0 .8rem; color: #fff; }
	.vtq-name { margin: 0; font-weight: 600; font-size: .95rem; color: #fff; }
	.vtq-title { font-size: .82rem; margin: .12rem 0 0; color: rgba(255,255,255,.72); }
	.vtq-slot:not(.is-center) { cursor: pointer; }
	.vtq-slot:not(.is-center) .vtq-card:hover { box-shadow: 0 18px 38px rgba(20,45,80,.16); border-color: #c7d3de; }
	.vtq.no-anim .vtq-track, .vtq.no-anim .vtq-slot, .vtq.no-anim .vtq-card, .vtq.no-anim .vtq-lay { transition: none !important; }
	@media (prefers-reduced-motion: reduce) { .vtq-track, .vtq-slot, .vtq-card, .vtq-lay { transition-duration: .01s !important; } }
	.vtq-dots { display: flex; justify-content: center; gap: .5rem; margin-top: -1.8rem; }
	.vtq-dots button { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: #c8d2da; cursor: pointer; transition: background .2s ease, width .2s ease; }
	.vtq-dots button.on { background: var(--accent); width: 24px; border-radius: 5px; }
	@media (max-width: 700px) {
		.vtq { --slotH: 340px; }
		.vtq-lay-feat { flex-direction: column; text-align: center; justify-content: center; gap: 1rem; padding: 1.3rem; }
		.vtq-feat-media { width: 120px; height: 120px; }
		.vtq-mark { display: none; }
	}

	/* no-lock-in bento: tech checklist */
	.ctrl-list { list-style: none; margin: .35rem 0 0; padding: 0; display: flex; flex-direction: column; gap: .85rem; }
	.ctrl-list li { display: flex; gap: .6rem; align-items: flex-start; font-size: .93rem; color: var(--body); line-height: 1.45; }
	.ctrl-list li svg { flex: none; margin-top: .15rem; }
	.bento-quote { margin-top: auto; padding-top: 1.15rem; border-top: 1px solid var(--line); }
	.bento-quote q { quotes: none; display: block; font-size: .98rem; font-style: italic; color: var(--ink); line-height: 1.5; max-width: 62ch; }
	.bento-quote .who { display: block; font-size: .8rem; color: var(--muted); margin-top: .4rem; }
	.bento-icon { width: 46px; height: 46px; border-radius: 12px; background: #ecf5f6; display: flex; align-items: center; justify-content: center; margin-bottom: 1.05rem; flex: none; }