/* The Power of Deep Work — Micro-Offer Sales Page (templated from /genius-zone/css/style-sps.css) */
body{ color: #000; }

p, .p16, p.p16, .mini-contain p, p.mini, .p16-contain p, .p16-contain li{
	font-weight: 500; line-height: 1.75 !important;
}

.p18, .p18-contain p, .p18-contain li{
	font-weight: 300; letter-spacing: -.65px;
	font-weight: 400; letter-spacing: -.87px;
}

.p16-contain li{
	font-size: 16px;
	line-height: 21px;
	line-height: 1.75 !important;
	padding-bottom: 18px;
}

/* Images never overflow their column */
picture{ display: inline-block; max-width: 100%; }
picture img, .block-img img, .hero-img img{ max-width: 100%; height: auto; }
.hero-img{ display: inline-block; margin: 12px auto 4px; }

.img-shad > img{
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.img-shad:before{
	background-color: #CBE3DF;
}
.img-shad.rnd:before{
	border-radius: 0; /* brand: square corners, sharp edges */
}
.img-shad.bl:before{
	top: 23px;
	left: -40px;
	right: calc(50% - 50px);
	bottom: -30px;
}
.img-shad.br:before{
	top: 23px;
	right: -40px;
	left: calc(50% - 50px);
	bottom: -30px;
}
.rnd > img{
	border-radius: 0; /* brand: square corners, sharp edges */
}

ul{
	padding-left: 16px;
	max-width: 100%;
}

ul.list-chk-wht-cir-teal{ list-style: none; padding-bottom: 14px; padding-left: 0; }
ul.list-chk-wht-cir-teal li{ position: relative; padding: 0 0 20px 38px; }
ul.list-chk-wht-cir-teal li:before{ content:""; position: absolute; top: 3px; left: 0; right: 0; bottom: 0; width: 25px; height: 25px;
	background: url(https://liveyourmessage.com/inc/images/chk-wht-cir-teal.svg) no-repeat; background-size: 100%; }
ul.list-chk-wht-cir-teal.p18-contain li:before{ top: 0; }

.bg-oj3{
	background: #FB8368;
}

/**************/
#header{
	background: #E4ECF0;
}
/* faint hand-drawn icon texture behind the hero (framework auto-positions section:before as a full-cover, z-index:-1 layer) */
#header:before{
	background: url(../images/bg-icons-tp.png) center center;
	background-size: cover;
}
#header .content-block{
	padding: 58px 0 64px; display: inline-block; width: 100%;
}

#sec-1-challenge .content-block{ padding: 69px 0; }
#sec-1-challenge .block-right.block-img{ order: 1; width: 44.02%; }
#sec-1-challenge .block-left.block-text{  order: 0; width: 50.43%; }

#sec-2-research{ background: #E4ECF0; }
#sec-2-research .content-block{ padding: 69px 0; }
#sec-2-research .content-block .block-left.block-img{ width: 43.42%; }
#sec-2-research .content-block .block-right.block-text{ width: 50.43%; }

/* Dark reframe band — wavey-line accent + rocket/graph doodles in the side margins */
#sec-3-need{ position: relative; overflow: hidden; color: #fff;
	background: url('../images/wavey-lines-full-tp.png') no-repeat calc(50% + 540px) top #292929; background-size: 900px auto; }
#sec-3-need:before{
	background: url(../images/rocket-start-doodle-tp.png) no-repeat; background-size: contain;
	width: 150px; height: 150px; top: 54px; left: calc(50% - 620px); right: auto; bottom: auto;
	transform: rotate(-6deg); opacity: .85;
}
#sec-3-need:after{
	background: url(../images/graph-doodle-tp.png) no-repeat; background-size: contain;
	width: 108px; height: 108px; top: 70px; left: calc(50% + 512px); right: auto; bottom: auto; opacity: .85;
}
#sec-3-need .content-block{ padding: 69px 0; position: relative; z-index: 1; }
#sec-3-need .block-text-2{ max-width: 100%; width: 820px; margin: 0 auto; }

#sec-4-hero .content-block{
	padding: 58px 0 64px; display: inline-block; width: 100%;
}

