 :root{
	--primary:#08223e;
	--blue:#39a9d6;/* 0b6ea8; */
	--cyan:#39a9d6;
	--light:#f5f7f9;
	--line:#dfe6eb;
	--text:#183047;
	--muted:#647789; 
}
 *{
	box-sizing:border-box
}
body{
	font-family:'Inter',Arial,sans-serif;
	color:var(--text);
	margin:0;
	background:#fff
}
a{
	text-decoration:none
}
.partners img {
    max-height:40px;
}

@media (max-width: 991.98px) {
    .partners img {
        margin-top:15px;
    }   
}
.small-text {
    font-size:10px;
}
.container-xl{
	max-width:1220px
}
.topbar{
	background:#06182b;
	color:#fff;
	font-size:.82rem
}
.topbar a{
	color:#d9e9f5
}
.topbar .wrap{
	min-height:38px
}
.navbar{
	background:#fff;
	border-bottom:1px solid #e7edf1;
	min-height:84px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
	transition: .4s;
}
.navbar-brand{
	font-weight:800;
	font-size:1.55rem;
	color:var(--primary)!important;
	letter-spacing:-.03em
}
.brand-mark{
	display:inline-grid;
	place-items:center;
	width:37px;
	height:37px;
	background:var(--blue);
	color:#fff;
	border-radius:4px;
	margin-right:9px;
	font-weight:800
}
.navbar .nav-link{
	font-size:.93rem;
	font-weight:650;
	color:#31495c!important;
	padding:2rem .85rem!important
}
.navbar .nav-link:hover,.navbar .nav-link.active{
	color:var(--blue)!important
}
.nav-button{
    margin: 0px 24px;
}
.dropdown-menu{
	border:0;
	border-top:3px solid var(--blue);
	border-radius:0;
	box-shadow:0 12px 35px rgba(11,36,59,.14);
	padding:.7rem 0
}
.dropdown-item{
	padding:.65rem 1.2rem;
	font-size:.9rem
}
.hero{
	min-height:610px;
	background:linear-gradient(90deg,rgba(4,24,44,.97) 0%,rgba(4,35,64,.92) 47%,rgba(5,48,82,.65) 100%),url('https://cdn.licenseplatedata.com/images/hero1.jpg') center/cover;
	display:flex;
	align-items:center;
	color:#fff;
	position:relative
}
.hero:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:7px;
	background:linear-gradient(90deg,var(--blue),var(--cyan),var(--cyan))
}
.hero-kicker,.eyebrow{
	font-size:.79rem;
	font-weight:800;
	letter-spacing:.18em;
	text-transform:uppercase;
	color:#78c6ea
}
.hero h1{
	font-size:clamp(2.7rem,5vw,5.2rem);
	font-weight:750;
	line-height:.99;
	letter-spacing:-.05em;
	max-width:860px
}
.hero p{
	font-size:1.12rem;
	line-height:1.75;
	max-width:670px;
	color:#e1ecf4
}
.btn-square{
	border-radius:2px;
	padding:.92rem 1.35rem;
	font-weight:750;
	font-size:.9rem;
	letter-spacing:.02em
}
.btn-brand{
	background:var(--cyan);
	border-color:var(--cyan);
	color:#fff
}
.btn-brand:hover{
	background:var(--blue);
	color:#fff
}
.btn-outline-light.btn-square{
	border-width:2px
}
.section{
	padding:88px 0
}
.section-sm{
	padding:66px 0
}
.bg-lightx{
	background:var(--light)
}
.eyebrow{
	color:var(--blue);
	margin-bottom:.9rem
}
.display-title{
	font-size:clamp(2.1rem,3.4vw,3.65rem);
	line-height:1.08;
	font-weight:760;
	letter-spacing:-.045em;
	color:var(--primary)
}
.lead-copy{
	font-size:1.07rem;
	line-height:1.8;
	color:var(--muted)
}
.number{
	font-size:5rem;
	line-height:.8;
	font-weight:800;
	color:#d9e4eb;
	letter-spacing:-.07em
}
.product-row{
	padding:72px 0;
	border-bottom:1px solid var(--line)
}
.product-row:last-child{
	border-bottom:0
}
.product-icon{
	width:86px;
	height:86px;
	border:1px solid #d7e2e9;
	display:grid;
	place-items:center;
	font-size:2.1rem;
	color:var(--blue);
	background:#fff
}
.link-arrow{
	font-weight:750;
	color:var(--blue);
	font-size:.9rem
}
.link-arrow:after{
	content:' →';
	transition:.2s
}
.link-arrow:hover:after{
	margin-left:4px
}
.dark-band{
	background:var(--primary);
	color:#fff
}
.dark-band .display-title{
	color:#fff
}
.stats{
	border-top:1px solid rgba(255,255,255,.15);
	margin-top:42px;
	padding-top:34px
}
.stat strong{
	font-size:2.4rem;
	display:block
}
.stat span{
	color:#b9cad7;
	font-size:.88rem
}
.editorial-card{
	background:#fff;
	border:1px solid var(--line);
	height:100%
}
.editorial-card .img{
	height:215px;
	background-size:cover;
	background-position:center
}
.editorial-card .body{
	padding:27px
}
.editorial-card h3{
	font-size:1.25rem;
	font-weight:750;
	color:var(--primary)
}
.editorial-card p{
	font-size:.93rem;
	line-height:1.65;
	color:var(--muted)
}
.cta{
	background:linear-gradient(100deg,#0b6ea8,#084d7c);
	color:#fff;
	padding:52px 0
}
.cta h2{
	font-weight:760;
	letter-spacing:-.03em
}
.footer{
	background:#06182b;
	color:#b7c6d2;
	padding:68px 0 24px
}
.footer h6{
	color:#fff;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-size:.73rem;
	margin-bottom:1.1rem
}
.footer a{
	color:#b7c6d2;
	display:block;
	font-size:.88rem;
	margin:.55rem 0
}
.footer a:hover{
	color:#fff
}
.copyright{
	border-top:1px solid rgba(255,255,255,.1);
	margin-top:10px;
	padding-top:20px;
	font-size:.78rem
}
.copyright a{
    display:inline;
}
.interior-hero{
	background:linear-gradient(90deg,#071d34,#0a3a62);
	color:#fff;
	padding:86px 0 82px;
	position:relative
}
.interior-hero:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:5px;
	background:linear-gradient(90deg,var(--blue),var(--cyan),var(--cyan))
}
.interior-hero h1{
	font-size:clamp(2.5rem,4.3vw,4.6rem);
	font-weight:760;
	letter-spacing:-.05em
}
.interior-hero p{
	color:#d8e5ee;
	font-size:1.1rem;
	line-height:1.7
}
.bread{
	font-size:.8rem;
	color:#9fc0d7;
	margin-bottom:18px
}
.bread a{
	color:#9fc0d7
}
.feature-list{
	list-style:none;
	padding:0;
	margin:0
}
.feature-list li{
	padding:14px 0;
	border-bottom:1px solid var(--line);
	font-weight:650
}
.feature-list li:before{
	content:'✓';
	color:var(--blue);
	font-weight:900;
	margin-right:12px
}
.code-panel{
	background:#071a2b;
	color:#d6e5ef;
	border-radius:3px;
	padding:30px;
	box-shadow:0 18px 38px rgba(5,25,43,.16)
}
.code-panel pre{
	margin:0;
	color:#cce4f3;
	font-size:.82rem;
	white-space:pre-wrap
}
.metric-card{
	border-left:4px solid var(--blue);
	background:#fff;
	padding:24px 26px;
	box-shadow:0 7px 30px rgba(20,50,73,.07);
	height:100%
}
.metric-card h3{
	color:var(--primary);
	font-weight:760
}
.contact-card{
	background:#fff;
	border:1px solid var(--line);
	padding:36px;
	height:100%
}
.form-control,.form-select{
	border-radius:1px;
	padding:.82rem .9rem;
	border-color:#cedae2
}
.form-label{
	font-weight:700;
	font-size:.85rem
}
.article{
	max-width:850px
}
.article h2{
	color:var(--primary);
	font-weight:760;
	margin-top:2rem
}
.article p,.article li{
	color:var(--muted);
	line-height:1.8
}
.news-meta{
	font-size:.78rem;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:var(--blue);
	font-weight:800
}
.logo-strip{
	border-top:1px solid var(--line);
	border-bottom:1px solid var(--line);
	padding:24px 0;
	color:#8193a2;
	font-weight:750;
	text-align:center
}
.mini-hero-img{
	min-height:380px;
	background-size:cover;
	background-position:center
}
.support-box{
	border-top:4px solid var(--blue);
	background:var(--light);
	padding:32px;
	height:100%
}
@media(max-width:991px){
	.navbar .nav-link{
		padding:.7rem 0!important
	}
	.nav-button{
		display:inline-block;
		margin:0
	}
	.hero{
		min-height:560px
	}
	.section{
		padding:66px 0
	}
	.number{
		font-size:3.5rem
	}
	.topbar{
		display:none
	}
}
@media(max-width:767px){
	.hero h1{
		font-size:2.8rem
	}
	.hero{
		min-height:530px
	}
	.product-row{
		padding:50px 0
	}
	.interior-hero{
		padding:65px 0
	}
	.editorial-card .img{
		height:180px
	}
}
/* SEO-friendly blog article page */
 .blog-header{
	padding:72px 0 54px;
	background:#fff;
	border-bottom:1px solid var(--line)
}
 .blog-header .bread{
	color:#7890a2;
	margin-bottom:24px
}
.blog-header .bread a{
	color:var(--blue)
}
 .blog-header h1{
	max-width:980px;
	font-size:clamp(2.65rem,5vw,5rem);
	line-height:1.02;
	font-weight:770;
	letter-spacing:-.055em;
	color:var(--primary);
	margin-bottom:24px
}
 .blog-deck{
	max-width:790px;
	font-size:1.18rem;
	line-height:1.75;
	color:var(--muted);
	margin-bottom:26px
}
 .article-meta{
	display:flex;
	flex-wrap:wrap;
	gap:10px 22px;
	align-items:center;
	color:#6d8292;
	font-size:.86rem
}
.article-meta strong{
	color:var(--primary)
}
 .article-featured{
	width:100%;
	aspect-ratio:16/7;
	object-fit:cover;
	display:block
}
 .article-wrap{
	padding:72px 0
}
.article-content{
	max-width:800px
}
.article-content>p:first-of-type{
	font-size:1.18rem;
	color:#405b70
}
 .article-content h2{
	font-size:clamp(1.7rem,2.6vw,2.35rem);
	line-height:1.2;
	margin:2.7rem 0 1rem;
	color:var(--primary);
	font-weight:760;
	letter-spacing:-.03em
}
 .article-content h3{
	font-size:1.3rem;
	margin:2rem 0 .8rem;
	color:var(--primary);
	font-weight:760
}
.article-content p,.article-content li{
	font-size:1rem;
	line-height:1.9;
	color:var(--muted)
}
.article-content ul,.article-content ol{
	padding-left:1.2rem
}
.article-content li{
	margin-bottom:.65rem
}
 .article-callout{
	border-left:4px solid var(--cyan);
	background:var(--light);
	padding:24px 28px;
	margin:32px 0;
	color:#405b70;
	font-size:1.04rem;
	line-height:1.75
}
 .article-toc{
	border-top:4px solid var(--blue);
	background:var(--light);
	padding:26px 28px;
	margin-bottom:34px
}
.article-toc h2{
	font-size:.8rem;
	text-transform:uppercase;
	letter-spacing:.12em;
	margin:0 0 13px;
	color:var(--blue)
}
.article-toc ol{
	margin:0;
	padding-left:1.15rem
}
.article-toc li{
	margin:.38rem 0
}
.article-toc a{
	color:var(--primary);
	font-weight:650
}
 .article-sidebar{
	position:sticky;
	top:118px
}
.article-sidebox{
	border-top:4px solid var(--blue);
	background:var(--light);
	padding:26px;
	margin-bottom:24px
}
.article-sidebox h2{
	font-size:.8rem;
	text-transform:uppercase;
	letter-spacing:.12em;
	color:var(--blue);
	font-weight:800;
	margin-bottom:16px
}
.article-sidebox a{
	color:var(--primary);
	font-weight:700
}
.article-sidebox p{
	font-size:.9rem;
	line-height:1.65;
	color:var(--muted)
}
 .related-posts{
	background:var(--light);
	padding:72px 0
}
.related-posts h2{
	color:var(--primary);
	font-weight:760;
	letter-spacing:-.03em
}
 @media(max-width:991px){
	.blog-header{
		padding:58px 0 42px
	}
	.article-wrap{
		padding:56px 0
	}
	.article-sidebar{
		position:static;
		margin-top:34px
	}
}
 @media(max-width:767px){
	.blog-header h1{
		font-size:2.55rem
	}
	.article-featured{
		aspect-ratio:16/10
	}
	.article-meta{
		display:block
	}
	.article-meta span{
		display:block;
		margin:.35rem 0
	}
	.article-wrap{
		padding:45px 0
	}
}
 