/* Moorestown landing page */

:root {
 --navy: #07182f;
 --ink: #0d1728;
 --cyan: #11c7da;
 --orange: #ff8d3b;
 --line: #dce9ef;
 --shadow: 0 18px 52px rgba(8, 31, 55, .10);
 --radius: 22px
}
* {
	box-sizing: border-box
}
html {
	scroll-behavior: smooth
}
body {
	margin: 0;
	font-family: Manrope, Arial, sans-serif;
	color: var(--ink);
	background: #fff;
	line-height: 1.7
}
h1, h2, h3, h4 {
	line-height: 1.13;
	margin: 0 0 16px
}
h1 {
	font-size: clamp(2.7rem, 5.1vw, 4.5rem);
	letter-spacing: -.055em
}
h2 {

	letter-spacing: -.04em
}
h3 {
	font-size: 1.28rem;
	letter-spacing: -.02em
}
h4 {
 font-size: .9rem
}
p {
	margin: 0 0 14px
}
ul {
	margin: 0;
	padding-left: 20px
}
a {
	text-decoration: none
}
.moore-shell {
	width: min(1650px, calc(100% - 40px));
	margin: auto;
	position: relative
}
.moore-section {
	padding: 96px 0
}
.moore-heading {
	max-width: 1650px;
	margin-bottom: 44px
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto
}
.moore-label {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border: 1px solid rgba(17, 199, 218, .25);
	background: #e8fbfe;
	border-radius: 999px;
	color: #086f7f;
 font-size: .72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin-bottom: 14px
}
.moore-label.light {
	background: rgba(255, 255, 255, .08);
	color: #d9fbff;
	border-color: rgba(255, 255, 255, .14)
}
.moore-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 20px;
	border-radius: 12px;
	background: linear-gradient(135deg, var(--orange), #ffb46f);
	color: #14243a;
	font-weight: 800;
	box-shadow: 0 10px 26px rgba(255, 141, 59, .23)
}
.moore-btn.light {
	background: #fff;
	color: var(--navy)
}
.moore-text-link {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	color: #087d90;
	font-weight: 800;
	margin-top: 8px
}
.moore-center-copy {
	max-width: 900px;
	margin: 34px auto 0;
	text-align: center
}
.moore-center-btn {
	text-align: center;
	margin-top: 30px
}
.moore-hero {
	position: relative;
	overflow: hidden;
	background: radial-gradient(circle at 50% 0, #17395f 0, #0a203c 42%, #061528 100%);
	color: #dce7f4;
	padding: 108px 0 62px
}
.moore-grid-bg {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
	background-size: 44px 44px;
	mask-image: linear-gradient(to bottom, black, transparent 90%)
}
.moore-glow {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	opacity: .24
}
.moore-glow.g1 {
	width: 430px;
	height: 430px;
	background: #10c8dc;
	left: -180px;
	top: 0
}
.moore-glow.g2 {
	width: 500px;
	height: 500px;
	background: #ff8234;
	right: -250px;
	top: -140px
}
.moore-hero-inner {
	text-align: center;
	z-index: 2
}
.moore-kicker {
	display: inline-flex;
	gap: 9px;
	align-items: center;
	padding: 8px 13px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 999px;
 font-size: .76rem;
	font-weight: 800;
	margin-bottom: 24px
}
.moore-hero h1 {
	max-width: 1650px;
	margin: 0 auto 22px;
	color: #fff
}
.moore-hero h1:after {
	content: "";
	display: block;
	width: 78px;
	height: 3px;
	background: linear-gradient(90deg, var(--orange), var(--cyan));
	margin: 25px auto 0;
	border-radius: 3px
}
.moore-hero p {
	max-width: 1350px;
	margin: 0 auto 12px;
	color: #c5d2e1
}
.moore-hero .lead {
	font-size: 1.08rem;
	color: #fff
}
.moore-core-strip {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
	margin-top: 42px
}
.moore-core-strip span {
	min-height: 108px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 14px;
	background: rgba(255, 255, 255, .055);
 font-size: 1rem;
	font-weight: 700
}
.moore-core-strip i {
	color: #ff9d56; font-size: 2rem;
	
}
.moore-reputation {
	background: linear-gradient(180deg, #f7fcff, #eef9fd)
}
.moore-six {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px
}
.moore-six article, .moore-card, .moore-focus-grid article, .moore-five article {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 20px;
	box-shadow: var(--shadow);
	padding: 24px
}
.moore-six i, .moore-icon {
	width: 44px;
	height: 44px;
	display: grid;
	place-items: center;
	border-radius: 13px;
	background: #e9faff;
	color: #087c8f;
	margin-bottom: 18px
}
.moore-search {
	background: #fff
}
.moore-three {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px
}
.moore-card {
	height: 100%
}
.moore-card ul {
	display: grid;
	gap: 7px;
	color: #54647b
}
 .moore-card li::marker {
 color: var(--cyan)
}
.moore-card.dark {
	background: linear-gradient(145deg, #0d2f50, #07182e);
	color: #dfeaf7;
	border-color: transparent
}
.moore-card.dark p {
	color: #bfd0e2
}
.moore-card.accent {
	background: linear-gradient(145deg, #effbff, #fff)
}
.moore-paid {
	background: #eff9fd
}
.moore-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 52px;
	align-items: center
}
.moore-visual {
	min-height: 430px;
	border-radius: 28px;
	background: radial-gradient(circle at 35% 25%, rgba(17, 199, 218, .35), transparent 32%), linear-gradient(145deg, #0d3151, #07182d);
	display: grid;
	place-items: center;
	box-shadow: var(--shadow)
}
.screen {
	width: 78%;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, .14);
	background: rgba(255, 255, 255, .08);
	border-radius: 20px
}
.topdots {
	display: flex;
	gap: 7px
}
.topdots span {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .4)
}
.trend {
	text-align: right;
	font-size: 3rem;
	color: #ff9a4f
}
.bars {
	height: 150px;
	display: flex;
	align-items: flex-end;
	gap: 12px;
	padding: 15px 20px 8px
}
.bars span {
	width: 28px;
	background: linear-gradient(#20dce8, #0d87b3);
	border-radius: 7px 7px 2px 2px
}
 .bars span:nth-child(1) {
 height: 30%
}
 .bars span:nth-child(2) {
 height: 48%
}
 .bars span:nth-child(3) {
 height: 62%
}
 .bars span:nth-child(4) {
 height: 82%
}
 .bars span:nth-child(5) {
 height: 100%
}
.moore-pill-list {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 18px 0
}
.moore-pill-list li {
	padding: 9px 12px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid #d8e8ee;
 font-size: .82rem;
	font-weight: 700
}
.moore-solutions {
	background: #f8fcfe
}
.moore-grid-cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 22px
}
.moore-quote {
	padding: 15px;
	border-radius: 14px;
	background: #effbfe;
	margin: 18px 0
}
.moore-focus {
	background: #fff
}
.moore-focus-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px
}
.moore-focus-grid span {
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: #0a2746;
	color: #fff;
	font-weight: 800;
	margin-bottom: 16px
}
.moore-business {
	background: linear-gradient(180deg, #eef9fd, #fff)
}
.moore-market-visual {
	position: relative;
	min-height: 400px;
	border-radius: 28px;
	background: linear-gradient(145deg, #0a2f50, #07182d);
	display: grid;
	place-items: center;
	overflow: hidden
}
.moore-market-visual i {
	font-size: 3.5rem;
	color: var(--orange);
	z-index: 2
}
.rings {
	position: absolute;
	border: 1px solid rgba(17, 199, 218, .25);
	border-radius: 50%
}
.rings.r1 {
	width: 120px;
	height: 120px
}
.rings.r2 {
	width: 230px;
	height: 230px
}
.rings.r3 {
	width: 340px;
	height: 340px
}
.moore-five {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
	margin-top: 50px
}
.moore-authority {
	background: linear-gradient(145deg, #07182e, #0b3154);
	color: #dce8f5
}
.moore-authority h2 {
	color: #fff
}
.moore-authority p {
	color: #bfd0e1
}
.moore-authority-visual {
	position: relative;
	min-height: 430px
}
.doc {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 170px;
	height: 210px;
	border-radius: 22px;
	background: #fff;
	display: grid;
	place-items: center;
	color: #0a7f92;
	font-size: 4rem;
	box-shadow: 0 26px 60px rgba(0, 0, 0, .28)
}
.dot {
	position: absolute;
	border-radius: 50%;
	background: #18c8da;
	box-shadow: 0 0 0 12px rgba(24, 200, 218, .10)
}
.dot.d1 {
	width: 16px;
	height: 16px;
	left: 15%;
	top: 20%
}
.dot.d2 {
	width: 12px;
	height: 12px;
	right: 16%;
	top: 26%
}
.dot.d3 {
	width: 16px;
	height: 16px;
	right: 14%;
	bottom: 18%
}
.moore-check-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	list-style: none;
	padding: 0;
	margin: 22px 0
}
.moore-check-grid li {
	padding: 12px 14px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .11);
	color: #fff;
	font-weight: 700
}
.moore-proof {
	background: #0a2746;
	color: #dce7f3
}
.moore-proof h2 {
	color: #fff
}
.moore-proof-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-top: 30px
}
.moore-proof-grid article {
	padding: 22px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: rgba(255, 255, 255, .06);
	border-radius: 18px
}
.moore-location {
	background: #fff
}
.moore-location address {
	font-style: normal;
	padding: 20px;
	border-radius: 16px;
	background: #eefbfe;
	border-left: 4px solid var(--cyan);
	font-weight: 700;
	margin: 16px 0 20px
}
.moore-location-visual {
	position: relative;
	min-height: 410px;
	border-radius: 28px;
	background: linear-gradient(145deg, #0a2e4e, #07172b);
	display: grid;
	place-items: center
}
.pin {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .14);
	box-shadow: 0 0 0 30px rgba(17, 199, 218, .07), 0 0 0 60px rgba(17, 199, 218, .04)
}
.pin i {
	font-size: 3.2rem;
	color: var(--orange)
}
.moore-faq {
	background: #f7fcfe
}
.moore-faq-wrap {
	max-width: 1350px;
	margin: auto;
	display: grid;
	gap: 12px
}
.moore-faq details {
	border: 1px solid #dce9ef;
	border-radius: 16px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 10px 28px rgba(8, 31, 55, .05)
}
.moore-faq summary {
	position: relative;
	cursor: pointer;
	list-style: none;
	padding: 19px 54px 19px 20px;
	font-weight: 800
}
 .moore-faq summary::-webkit-details-marker {
 display: none
}
.moore-faq summary:after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 27px;
	height: 27px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: #e9f9fd;
	color: #087f92
}
.moore-faq details[open] summary:after {
	content: "–"
}
.moore-faq details p {
	padding: 0 20px 20px;
	color: #5d6d82
}
.moore-final {
	padding: 90px 0;
	background: #eef8fc
}
.moore-final-card {
	text-align: center;
	padding: 70px clamp(24px, 7vw, 90px);
	border-radius: 30px;
	background: radial-gradient(circle at 50% -20%, #16486f, #0a2545 50%, #06182d 100%);
	color: #cbd9e8;
	box-shadow: 0 25px 80px rgba(8, 31, 55, .2)
}
.moore-final-card h2 {
	color: #fff
}
.final-line {
	font-weight: 800;
	color: #fff;
	margin-top: 22px
}
 @media(max-width:1024px) {
 .moore-core-strip {
 grid-template-columns: repeat(3, 1fr)
}
 .moore-six,  .moore-three,  .moore-focus-grid,  .moore-proof-grid {
 grid-template-columns: repeat(2, 1fr)
}
 .moore-five {
 grid-template-columns: repeat(2, 1fr)
}
}
 @media(max-width:780px) {
 .moore-section {
 padding: 72px 0
}
 .moore-shell {
 width: min(100% - 28px, 1180px)
}
 .moore-hero {
 padding-top: 78px
}
 .moore-core-strip {
 grid-template-columns: repeat(2, 1fr)
}
 .moore-split,  .moore-three,  .moore-grid-cards,  .moore-six,  .moore-focus-grid,  .moore-proof-grid {
 grid-template-columns: 1fr
}
 .moore-check-grid {
 grid-template-columns: 1fr
}
 .moore-five {
 grid-template-columns: 1fr
}
}
 @media(max-width:520px) {
 h1 {
 font-size: 2.35rem
}
 h2 {
 font-size: 2rem
}
 .moore-core-strip {
 grid-template-columns: 1fr
}
 .moore-card {
 padding: 20px
}
 .moore-visual,  .moore-market-visual,  .moore-location-visual {
 min-height: 330px
}
 .screen {
 width: 90%
}
}