#sec-5-inside{ position: relative; overflow: hidden; color: #fff; }
/* subtle wavey accent (bottom-left) + lightbulb doodle (top-right) framing the feature list */
#sec-5-inside:before{
	background: url(../images/wavey-lines-full-tp.png) no-repeat; background-size: contain;
	width: 760px; height: 108px; top: auto; bottom: 40px; left: calc(50% - 940px); right: auto; opacity: .45;
}
#sec-5-inside:after{
	background: url(../images/bulb-doodle-tp.png) no-repeat; background-size: contain;
	width: 150px; height: 150px; top: 48px; bottom: auto; left: calc(50% + 540px); right: auto; opacity: .7;
}
#sec-5-inside .content-block{ padding: 69px 0; position: relative; z-index: 1; }
#sec-5-inside .block-flex-contain{
	max-width: 100%; width: 752px;
	margin: 0 auto 50px;
	align-items: center;
}
#sec-5-inside .block-flex-contain:last-child{ margin-bottom: 0; }
#sec-5-inside .block-flex-contain .block-right.block-img{ order: 1; width: 45%; }
#sec-5-inside .block-flex-contain .block-left.block-text{  order: 0; width: 46.5%; }
#sec-5-inside .block-flex-contain .block-left.block-img{ order: 0; width: 45%; }
#sec-5-inside .block-flex-contain .block-right.block-text{  order: 1; width: 46.5%; }
/* Feature images: square corners + a squared colored block offset behind (brand style) */
#sec-5-inside .block-flex-contain .block-img{ position: relative; }
#sec-5-inside .block-flex-contain .block-img picture{ display: block; position: relative; z-index: 1; width: 100%; }
#sec-5-inside .block-flex-contain .block-img img{ display: block; width: 100%; border-radius: 0; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.22)); }
#sec-5-inside .block-flex-contain .block-img:before{ content: ""; position: absolute; z-index: 0; width: 100%; height: 100%; top: 20px; }
#sec-5-inside .block-flex-contain .block-right.block-img:before{ left: 22px; background: #2FCFCD; }  /* image on the right → cyan block, offset right */
#sec-5-inside .block-flex-contain .block-left.block-img:before{ left: -22px; background: #FB8368; }  /* image on the left → coral block, offset left */
#sec-5-inside .block-flex-contain .block-text *:last-child{ padding-bottom: 0; }
#sec-5-inside h6{ margin-bottom: 8px; }

#sec-6-sold .content-block{ padding: 69px 0 36px; }

/* Pre-footer strap — white band with the repeating brand doodle pattern */
#sec-7-midbanner{ height: 200px; width: 100%; background: #FFFFFF; overflow: hidden; }
#sec-7-midbanner:before{
	background: url(../images/doodles-midbanner-rep-tp.png) repeat-x center center;
	background-size: auto 78%;
}

@media (max-width: 1280px){
	p, .p16, p.p16, .mini-contain p, p.mini, .p16-contain p, .p16-contain li{
		font-size: 16px; line-height: 21px; line-height: 1.75 !important;
	}
	#sec-2-research .content-block .block-left.block-img{ width: 43.42%; }
	#sec-2-research .content-block .block-right.block-text{ width: 53.43%; }
}

@media (max-width: 991px){
	#header .content-block { padding: 64px 0; }
}

@media (max-width: 768px){
	.mobscale768{ width: 90% !important; }

	#header .content-block{ display: block; }

	#sec-1-challenge .content-block{ padding: 64px 0; }
	#sec-1-challenge .block-right.block-img{ order: 1; width: 280px; margin: 0 auto 36px; }
	#sec-1-challenge .block-left.block-text{  order: 0; width: 100%; }

	#sec-2-research .content-block .block-left.block-img{ width: 280px; margin: 0 auto 34px; }
	#sec-2-research .content-block .block-right.block-text{ width: 100%; }

	#sec-5-inside .block-flex-contain{ display: block; }
	#sec-5-inside .block-flex-contain .block-img{ float: none; width: 100% !important; margin: 0 auto 20px; max-width: 420px; }
	#sec-5-inside .block-flex-contain .block-text{ float: none; width: 100% !important; }
}