li.nostyle {
  list-style-type: none;
	}
 :root{
	--green:#39b54a;
	--green2:#58cf68;
	--ink:#0d1d24;
	--ink2:#0b252d;
	--muted:#526066;
	--pale:#f3f6f5;
	--line:#dce4e2;
	--white:#fff
	}

* { box-sizing:border-box } 
	
	html,body
		{
		margin:0;
		background:#fff;
		color:var(--ink);
		font-family:Arial,Helvetica,sans-serif
		}
	body
		{
		min-width:320px
		} 

	a{
	color:inherit;
	text-decoration:none;
	cursor:pointer
	} 
	
	.page{overflow:hidden}

	.container{
		width:min(1296px,92vw);
		margin:0 auto
		} 

	.eyebrow{
		font-size:14px;
		letter-spacing:1.6px;
		text-transform:uppercase;
		font-weight:800;
		color:var(--green);
		margin:0 0 8px
		}

		h1,h2,h3,p{
			margin-top:0
			} 

		h1{
		font-size:52px;
		line-height:1.02;
		margin-bottom:14px;
		letter-spacing:-1.1px
		} 

		h2{
		font-size:32px;
		line-height:1.08;
		letter-spacing:-.6px;
		margin-bottom:12px
		} 

		h3{
		font-size:21px;
		line-height:1.12;
		margin-bottom:6px
		}

		p{
		font-size:16px;
		line-height:1.48;
		color:var(--muted)
		} 

		.btn{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		min-height:48px;
		padding:0 24px;
		border-radius:4px;
		font-weight:800;
		font-size:13px;
		letter-spacing:.1px
		}

		.btn.green{
		background:var(--green);
		color:#07130b
		} 

		.btn.dark
		{
		border:1px solid rgba(255,255,255,.75);
		color:#fff;
		background:rgba(0,0,0,.16)
		} 

		.arrow{
		font-size:18px;
		margin-left:12px
		}

		header{
		height:64px;
		background:#fff;
		display:flex;
		align-items:center;
		position:relative;
		z-index:3
		} 

		.nav{
		display:flex;
		align-items:center;
		justify-content:space-between
		} 

		.brand{
		display:flex;
		align-items:center;
		gap:13px
		}

		.kpmark{
		width:68px;
		height:36px
		} 

		.kpmark svg{
		display:block;
		width:100%;
		height:100%
		} 

		.brandtext strong{
		display:block;
		font-size:19px;
		letter-spacing:2px
		} 

		.brandtext span{
		display:block;
		color:var(--green);
		font-size:8px;
		font-weight:700;
		letter-spacing:3px;
		margin-top:2px
		}

		.menu{display:flex;
		align-items:center;
		gap:27px;
		font-size:12px
		} 

		.quote-top{
		background:linear-gradient(90deg,var(--green2),#309f3d);
		color:#fff;
		padding:12px 24px;
		border-radius:4px;
		font-weight:800
		}

		.hero2{
		height:365px;
		position:relative;
		color:#fff;
		background:#091b22;
		overflow:hidden
		} 
		
		.hero2-photo{
		position:absolute;
		inset:0;
		background-image:linear-gradient(90deg,rgba(3,22,28,.97) 0%,rgba(3,22,28,.87) 
		38%,rgba(3,22,28,.15) 70%,rgba(3,22,28,.05) 100%),url('/assets/img/image_01x.jpg');
		background-size:cover;
		background-position:center 52%
		}

		.hero2 .container{
		position:relative;
		z-index:2;
		height:100%;
		display:flex;
		align-items:center
		} 

		.hero2-inner {
     		 min-height: 360px;      		 	
      		align-items: center;
     		 position: relative;
      		z-index: 2;
		    }

		.hero2-copy{
		width:58%
		} 

		.hero2 h1 span{
		color:var(--green2)
		} 
		
		.hero2 	.sub{
		color:#fff;
		font-size:20px;
		line-height:1.26;
		font-weight:700;
		max-width:620px;
		margin-bottom:8px
		}

		.hero2 .mini{
		color:#eef4f3;
		font-size:14px;
		max-width:610px;
		margin-bottom:18px
		} 

		.hero2-actions{
		display:flex;
		gap:16px
		} 

		.ideas{
		position:absolute;
		right:50px;
		bottom:27px;
		z-index:2;
		padding-left:15px;
		border-left:4px solid var(--green2);
		font-size:17px;
		line-height:1.1;
		letter-spacing:5px;
		font-weight:700
		}


		.trust{
		height:102px;
		background:#fff;
		display:flex;
		align-items:center;
		border-bottom:1px solid var(--line)
		} 

		.trust-grid{
		display:grid;
		grid-template-columns:repeat(4,1fr);
		align-items:center
		}

		.trust-item{
		display:grid;
		grid-template-columns:48px 1fr;
		align-items:center;
		padding:0 34px;
		border-right:1px solid #b9c8c3
		} 

		.trust-item:first-child{
		padding-left:0
		} 

		.trust-item:last-child{
		border-right:0;
		padding-right:0
		} 

		.ico{
		width:36px;
		height:36px
		} 

		.trust-item b{
		display:block;
		font-size:15px
		} 

		.trust-item span{
		font-size:11px;
		color:#29383c
		}


		section{
		padding:34px 0
		} 

		.intro{
		padding-top:28px;
		padding-bottom:23px
		} 

		.split{
		display:grid;
		grid-template-columns:47% 53%;
		align-items:stretch
		} 

		.intro-copy{
		padding:22px 55px 18px 0
		} 

		.intro-copy p{
		max-width:590px
		}

		.inhouse-photo{
		min-height:290px;
		background:url('/assets/img/image-02.jpg') center 48%/cover no-repeat;
		position:relative
		} 

		.inhouse-photo:before{
		content:"";
		position:absolute;
		inset:0;
		background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.83) 5%,rgba(255,255,255,.14) 28%,rgba(255,255,255,0) 55%)
		}

		.cards-sec{
		padding-top:8px;
		padding-bottom:25px
		} 

		.cards{
		display:grid;
		grid-template-columns:repeat(4,1fr);
		gap:26px
		} 

		.card{
		background:linear-gradient(135deg,#f7f9f8,#eef3f2);
		padding:25px 25px 22px;
		min-height:200px
		}

		.card-head{
		display:grid;
		grid-template-columns:56px 1fr;
		gap:12px;
		align-items:start;
		margin-bottom:17px
		} 

		.card p{
		font-size:14px;
		line-height:1.35;
		margin-bottom:0;
		color:#4c595d
		} 
	
		.card ul{
		list-style:none;
		padding:0;
		margin:0
		}

		.card li{
		position:relative;
		padding-left:29px;
		margin:12px 0;
		font-size:14px;
		color:#364448
		} 

		.card li:before{
		content:'\2713';
		position:absolute;
		left:0;
		top:-1px;
		width:19px;
		height:19px;
		border-radius:50%;
		background:var(--green);
		color:white;
		font-weight:800;
		text-align:center;
		line-height:19px;
		font-size:12px
		} 
/* GUARANTEE */
.guarantee {
    display: flex;
    padding: 60px;
    gap: 40px;
}

.guarantee-card {
    background: #eaf6ed;
    padding: 30px;
    border-radius: 6px;
    flex: 1;
}

.guarantee-card ul {
    list-style: none;
    padding: 0;
}

.guarantee-card li::before {
    content: '\2713';
    color: #15902c;
    font-weight: 700;
    margin-right: 8px;
}


/* WHY */
.why {
    display: flex;
    margin-top: 40px;
}

.why img {
    width: 50%;
    object-fit: cover;
}

.why-text {
    background: #08262e;
    padding: 40px;
    width: 50%;
    color: #fff;
}

.why-list {
    list-style: none;
    padding: 0;
}

.why-list li::before {
    content: '\2713';
    color: #3cc34c;
    margin-right: 8px;
}

/* GUARANTEE */
.guarantee {
    display: flex;
    padding: 60px;
    gap: 40px;
}

.guarantee-card {
    background: #eaf6ed;
    padding: 30px;
    border-radius: 6px;
    flex: 1;
}

.guarantee-card ul {
    list-style: none;
    padding: 0;
}

.guarantee-card li::before {
    content: '\2713';
    color: #15902c;
    font-weight: 700;
    margin-right: 8px;
};
    color: #3cc34c;
    margin-right: 8px;
}

/* APPROACH */
.approach {
    padding: 60px;
}

.approach-grid {
    display: flex;
    gap: 40px;
    margin-top: 30px;
}

.approach-item {
    flex: 1;
    text-align: center;
}



		.lineicon{
		width:48px;
		height:48px
		}

		.guarantee{
		padding:0;
		background:var(--ink2);
		color:white;
		position:relative;
		overflow:hidden
		} 

		.guarantee-row{
		height:170px;
		display:grid;
		grid-template-columns:1.1fr .95fr;
		align-items:center;
		position:relative;
		z-index:1
		}

		.g-left{
		display:grid;
		grid-template-columns:110px 1fr;
		align-items:center
		} 

		.shield{
		width:90px;
		height:90px
		} 

		.g-left h2{
		font-size:33px;
		color:#fff;
		margin:0;
		line-height:1.03
		} 

		.g-left h2 span{
		color:var(--green2)
		} 

		.g-right{
		border-left:2px solid var(--green);
		padding-left:40px
		} 

		.g-right p{
		color:#fff;
		font-size:14px;
		margin-bottom:13px;
		max-width:520px
		}

		.process{
		padding-top:30px;
		padding-bottom:24px
		} 

		.steps{
		display:grid;
		grid-template-columns:repeat(6,1fr);
		gap:18px
		} 

		.step{
		background:#f3f6f5;
		padding:13px 14px 11px;
		min-height:102px;
		position:relative
		}

		.step .num{
		font-size:22px;
		color:var(--green);
		font-weight:800;
		margin-bottom:10px
		} 

		.step b{
		font-size:13px;
		display:block;
		margin-bottom:4px
		} 

		.step span{
		font-size:10px;
		color:#5d696c
		} 

		.step:not(:last-child):after{
		content:'\276D';
		position:absolute;
		right:-17px;
		top:33px;
		color:var(--green);
		font-size:36px;
		font-weight:400;
		z-index:2
		}

		.gallery-sec{
		padding-top:16px;
		padding-bottom:28px
		} 

		.gallery-sec h2{
		font-size:28px;
		margin-bottom:12px
		} 

		.gallery{
		display:grid;
		grid-template-columns:repeat(4,1fr);
		gap:8px
		} 

		.gallery img{
		width:100%;
		height:320px;
		object-fit:cover;
		display:block
		}

		.gallery img:nth-child(1){
		object-position:center center
		} 

		.gallery img:nth-child(2){
		object-position:center center
		} 
	
		.gallery img:nth-child(3){
		object-position:center center
		} 

		.gallery img:nth-child(4){
		object-position:center 56%
		} 

		.gallery-action{
		margin-top:14px
		}

		footer{
		height:280px;
		position:relative;
		
		color:white;
		overflow:hidden
		} 
		
		footer .container2{
		height:100%;
		display:grid;
		grid-template-columns:1fr 260px;
		align-items:center;
		position:relative;
		background:linear-gradient(90deg,#08202a,#0a2630 68%,#09242c);
		
		}

		footer h2{
		color:white;
		font-size:29px;
		margin-right:9px;
		margin-left:9px;

		margin-bottom:6px
		} 

		footer p{
		color:white;
		font-size:13px;
		margin-right:9px;
		margin-left:9px;

		margin-bottom:17px
		} 

		.contact-row{
		display:flex;
		align-items:center;
		margin-right:9px;
		margin-left:9px;

		gap:26px
		} 
	
		.contact{
		font-size:16px;
		font-weight:700
		} 

		.contact .miniicon{
		color:var(--green2);
		font-size:22px;
		margin-right:9px
		} 

		.footer-ideas{
		padding-left:18px;
		border-left:4px solid var(--green2);
		font-size:18px;
		letter-spacing:5px;
		line-height:1.18;
		margin-right:9px;
		margin-left:9px;

		font-weight:700
		}


		.footer-hex-left,.footer-hex-right{
		position:absolute;
		width:260px;
		height:280px;
		top:0;
		opacity:.8
		} 

		.footer-hex-left{
		left:0
		} 

		.footer-hex-right{
		right:0;
		transform:scaleX(-1)
		} 

		.footer-hex-left svg,.footer-hex-right svg{
		width:100%;
		height:100%
		}

		@media(max-width:900px){
		h1{font-size:40px
		}

		.menu{display:none}

		.hero-copy{width:80%}
		
		.ideas{display:none}

		.trust{height:auto;
		padding:15px 0
		}

		.trust-grid{
		grid-template-columns:1fr 1fr;
		gap:15px
		}
		
		.trust-item{border-right:0;
		padding:8px
		}

		.split{
		grid-template-columns:1fr
		}

		.intro-copy{padding-right:0}

		.inhouse-photo{min-height:330px}

		.cards{grid-template-columns:1fr}
	
		.steps{grid-template-columns:1fr 1fr 1fr}

		.step:after{display:none}

		.gallery{grid-template-columns:1fr 1fr}

		.gallery img{height:280px}}

		@page{margin:0}

		@media print{html,body,.page{width:1440px!important}.container{width:1296px!important}}