:root {
	--glp-bg-1:#fff;
	--glp-bg-2:#f1f1f1;
	--glp-body: #232323;
	--glp-blue-2:#039be5;
	--glp-blue-3:#0c75cb;
	--glp-orange-1: #eeae80;
	--glp-orange-2: #e99906;
	--glp-orange-3: #c25e16;
	--glp-green-1: #d6e9dc;
	--glp-green-2: #15af68;
	--glp-green-3: #0e7813;
	--glp-red-1: #f3dada;
	--glp-red-2: #c31b1b;
	--glp-red-3: #910f0f;
	--glp-f-red-2: invert(16%) sepia(91%) saturate(3453%) hue-rotate(354deg) brightness(86%) contrast(88%);
	--glp-f-red-3: invert(14%) sepia(30%) saturate(5867%) hue-rotate(344deg) brightness(108%) contrast(109%);
	--glp-black: black;
	--glp-f-black:brightness(0) saturate(100%);
	--glp-white: white;
	--glp-f-white: invert(100%) sepia(0%) saturate(1%) hue-rotate(200deg) brightness(110%) contrast(101%);
	--glp-f-gray-1: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(28%) hue-rotate(320deg) brightness(112%) contrast(89%);
	--glp-f-gray-2: invert(50%) sepia(37%) saturate(18%) hue-rotate(326deg) brightness(93%) contrast(94%);
	--glp-f-gray-3: brightness(0) saturate(100%) invert(10%) sepia(13%) saturate(0%) hue-rotate(152deg) brightness(93%) contrast(89%);
	--glp-cta-2:#ee7117;
	--glp-cta-3:#b15717;
	--glp-gray-1: #f1f1f1;
	--glp-gray-2: gray;
	--glp-gray-3: #232323;
	--glp-gray-4: #d6d6d6;
	--glp-gray-5: #b5b5b5;
	--glp-border-color:#ced4da;
	--glp-border:1px solid #ced4da;
	--glp-shadow-1:0px 1px 4px 0px #c4c4c4;
	--glp-shadow-2:rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
	--glp-shadow-3:0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2) !important;
}
html,body {
	margin:0;
	padding:0;
	color:var(--glp-body);
	overflow:hidden;
	background: var(--glp-bg-1);
	font-size: 1rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	* {
		box-sizing:border-box;
	}
	a, a:visited, a:link, a:active {
		text-decoration:none;
		color:var(--glp-blue-2);
		cursor:pointer;
		transition:color 320ms;

		&:hover {
			color:var(--glp-blue-3);
			transition:color 320ms;
		}
	}
	button, button:hover, button:focus {
		font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		cursor:pointer;
	}
	.text-gray-2 {color:var(--glp-gray-2);}
	.text-green-2 {color:var(--glp-green-2);}
	.text-bold, b, strong {font-weight:500;}
	.text-strike {text-decoration: line-through;}
	.text-strike-red-2 {text-decoration: line-through var(--glp-red-2);}
	.hide, .visually-hidden {display:none !important;}
}

bodyWrap {
	display:block;
	height:100dvh;
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-width:thin;
	scroll-behavior: smooth;
	scrollbar-gutter: stable;
	scrollbar-color: #dadada transparent;
}

#header {
	position:fixed;
	top:0;
	left:0;
	height:60px;
	display:flex;
	z-index: 7;
	width: calc(100% - 7px);
	
	.h-logo, .h-end {
		flex:0 0 273px;
	}
	
	.h-logo {
		> a {
			display:inline-block;
			white-space:nowrap;
			max-width:200px;
			padding:5px;
			height:44px;
			border-radius: 7px;
			background-color: rgba(255, 255, 255, 0.8);
			margin:15px 0 0 15px;
			box-shadow: var(--glp-shadow-1);
			backdrop-filter: blur(7px);
			position:relative;
			
			> img {
				display:block;
				margin:0;
				width:auto;
				height:34px;
			}
		}
	}
	.h-menu {
		flex: 1 1 auto;
		
		> ul {
			height:44px;
			margin:15px auto 0 auto;
			width:fit-content;
			padding:5px;
			list-style-type:none;
			border-radius: 7px;
			background-color: rgba(255, 255, 255, 0.8);
			box-shadow: var(--glp-shadow-1);
			backdrop-filter: blur(7px);
			display:flex;
			justify-content: center;
			
			> li {
				> a {
					display: block;
					line-height: 34px;
					height: 34px;
					padding: 0 12px;
					border-radius:7px;
					text-decoration: none;
					color: var(--glp-body);
					font-weight:500;
					margin-right:5px;
					position: relative;
					
					&:hover {
						background-color:#e3e3e3;
					}
				}
				
				&:last-of-type > a {margin-right:0;}
			}
			
			> li.active {
				> a, > a:hover {
					background-color:var(--glp-blue-2);
					color:white;
				}
			}
		}
	}
	.h-end {
		text-align:right;
		
		.menu-wrap {
			display:flex;
			justify-content:end;
			white-space:nowrap;
			height:44px;
			border-radius: 7px;
			padding:5px;
			background-color: rgba(255, 255, 255, 0.8);
			margin:15px 15px 0 0;
			box-shadow: var(--glp-shadow-1);
			backdrop-filter: blur(7px);
			position:relative;
			
			> a {
				flex:0 0 auto;
				display:block;
			}
			
			> .sep {
				display:inline-block;
				width:0px;
				margin:6px 5px 0 5px;
				height:22px;
				border-right:var(--glp-border);
			}
			
			.menu-i {
				height:34px;
				line-height:34px;
				text-transform:uppercase;
				font-weight:500;
				padding:0 8px;
				
				&.menu-apps, &.menu-share, &.menu-qrcode {
					border-radius:7px;
					padding:0;
					width:34px;
					background-repeat:no-repeat;
					background-position:center center;
					background-size:20px auto;
					
					&:hover {
						background-color: var(--glp-gray-1);
					}
				}
				&.menu-apps {
					background-image:url(/incl/img/static/icn/apps-solid.svg);
				}
				&.menu-share {
					background-image:url(/incl/img/static/icn/share-solid.svg);
				}
				&.menu-qrcode {
					background-image:url(/incl/img/static/icn/qr.svg);
				}
				
				&.menu-account {
					color: var(--glp-body);
					border-radius:7px;
					margin-right:5px;
					
					&:hover {
						background-color: var(--glp-gray-1);
					}
				}
				&.menu-buy {
					background-color: var(--glp-cta-2);
					border-radius:7px;
					color:white;
					
					&:hover {
						background-color: var(--glp-cta-3);
					}
				}
			}
		}
	}
}

#tooltipApps {
	.ttip-apps {padding:5px;}
	.apps-pre {
		background-color:var(--glp-gray-1);
		color:var(--glp-body);
		font-size:.75rem;
		white-space:nowrap;
		overflow:hidden;
		border-radius:4px;
		height:24px;
		line-height:23px;
		text-align: center;
		margin:5px;
		padding:0 5px;
	}
	
	ul {
		padding:0;
		margin:10px 5px 5px 5px;
		list-style-type:none;
		display:flex;
		flex-wrap: wrap;
		
		> li {
			list-style-type:none;
			flex:0 0 33.33%;
			
			> a {
				display:block;
				padding:5px;
				border-radius:14px;
				
				&:hover {
					background-color:var(--glp-gray-1);
				}
			}
			
			.icon {
				margin:0 auto 5px auto;
				width:54px;
				height:50px;
				border-radius:7px;
				background-repeat:no-repeat;
				background-size:39px auto;
				background-position:center center;
			}
			.anchor {
				font-size:.75rem;
				text-align:center;
				margin:0 0 5px 0;
				color:var(--glp-body);
			}
			
			&.app-linga .icon {background-image:url(/incl/img/static/apps/app-linga-logo-icon.png);}
			&.app-mylfp .icon {background-image:url(/incl/root/menu/mylfp-icon.png);}
			&.app-myidentity .icon {background-image:url(/incl/root/menu/myidentity-icon.png);}
			&.app-avrecords .icon {background-image:url(/incl/root/menu/avrecords-icon.png);}
			&.app-mycvr .icon {background-image:url(/incl/root/menu/mycvr-icon.png);}
			&.app-psychling .icon {background-image:url(/incl/img/static/apps/app-psychling-logo.svg);}
			&.app-feels .icon {background-image:url(/incl/img/static/apps/app-feels-logo.png);}
		}
	}
}

section {
	min-height:470px;
	background-color:white;
	position:relative;
	z-index:3;
	
	> .inner {
		width:87.5%;
		margin:0 auto;
		padding: 100px 0;
	}
	
	&[data-sid="1"] {
		z-index:2;
	}
	
	&[data-sid="3"] {
		.feature-focus {
			padding-bottom:100px;
			border-bottom:var(--glp-border);
		}
		.benefits-title {
			h3 {margin-bottom:70px;}
		}
	}
	
	&[data-sid="2"],
	&[data-sid="4"],
	&[data-sid="6"] {
		background-color:var(--glp-bg-2);
		border-top:var(--glp-border);
		border-bottom:var(--glp-border);
	}
	
	&[data-sid="8"] {
		background-color:var(--glp-bg-2);
		border-top:var(--glp-border);
	}
	
	&[data-sid="7"] > .inner {
		padding:100px 0 70px 0;
		
		h2 {margin-bottom:70px;}
	}
	
	&[data-sid="6"] > .inner,
	&[data-sid="8"] > .inner {
		padding:100px 0 70px 0;
		
		h2 {
			margin-bottom:70px;
			text-align:center;
		}
	}
	&[data-sid="9"] > .inner {
		padding:100px 0 80px 0;
	}
	
	&[data-sid="6"] > .inner {
		width:100%;
	}
	
	h1 {
		display:inline-block;
		font-size: 5vw;
		line-height:5vw;
		font-weight:500;
		margin:0 0 20px 0;
		position:relative;

		&::before, &::after {
			display:block;
			position:absolute;
		}

		&::before {
			content:"";
			border-radius:26%;
			width:6vw;
			height:6vw;
			top:calc(-0.5vw + 2px);
			left:calc(-6vw - 34px);
			background:url(/incl/root/menu/linkboss-icon.png) center center no-repeat;
			background-size:103% auto;
			border:var(--glp-border);
		}

		&::after {
			content:"TM";
			color:var(--glp-gray-2);
			font-size:.8vw;
			height: 10px;
			line-height: 10px;
			font-weight:400;
			top:5px;
			right:-15px;
		}
	}
	h2, h3 {
		font-size: 3vw;
		margin: 0;
		font-weight:700;
	}
	h4 {
		font-size:1.1rem;
		margin:0;
	}
}

.hero {
	position:relative;
	padding:0 490px 0 0;
	
	.hero__main {
		padding:200px 50px 50px 200px;
		height:870px;
		
		h2 {
			font-size:2.1vw;
			margin:0 0 30px 0;
		}
		.lead-list {
			> ul > li {
				font-size: 1.5vw;
			}
		}
	}
	.hero__aside {
		position:absolute;
		top:0;
		right:0;
		width: 493px;
    height: 820px;
	}
	.hero__guide {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		background-color:var(--glp-blue-2);
		height: 44px;
    box-shadow: var(--glp-shadow-1);
		z-index:1;
		
		> .inner {
			width:100%;
			max-width:1000px;
			padding:10px 20px;
			margin: 0 auto;
		}
		
		.announce {
			font-size:0.95rem;
			text-align:center;
			color:white;
			height: 24px;
      line-height: 24px;
			
			#conciergeGuideName {display:inline-block;font-weight:500;}
			
			button {
				display:inline-block;
				color:white;
				background-color:rgb(215 27 124);
				border-radius:14px;
				outline:0;
				border:0;
				margin:-5px 0 0 5px;
				padding:0 10px;
				font-weight:500;
				height: 28px;
				font-size:0.9rem;
				line-height: 28px;
				transition: all 320ms;
				
				&:hover {
					background-color:rgb(165 18 94);
				}
			}
		}
		
		&.for-coco {
			background-color:rgb(215 27 124);
			
			.announce button {
				background-color:var(--glp-blue-2);
				&:hover {background-color:var(--glp-blue-3);}
			}
		}
	}
	
	.frame {
		width:493px;
		height:820px;
		position:fixed;
		top:50px;
		right:7px;
		z-index:2;
		
		&::before {
			display:block;
			width:493px;
			height:820px;
			content:"";
			position:absolute;
			top:0;
			left:0;
			background:url(/incl/root/mobile-frame.png) center center no-repeat;
			background-size:100% auto;
			z-index:1;
		}
		
		.frame__lbl {
			position:absolute;
			top:53px;
			left:160px;
			width:182px;
			font-size: .83rem;
			background-color:var(--glp-green-2);
			color:white;
			text-transform: uppercase;
      font-weight: 500;
			border-radius: 10px;
			height: 20px;
			line-height: 20px;
			text-align:center;
			letter-spacing: 2px;
			vertical-align: top;
			animation: oscillate-bg 3s ease-in-out infinite;
			z-index:2;
		}
		.frame__render {
			position: absolute;
			top: 142px;
			left: 56px;
			width: 389px;
			border: 0;
			margin: 0;
			padding: 0;
			height: 625px;
			border-radius: 0px 0px 35px 35px;
			overflow: hidden;
			z-index: 2;
			
			iframe {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 389px;
				border: 0;
				margin: 0;
				padding: 0;
				height: 625px;
				border-radius:0px 0px 35px 35px;
				overflow:hidden;
				z-index:2;
			}
			
			&::after {
				display:none;
				content:"Loading ...";
				position: absolute;
				top: 0;
				left:0;
				background-color:white;
				width: 389px;
				border: 0;
				margin: 0;
				padding: 0;
				height: 625px;
				border-radius: 0px 0px 35px 35px;
				overflow: hidden;
				font-size: 1.5rem;
				text-align: center;
				color: var(--glp-gray-2);
				font-weight: 500;
				line-height: 400px;
				z-index: 2;	
			}
			
			&.loading {
				&::after {
					display:block;
				}
			}
		}
	}
	
	.lead-list {
		margin:0 0 40px 0;
		
		> ul {
			list-style-type:none;
			padding:0;
			margin:0;
		}
		
		> ul > li {
			padding:0 0 0 2vw;
			list-style-type:none;
			font-size:1.3vw;
			position:relative;
			margin:0 0 10px 0;
			
			&::before {
				display:block;
				position:absolute;
				content:"";
				top:2px;
				left:0;
				width:1.4vw;
				height:1.4vw;
				background:url(/incl/img/static/icn/check-sharp-solid-full.svg) center center no-repeat;
				background-size:100% auto;
			}
			
			&.price::before {display:none;}
		}
	}
	
	.cta {
		font-size:1.3vw;
		display:flex;
		
		> .cta-i {
			flex:0 0 auto;
			margin-right:15px;
			
			&.cta-buy {
				border-radius: 25px;
				color: white;
				background-color: var(--glp-cta-2);
				font-weight: 500;
				height: 3.4vw;
				line-height: 3.4vw;
				padding: 0 1.3vw;
				box-shadow:var(--glp-shadow-2);
				text-transform: uppercase;
				transition: all 320ms;
				
				&:hover {
					background-color: var(--glp-cta-3);
					box-shadow:var(--glp-shadow-3);
				}
			}
			&.cta-learn {
				color: var(--glp-gray-2);
				font-weight: 500;
				height: 3.4vw;
				line-height: 3.4vw;
				padding: 0 1.3vw;
				text-transform: uppercase;
				transition: all 320ms;
				
				&:hover {
					color: var(--glp-body);
				}
			}
		}
	}
}
@keyframes oscillate-bg {
	0% {background-color: var(--glp-green-2);}
	50% {background-color: var(--glp-green-3);}
	100% {background-color: var(--glp-green-2);}
}

.feature-focus {
	margin: 0 auto 100px auto;
	text-align: center;
	
	h2 {
		.main {
			display:block;
			font-size:2vw;
			font-weight:400;
		}
		.sub {font-size: 4vw;}
	}
}

.apps-grid {
	display:flex;
	flex-wrap:wrap;
	
	.grid-i, .grid-s {
		margin-bottom:6.25%;
	}
	.grid-i {
		flex:1 1 26%;
		
		.i-icon {
			width:80px;
			height:80px;
			margin-bottom:30px;
			background-repeat:no-repeat;
			background-size:102% auto;
			background-position:center center;
			background-image:url(/incl/root/menu/placeholder-solution-icon.png);
			aspect-ratio:1/1;
			border:var(--glp-border);
			border-radius:26%;
			
			&.i-icon--myngc {background-image:url(/incl/root/menu/myngc-icon.png);}
			&.i-icon--mycvr {background-image:url(/incl/root/menu/mycvr-icon.png);}
			&.i-icon--mylfp {background-image:url(/incl/root/menu/mylfp-icon.png);}
			&.i-icon--fsmb {background-image:url(/incl/root/menu/feelssmb-icon.png);}
			&.i-icon--mymedia {background-image:url(/incl/root/menu/mymedia-icon.png);}
			&.i-icon--mydomains {background-image:url(/incl/root/menu/mydomains-icon.png);}
			&.i-icon--myfluency {background-image:url(/incl/root/menu/myfluency-icon.png);}
			&.i-icon--avs {background-image:url(/incl/root/menu/avc-scan-icon.png);}
			&.i-icon--avr {background-image:url(/incl/root/menu/avrecords-icon.png);}
			&.i-icon--myidentity {background-image:url(/incl/root/menu/myidentity-icon.png);}
		}
		
		h3 {display: inline;font-size: 1.2rem;}
	}
	.grid-s {flex:1 1 3vw}
}

.faq-grid {
	display:flex;
	flex-wrap:wrap;
	
	.grid-c, .grid-s {
		margin-bottom:6.25%;
	}
	.grid-c {
		flex:1 1 26%;
		
		h3 {
			font-size:1.6vw;
			margin:0 0 20px 0;
		}
		
		h4 {
			font-size:1.7vw;
			margin:0;
		}
		
		p {
			margin:0 0 20px 0;
		}
	}
	.grid-s {flex:1 1 6.25%}
}

.feature-grid {
	display:flex;
	margin:0 0 100px 0;
	gap: 7vw;
	
	.fg-main {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position:relative;
	}
	.fg-aside {
		flex:0 0 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.img-nav-prev,
	.img-nav-next {
		display:block;
		position:absolute;
		top:calc(50% - 32px);
		width:64px;
		height:64px;
		border-radius:50%;
		border:var(--glp-border);
		outline:0;
		background:white;
		z-index:1;
		cursor:pointer;
		transition: all 320ms;
		
		&::before {
			display:block;
			content:"";
			width:64px;
			height:64px;
			position:absolute;
			top:0;
			left:0;
			background-repeat:no-repeat;
			background-size:34px auto;
			background-position:center center;
			filter:var(--glp-f-gray-2);
		}
		
		&:hover {
			box-shadow:var(--glp-shadow-2);
			
			&::before {
				filter:var(--glp-f-body);
			}
		}
	} 
	.img-nav-prev {
		left:-32px;
		&::before {background-image:url(/incl/img/static/icn/chevron-left-solid-full.svg);}
	}
	.img-nav-next {
		right:-32px;
		&::before {background-image:url(/incl/img/static/icn/chevron-right-solid-full.svg);}
	}
	
	.img-wrap {
		display:block;
		height:100%;
		aspect-ratio:1/1;
		border:var(--glp-border);
		background-color:white;
		padding:15px;
		border-radius:10px;
		overflow:hidden;
		box-shadow:var(--glp-shadow-1);
		position:relative;
		
		&[data-img="2"] {padding:30px 15px 0 15px;}
		&[data-img="3"] {
			padding:0;
			height: 100%;
      aspect-ratio: 1 / 1;
			
			img {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:auto;
				opacity:1;
				transition:opacity 320ms;
				
				&.hide {
					opacity:0;
					transition:opacity 320ms;
				}
			}
		}
		img {
			display:block;width:100%;
		}
	}
	h3 {
		font-size: 3vw;
		margin-bottom:1rem;
	}
	p.lead {
		font-size: 1.6vw;
		margin:0 0 15px 0;
	}
	p.list {
		font-size:1.3vw;
		margin-bottom: 0;
	}
}

.es-body {
	padding:20px 30px;
	padding: 20px 30px;
	height: 100%;
	max-height: 340px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	
	.esb-q {
		margin-bottom: 10px;
		h4 {display:inline;margin:0;font-size:1rem;}
		
		&:last-of-type {margin-bottom:0;}
	}
}
.es-banner {
	height:200px;
	width:100%;
	position:relative;
	border-bottom:var(--glp-border);
	box-shadow:var(--glp-shadow-1);
	
	> .esb__inner {
		display:flex;
		width:100%;
		height:200px;
		background-color:white;
		position:relative;
		overflow: hidden;
		transition: all 320ms;
		
		> .inner-img {
			flex:0 0 200px;
			border-right:var(--glp-border);
			overflow:hidden;
			position:relative;
		}
		> .inner-details {
			flex: 1 1 auto;
			position:relative;
			padding:20px 30px;
			
			h3 {
				font-size:1.7rem;
			}
			.id-sub {
				font-size:1rem;
				margin-bottom:10px;
				color:var(--glp-gray-2);
			}
			.id-settings {
				font-size:1rem;
				margin-bottom:15px;
				
				.ids-lbl {display:inline-block; width:135px;}
			}
			
			.ids-color {
				display:inline-block;
				padding-left:23px;
				position:relative;
				
				&::before {
					display:block;
					content:"";
					position:absolute;
					top:4px;
					left:0;
					width:16px;
					height:16px;
					border-radius:50%;
				}
				
				&[data-color="1"] {
					color:var(--glp-blue-2);
					&::before {background-color:var(--glp-blue-2);}
				}
				&[data-color="2"] {
					color:#15af68;
					&::before {background-color:#15af68;}
				}
				&[data-color="3"] {
					color:#232323;
					&::before {background-color:#232323;}
				}
				&[data-color="4"] {
					color:#d5b822;
					&::before {background-color:#d5b822;}
				}
				&[data-color="5"] {
					color:#22d5c4;
					&::before {background-color:#22d5c4;}
				}
				&[data-color="6"] {
					color:#e99906;
					&::before {background-color:#e99906;}
				}
				&[data-color="7"] {
					color:#8b3ddf;
					&::before {background-color:#8b3ddf;}
				}
				&[data-color="8"] {
					color:#d21791;
					&::before {background-color:#d21791;}
				}
			}
			.ids-bdrop {
				display:inline-block;
				padding-left:23px;
				position:relative;
				
				&::before {
					display:block;
					content:"";
					position:absolute;
					top:4px;
					background-repeat:no-repeat;
					background-position:center center;
					background-size:16px 16px;
					left:0;
					width:16px;
					height:16px;
					border-radius:50%;
				}
				
				&[data-bdrop="1"]::before {background-image:url(/incl/img/static/icn/bdrop-celestial.svg);}
				&[data-bdrop="2"]::before {background-image:url(/incl/img/static/icn/bdrop-winterfell.svg);}
				&[data-bdrop="3"]::before {background-image:url(/incl/img/static/icn/bdrop-jetsetter.svg);}
				&[data-bdrop="4"]::before {background-image:url(/incl/img/static/icn/bdrop-supervortex.svg);}
				&[data-bdrop="5"]::before {background-image:url(/incl/img/static/icn/bdrop-sparkling.svg);}
				&[data-bdrop="6"]::before {background-image:url(/incl/img/static/icn/bdrop-heliocentric.svg);}
				&[data-bdrop="7"]::before {background-image:url(/incl/img/static/icn/bdrop-fluid-motion.svg);}
			}
			
			.lb-link {
				display:inline-block;
				height:34px;
				line-height:34px;
				color:white;
				background-color:var(--glp-blue-2);
				text-transform:uppercase;
				font-weight:500;
				padding:0 44px 0 15px;
				border-radius:17px;
				box-shadow:var(--glp-shadow-2);
				transition: all 320ms;
				position:relative;
				
				&::after {
					display:block;
					content:"";
					width:24px;
					height:34px;
					position:absolute;
					top:0;
					right:10px;
					background:url(/incl/img/static/icn/arrow-up-right-from-square-solid-full.svg) center center no-repeat;
					background-size:18px 18px;
					filter:var(--glp-f-white);
				}
				
				&:hover {
					background-color:var(--glp-blue-3);
					box-shadow:var(--glp-shadow-3);
				}
			}
		}
	}
	p {
		margin:0 0 20px 0;
	}
	.bdrop {
		position: absolute;
		display: block;
		content: "";
		background-size: cover;
		background-repeat:no-repeat;
		background-position: center center;

		&[data-bdrop="1"] {
			top: -50px;
			left: -53px;
			width: 300px;
			height: auto;
			aspect-ratio: 1 / 1;
			background-image: url(/incl/img/static/bdrop/backdrop-celestial.png);
			opacity: 0.3;
			animation: infiniteRotate 260s linear infinite;
		}
		&[data-bdrop="2"] {
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: url(/incl/img/static/bdrop/backdrop-snow.gif);
		}
		&[data-bdrop="3"] {
			top: -110px;
			left: 0;
			width: 400px;
			height: 400px;
			background-size: 550px auto;
			background-image: url(/incl/img/static/bdrop/backdrop-plane.gif);
			opacity: 0.1;
		}
		&[data-bdrop="4"] {
			top: -34px;
			left: calc(50% - 137px);
			width: 260px;
			aspect-ratio: 1 / 1;
			height: 260px;
			background-image: url(/incl/img/static/bdrop/backdrop-swirl.gif);

			opacity: 0.7;
		}
		&[data-bdrop="5"] {
			top: 0;
			left: 0;
			width: 200px;
			height: 330px;
			background-image: url(/incl/img/static/bdrop/backdrop-confetti.gif);
			opacity: 0.35;
		}
		&[data-bdrop="6"] {
			top: -115px;
			left: -94%;
			width: calc(100% * 3);
			height: calc(100% * 1.5);
			background-image: url(/incl/img/static/bdrop/backdrop-solar.gif);
			opacity: 0.4;
		}
		&[data-bdrop="7"] {
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: url(/incl/img/static/bdrop/backdrop-waves.gif);
			opacity: 0.5;
		}
	}
	.avatar {
		position:absolute;
		top:50%;
		left:50%;
		height: 130px;
		width: 130px;
		border: var(--glp-border);
		background-color: var(--glp-bg-1);
		background-repeat:no-repeat;
		background-size:130px auto;
		background-position:center center;
		border-radius: 50%;
		padding: 20px;
		text-align: center;
		transform: translateX(-50%) translateY(-50%);
		overflow: hidden;
	}
}
.gcg-note {
	border-radius:20px;
	min-height:40px;
	padding:10px 10px 10px 55px;
	font-size:.9rem;
	margin:10px 0 0 0;
	background-color:#e6e6e6;
	position:relative;
	
	&::before {
		display:block;
		content:"";
		width:30px;
		height:30px;
		outline:3px solid var(--glp-blue-2);
		position:absolute;
		top:15px;
		left:15px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:24px 24px;
		background-color:white;
		border-radius: 50%;
	}
	&.for-reggie::before {
		background-image:url(/incl/root/gallery/reggie-smythe-stipple-headshot.jpg);
	}
	&.for-coco::before {
		background-image:url(/incl/root/gallery/coco-davis-stipple-headshot.jpg);
		outline:3px solid rgb(215 27 124);
	}
	.gcg-note__title {
		margin:0 0 5px 0;
	}
	
	&[data-gcg-note="2"],
	&[data-gcg-note="3"] {
		margin:20px 0 20px 0;
	}
}
.benefits-title {
	h3 {margin-bottom:70px;}
}

.benefits-grid {
	display:flex;
	flex-wrap:wrap;
	
	.grid-i, .grid-s {
		margin-bottom:6.25%;
	}
	.grid-i {
		flex:1 1 26%;
		background:white;
		border: var(--glp-border);
    border-radius: 1.8rem;
		padding:15px;
		
		.i-icon {
			width:80px;
			height:80px;
			margin-bottom:30px;
			background-repeat:no-repeat;
			background-size:65% auto;
			background-position:center center;
			background-image:url(/incl/root/menu/placeholder-solution-icon.png);
			aspect-ratio:1/1;
			border: var(--glp-border);
			border-radius:25%;
			
			&.i-icon--sparkles {background-image:url(/incl/img/static/icn/sparkles-solid-full.svg);}
		&.i-icon--sliders {background-image:url(/incl/img/static/icn/sliders-solid-full.svg);}
		&.i-icon--eye {background-image:url(/incl/img/static/icn/eye-slash-solid-full.svg);}
			&.i-icon--lock-user {background-image:url(/incl/img/static/icn/lock-user.svg);}
			&.i-icon--trash {background-image:url(/incl/img/static/icn/trash-can-clock-solid-full.svg);}
			&.i-icon--bio {background-image:url(/incl/img/static/icn/circle-user-solid-full.svg);}
			&.i-icon--share {background-image:url(/incl/img/static/icn/share-solid.svg);}
			&.i-icon--qr {background-image:url(/incl/img/static/icn/qr.svg);}
			&.i-icon--stipple {
				background-image:url(/incl/root/showcase/coco-davis-live-stipple.gif);
				background-size: 100% auto;
			}
		}
		
		h4 {display: inline;}
		
		.insert {
			width:100%;
			
			img, .msg {
				margin:15px auto;
				padding:15px 0;
				border-top:var(--glp-border);
				border-bottom:var(--glp-border);
			}
			img {
				display:block;
				width:100%;	
			}
			
			.msg {
				height:70px;
				line-height: 39px;
				text-align: center;
				color: var(--glp-gray-2);
				font-size: 1.5vw;
			}
			
			a.msg {
				display:block;
				font-weight:500;
				color:var(--glp-blue-2);
				
				&:hover {
					color:var(--glp-blue-3);
				}
			}
		}
	}
	.grid-s {flex:1 1 3vw}
}

@keyframes infiniteRotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

#footer {
	position:relative;
	z-index:3;
	background-color: var(--glp-bg-2);
	
	> .inner {
		width:87.5%;
		margin:0 auto;
		padding: 100px 0;
	}
	
	.f-row {
		padding:15px 0;
		
		&.f-row--social {
			border-top:var(--glp-border);
		}
		
		&.f-row--notes {
			border-top:var(--glp-border);
			border-bottom:var(--glp-border);
			color:var(--glp-gray-2);
			
			> div {
				margin:0 0 10px 0;
				
				&:last-of-type {margin-bottom:0;}
			}
		}
		&.f-row--end {
			color:var(--glp-body);
		}
	}
}

.social-menu {
	> ul {
		display:flex;
		margin:0;
		padding:0;
		list-style-type:none;
		justify-content: end;

		> li {
			flex:0 0 auto;
			border-radius:7px;
			margin-right: 15px;
			
			&:last-of-type {margin-right:0;}
			
			&:hover {
				background-color: #dadada;
			}
			
			&.lead {
				margin-right:30px;
				border-radius:0;
				flex:1 1 auto;
				
				.l-main {
					font-weight:500;
					font-size:1.8rem;
					line-height:44px;
					height:44px;
				}
				
				&:hover {background-color:unset;}
			}
			> a {
				display:block;
				width:44px;
				height:44px;
				background-repeat:no-repeat;
				background-position:center center;
				background-size:29px auto;
				border-radius:7px;
				
				&[data-brand="feels"] {background-image:url(/incl/img/static/icn/brand-feels-color.png);filter:var(--glp-f-black);}
				&[data-brand="x"] {background-image:url(/incl/img/static/icn/brand-x.svg);}
				&[data-brand="li"] {background-image:url(/incl/img/static/icn/brand-linkedin.svg);}
				&[data-brand="ig"] {background-image:url(/incl/img/static/icn/brand-instagram.svg);}
				&[data-brand="threads"] {background-image:url(/incl/img/static/icn/brand-threads.svg);}
				&[data-brand="pinterest"] {background-image:url(/incl/img/static/icn/brand-pinterest.svg);}
				&[data-brand="reddit"] {background-image:url(/incl/img/static/icn/brand-reddit.svg);}
				&[data-brand="snap"] {background-image:url(/incl/img/static/icn/brand-snapchat.svg);}
				&[data-brand="fb"] {background-image:url(/incl/img/static/icn/brand-facebook.svg);}
				&[data-brand="tiktok"] {background-image:url(/incl/img/static/icn/brand-tiktok.svg);}
			}
		}
	}
}

.footer-menu {
	display:flex;
	
	.fm-start {
		flex:0 0 250px;
		
		a, a:hover {
			font-weight:400;
			color:var(--glp-body);
			padding:0 0 0 30px;
			font-weight:500;
			position:relative;
			
			&::before {
				display:block;
				position:absolute;
				top:0;
				left:0;
				width:24px;
				height:24px;
				content:"";
				background:url(/incl/img/static/icn/brand-linkboss.svg) center center no-repeat;
				background-size:20px auto;
			}
		}
	}
	.fm-main {
		flex:1 1 auto;
		text-align:center;
		color:var(--glp-body);
	}
	.fm-end {
		flex:0 0 250px;
		text-align:right;
		
		a {
			font-weight:400;
			color:var(--glp-body);
		}
		a:hover {
			color:var(--glp-body);
			text-decoration:underline;
		}
	}
}

/* Embla slider */
:root {
  --brand-primary: rgb(47, 112, 193);
  --brand-secondary: rgb(116, 97, 195);
  --brand-alternative: rgb(19, 120, 134);
  --background-site: rgb(249, 249, 249);
  --background-code: rgb(244, 244, 244);
  --text-body: rgb(54, 49, 61);
  --text-comment: rgb(99, 94, 105);
  --text-high-contrast: rgb(49, 49, 49);
  --text-medium-contrast: rgb(99, 94, 105);
  --text-low-contrast: rgb(116, 109, 118);
  --detail-high-contrast: rgb(192, 192, 192);
  --detail-medium-contrast: rgb(234, 234, 234);
  --detail-low-contrast: rgb(240, 240, 242);
  --admonition-note: rgb(46, 109, 188);
  --admonition-warning: rgb(255, 196, 9);
  --admonition-danger: rgb(220, 38, 38);
  --brand-primary-rgb-value: 47, 112, 193;
  --brand-secondary-rgb-value: 116, 97, 195;
  --brand-alternative-rgb-value: 19, 120, 134;
  --background-site-rgb-value: 249, 249, 249;
  --background-code-rgb-value: 244, 244, 244;
  --text-body-rgb-value: 54, 49, 61;
  --text-comment-rgb-value: 99, 94, 105;
  --text-high-contrast-rgb-value: 49, 49, 49;
  --text-medium-contrast-rgb-value: 99, 94, 105;
  --text-low-contrast-rgb-value: 116, 109, 118;
  --detail-high-contrast-rgb-value: 192, 192, 192;
  --detail-medium-contrast-rgb-value: 234, 234, 234;
  --detail-low-contrast-rgb-value: 240, 240, 242;
  --admonition-note-rgb-value: 46, 109, 188;
  --admonition-warning-rgb-value: 255, 196, 9;
  --admonition-danger-rgb-value: 220, 38, 38;
}
.embla {
	max-width: 100%;
  margin: auto;
	position:relative;

  --slide-height: 34rem;
  --slide-spacing: 1rem;
  --slide-size: 55%;

	.embla__viewport {
		overflow: hidden;
	}
	.embla__container {
		display: flex;
		touch-action: pan-y pinch-zoom;
		margin-left: calc(var(--slide-spacing) * -1);
	}
	.embla__slide {
		flex: 0 0 var(--slide-size);
		min-width: 0;
		padding-left: var(--slide-spacing);
	}
	.embla__slide__number {
		border: 0.2rem solid var(--detail-medium-contrast);
		border-radius: 1.8rem;
		height: var(--slide-height);
		user-select: none;
		background: white;
		overflow: hidden;
	}
	.embla__controls {
		display: flex;
		justify-content: center;
		margin-top: 1.8rem;
	}
	.embla__buttons {
		display: flex;
		align-items: center;
		gap: 1rem;
	}
	.embla__triggers {
		.embla__trigger {
			position:absolute;
			top:0;
			height:100%;
			width:10vw;
			background:transparent;
			border:0;
			margin:0;
			padding:0;
			outline:0;
		}
		.embla__trigger--prev {
			left:0;
		}
		.embla__trigger--next {
			right:0;
		}
	}
	.embla__button {
		-webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
		-webkit-appearance: none;
		appearance: none;
		background-color: transparent;
		touch-action: manipulation;
		display: inline-flex;
		text-decoration: none;
		cursor: pointer;
		border: 0;
		padding: 0;
		margin: 0;
		border: 0.2rem solid var(--detail-medium-contrast);
		width: 3.6rem;
		height: 3.6rem;

		z-index: 1;
		border-radius: 50%;
		color: var(--text-body);
		display: flex;
		align-items: center;
		justify-content: center;
		transform: rotate(0deg);
	}
	.embla__button--disabled {
		color: var(--detail-high-contrast);
	}
	.embla__button__svg {
		width: 35%;
		height: 35%;
	}

	.embla__slide__number {
		backface-visibility: hidden;
	}
}

/* Modals */
#toast-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}
.toast {
    background-color: var(--glp-body);
    color: white;
    padding: 15px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transform: translateY(20px);

    &.show {
    	opacity: 1;
    	transform: translateY(0);
    }
}
.jquery-modal {
  &.blocker {
    z-index:8;
    padding:40px;
  }
  &.blocker.blocker--full {
    padding:0;
  }

  > .modal {
    z-index:9;
    padding:20px;
    width:100%;
    max-width:610px;
    position:relative;
    padding:0;
    border-radius:10px;
    max-height: calc(100% - 160px);
    min-height: calc(96px + 102px);
    overflow:hidden;
    background: var(--glp-bg-1);
    box-shadow: var(--glp-shadow-2);

    > .inner {
      position:relative;
      padding:52px 0;
      overflow: hidden;

      > .modal__head {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:51px;
        background:transparent;
        border-bottom:var(--glp-border);
        border-radius: 10px 10px 0 0;

        h2, h3, h4 {
          margin:0;
          padding:10px 20px;
          line-height:32px;
        }
        a.close-modal {
          top: 10px;
          right: 10px;
        }
      }
      > .modal__body {
      	max-height: calc(100dvh - 160px - 184px);
        min-height: 96px;
        overflow-y: auto;
        overflow-x:hidden;
        padding: 20px;
        font-size:.95rem;
        scrollbar-width: thin;
    		scroll-behavior: smooth;
        background:var(--glp-bg-1);

        h3, h4 {
          margin:10px 0;
          font-size:1.2rem;
        }
        p.lead {font-size:.95rem;margin:0 0 5px 0;}
        p {font-size:.95rem;margin:5px 0 0 0;}
      }
      > .modal__foot {
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height:52px;
        background:var(--glp-bg-1);
        border-top:var(--glp-border);
        border-radius: 0 0 10px 10px;

        > a {
          display: block;
          cursor:pointer;
          padding: 10px 20px;
          text-align: center;
          font-size: 1.2rem;
          color: var(--glp-red-2);
          line-height: 32px;
          text-transform: uppercase;
    			font-weight: 500;

          &:hover {
            color:var(--glp-red-3);
          }
        }
      }
    }
    
    > .close-modal {
      top: 0px;
      right: 0px;
      background:transparent;
      font-size:0;
      text-indent: 0;
      width:52px;
      height:52px;
      
      &::before {
        width:52px;
        height:52px;
        display:block;
        position:absolute;
        top:0;
        right:0;
        content:"✕";
        color: var(--glp-gray-2);
        font-size:1.4rem;
        line-height:50px;
        text-align:center;
        font-weight:700;
      }
      
      &:hover::before {
        color:var(--glp-red-2);
      }
    }
  }
}
.jquery-modal .modal[data-modal-id="1"] {
	width:400px;
	max-width:400px;
	
	> .inner > .modal__body {
		padding:10px 0;
		max-height: calc(100vh - 160px - 184px);
    min-height: 96px;
	}
	.a2a-wrap {
				margin-bottom:30px;
				
				.a2a_kit {
					white-space:nowrap;
					overflow:hidden;
					padding: 10px 27px 0 25px;
					margin:0;
					height: 102px;
    			max-height: 102px;
					
					&.a2a_kit--slider {
						overflow-x: auto;
    				overflow-y: hidden;
    				scrollbar-width:none;
    				-ms-overflow-style: none;
    				
    				&::-webkit-scrollbar { display: none; }
    				
						.slick-prev,
						.slick-next {
							top:calc(50% - 6px);
						}
					}

					li {
						display:inline-block;
						margin: 0;

						a {
							color: var(--glp-body);
							display:block;
							padding: 5px 0 0 0;
							margin: 0;
							text-align: center;
							text-decoration:none;
							min-width:74px;

							.img, .icon {
								display:block;
								background-color: var(--glp-white);
								padding: 0;
								margin: 0 auto;
								border-radius: 50%;
								overflow: hidden;
								width: 60px;
								height: 60px;
								text-align: center;
								box-shadow: var(--glp-shadow-1);

								img, i {
									padding: 15px;
									width: 60px;
									height: 60px;
									filter: var(--glp-f-body);
									display:block;
								}
								i::before {
									font-size:30px;
								}
							}
							.anchor {
								display:block;
								color: var(--glp-body);
								margin-top: 10px;
								font-size: 13px;
							}
							&:hover {
								.img, .icon {
									box-shadow: var(--glp-shadow-2);
									transition: all 240ms;
								}
							}
						}
					}
				}
			}

	.copy-url {
				border: var(--glp-border);
				background: var(--glp-gray-1);
				position:relative;
				margin: 10px 20px 10px 20px;
				border-radius:16px;
        
        &::after {
				  display: block;
            width: 36px;
            height: 26px;
            content: "Copy";
            background: black;
            border-radius: 13px;
            padding: 0 15px;
            color: white;
            position: absolute;
            top: 6px;
            right: 6px;
            text-align: center;
            line-height: 26px;
            text-transform: uppercase;
            font-weight: 500;
            font-size: .85rem;
				}
					
				.copierInput {
					margin: 0;
					padding: 8px 82px 8px 15px;
					line-height: 22px;
					font-size: .9rem;
					white-space:nowrap;
					text-overflow: ellipsis;
					overflow: hidden;
					margin: 0;
          border: 0;
          width: 100%;
          display: block;
          outline: 0;
          position:relative;
          background-color: transparent;
					cursor:pointer;
					color: var(--glp-body);
					z-index:1;
		}
		
		&:hover::after {
		  opacity:0.7;
		}
	}
}
.jquery-modal .modal[data-modal-id="2"] {
	width:400px;
	max-width:400px;
	
	> .inner > .modal__body {
		padding:0 20px 10px 20px;
		max-height: calc(100dvh - 528px);
    min-height: 96px;

    .mb__banner {
    	border-bottom:var(--glp-border);
    	text-align: center;
    	margin-bottom:10px;

    	img {
    		width:100%;
    		max-width:300px;
    		margin:0 auto;
    	}
    }
	}
}
.jquery-modal .modal[data-modal-id="3"] {
	width:300px;
	max-width:300px;
	
	> .inner > .modal__body {
		padding:0;
		max-height: calc(100vh - 160px - 184px);
    min-height: 96px;

    .mb__qrcode {
    	text-align: center;
      padding:10px 10px 0 10px;

      img {
      	max-width: 307px;
      	width: 100%;
        margin: 0 auto;
				padding: 15px;
      }
    }
    p {
    	max-width: 323px;
    	margin: 0 auto;
    	padding:0 20px 20px 20px;
    }
	}
}
.jquery-modal.jquery-mbl-modal,
body.modal-mbl-open .jquery-modal {
    padding:64px 0 0 0;
  	
	  .modal.modal-mbl {
			width: 100%;
	    max-width: 100%;
	    height: 100%;
	    max-height: 100%;
	    border-radius:25px 25px 0 0;
	    padding-top: 52px;
	    
	    .inner {height:100%;}
	    
	    .modal__head {
        h2, h3, h4 {
          padding: 10px 15px;
        }
      }
      
	    .modal__body {
	      max-height: calc(100dvh - 64px - 52px - 53px);
        min-height: unset;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
        margin: 0;
        font-size: 1rem;
        background: var(--glp-bg-1);
        height: calc(100dvh - 64px - 52px - 53px);
	    }
  }
} .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}
}

.modal.modal--stripe {
		max-width:485px;
		
		.modal__body {
			.pay-banner {
				border-bottom:var(--glp-border);
				padding: 20px 0;
        margin: 0 0 15px 0;
				
				.inner {
					display:flex;
					flex-direction:row;
					max-width:fit-content;
					margin: 0 auto;
				
					.i {
						flex:0 0 110px;
						background:var(--glp-white);

						.logo {
							width: 65px;
							height: 65px;
							border: var(--glp-border);
							border-radius: 10px;
							padding: 10px;
							box-shadow: var(--glp-shadow-1);
							margin: 0 auto;

							img {
								width: 44px;
								height: 44px;
								border-radius: 10px;
								display: block;
							}
						}
						.label {
							display:block;
							text-align:center;
							max-width:100px;
							margin:10px auto 5px auto;
							font-weight:500;
						}
					}
					.i-sep {
						flex: 0 0 40px;
						text-align: center;
						font-size: 3rem;
						line-height: 55px;
						color: var(--glp-gray-2);
						position:relative;
						
						img {
							display:block;
							width:30px;
							height:auto;
							filter:var(--glp-f-gray-2);
							margin: 20px auto 0 auto;
						}
					}
				}
			}
			
			#extLinkEl {
				display:block;
				background-color:var(--glp-blue-2);
				color:var(--glp-white);
				text-align:center;
				text-transform:uppercase;
				padding:10px 20px;
				margin:15px 0 10px 0;
				font-size:1rem;
				box-shadow:var(--glp-shadow-1);
				font-weight:500;
				border-radius: 20px;
				
				&:hover {
					background-color:var(--glp-blue-3);
				}
			}
		}
	}


@media only screen and (max-width: 1200px) {
	.hero {
		padding:0 370px 0 0;
		
		.cta {font-size: 1.6vw;}
		.hero__main {
			height:660px;
			padding:100px 50px 50px 150px;
			
			h2 {font-size: 2.4vw;}
		}
		.hero__aside {
			width:370px;
			height:660px;
			
			.frame {
				top: -60px;
        right: -50px;
				transform: scale(0.7);
			}
		}
	}
}

@media only screen and (max-width: 1024px) {
	#header {
		&::after {
			display:block;
			content:"";
			position:absolute;
			top:15px;
			left:15px;
			width:calc(100dvw - 30px - 7px);
			border-radius:7px;
			background-color: rgba(255, 255, 255, 0.8);
			height:44px;
			backdrop-filter: blur(7px);
			box-shadow:var(--glp-shadow-1);
		}
		
		.h-logo, .h-end {flex:0 0 auto;}
		.h-menu > ul {
			float: right;
			> li#menuHome, > li#menuFaq {display:none;}
		}
		.h-logo > a, 
		.h-menu > ul, 
		.h-end > .menu-wrap {
			
			position: relative;
			z-index:2;
			background-color:transparent;
			backdrop-filter: none;
			box-shadow:none;
		}
	}
}

@media only screen and (max-width: 991px) {
	.hero {
		.hero__main {
			padding:100px 0 50px calc(100dvw * .0625);
			
			h2 {font-size: 3vw;}
			.lead-list {
				> ul > li {
        	font-size: 1.8vw;
      	}
			}
		}
		.cta {font-size: 1.9vw;}
	}
	section {
		> .inner {padding: 70px 0;}
		h1 {
			padding-left: 80px;
			margin:55px 0 20px 0;
			&::before {top:-5px;left:0;}
		}
		&[data-sid="3"] {
    	.feature-focus {margin:0 auto 40px auto;padding-bottom: 60px;}
			.benefits-title {
      	h3 {margin-bottom: 40px;}
    	}
    }
		&[data-sid="6"] {
			> .inner {
				margin-left:0;
				margin-right:0;
				width:100% !important;
			}
		}
	}
	.feature-grid {
		.fg-aside {flex: 0 0 50%;justify-content: start;}
		h3 {font-size: 2.3vw;}
		p.lead {font-size: 1.9vw;}
		.img-wrap {
			height:auto;
			&[data-img="2"] {padding:0;}
		}
		.img-nav-prev, .img-nav-next {
			width: 44px;
      height: 44px;
			top:calc(50% - 22px);
			
			&::before {
				width: 44px;
        height: 44px;
				background-size: 24px auto;
			}
		}
		.img-nav-prev {
    	left: -22px;
    }
		.img-nav-next {
    	right: -22px;
    }
		p.list {font-size: 1.6vw;}
	}
	.benefits-grid {
    .grid-i {
			flex: 1 1 auto;
			padding: 25px;
		}
		.grid-s {display:none;}
	}
	.social-menu {
    > ul {
    	> li {
				margin-right: 10px;
				> a {
					width: 34px;
					height: 34px;
					background-size: 24px auto;
				}
      	&.lead {
					margin-right: 0;
        	.l-main {
                    font-size: 1.3rem;
                    line-height: 34px;
                    height: 34px;
                }
            }
        }
    }
	}
	/* Embla slider */
	.embla {
		--slide-height: 34rem;
		--slide-spacing: 0.7rem;
		--slide-size: 76%;
		.embla__slide {
			flex: 0 0 var(--slide-size);
			padding-left: var(--slide-spacing);
		}
		.embla__slide__number {
			border-radius: 1.3rem;
		}
		.embla__controls {
			display: flex;
			justify-content: center;
			margin-top: 1.3rem;
		}
		.embla__buttons {
			gap: .7rem;
		}
		.embla__triggers {
			.embla__trigger {
				position:absolute;
				top:0;
				height:100%;
				width:10vw;
				background:transparent;
				border:0;
				margin:0;
				padding:0;
				outline:0;
			}
			.embla__trigger--prev {
				left:0;
			}
			.embla__trigger--next {
				right:0;
			}
		}
	}
}

@media only screen and (max-width: 800px) {
	#header {
		&::after {height:79px;}
		.h-menu > ul {
			position: absolute;
			top: 44px;
			left: 15px;
			
			> li {
				
				&#menuHome, &#menuFaq {display:block;}
				
				> a {
					font-size: .9rem;
					height:24px;
					line-height:24px;
				}
			}
		}
	}
	.hero {
		padding:0;
		
  	.hero__guide {display: none;}
		.hero__aside {display:none;}
		.hero__main {
			padding: 50px 20px 50px 120px;
			height: 470px;
			
			h1 {
				padding-left: 0;
				font-size: 3rem;
        line-height: 3rem;
				margin:0px 0 10px 0;
				
				&::before {
					width: 3.3rem;
					height: 3.3rem;
					top: calc(-0.5rem + 7px);
					left: -82px;
				}
				&::after {
					top:0;
					font-size: 0.7rem;
				}
			}
			h2 {
				font-size: 1.5rem;
				margin:0 0 10px 0;
			}
			.lead-list > ul > li {
				padding:0 0 0 25px;
				font-size: 0.9rem;
				
				&::before {
					width: 0.9rem;
          height: 0.9rem;
					top:1px;
				}
			}
		}
		.cta {
			font-size: 1.1rem;
			display:block;
			max-width:370px;
			
			> .cta-i {
				display:block;
				text-align:center;
				&.cta-buy {
					height: 44px;
					line-height: 44px;
					padding: 0 20px;
					margin-right:0;
				}
				&.cta-learn {
					height: 44px;
					line-height: 44px;
					padding: 0 20px;
					margin-top:10px;
				}
			}
		}
	}
	section, #footer {
		> .inner {width:calc(100% - 40px);}
	}
	section {
		h2, h3 {font-size: 2rem;}
	}
	#footer > .inner {
		padding:0 0 5px 0;
	}
	#footer .f-row.f-row--end {padding:15px 0 25px 0;}
	.faq-grid, .apps-grid {
		.grid-c, .grid-i {
			margin-bottom:0;
			flex: 1 1 calc(100% - 20px);
			h3 {font-size: 1.4rem;}
			h4 {font-size: 1rem;}
		}
		.grid-i {margin-bottom: 60px;}
		.grid-s {display:none;}
	}
	.embla {
		--slide-size: calc(100% - 40px);
	}
	.es-banner {
		transform: scale(0.605);
		width:460px;
    border: none;
    box-shadow: none;
		height:170px;
		left:-56px;
		
		.bdrop {transform: scale(0.6);}
		
		> .esb__inner {
			width:131%;
			> .inner-img {
      	flex: 0 0 140px;
			}
		}
		
		.inner-img {border-right:0 !important;}
	}
	.feature-grid {
		display: block;
		h3 {font-size: 1.4rem;text-align:center;}
		        p.lead {
            font-size: 1rem;
        }
		.fg-aside {flex: 1 1 100%;}
		        p.list {
            font-size: 1rem;
        }
	}
	.feature-focus {
		margin:0 auto 50px auto;
    h2 {
			.main {            font-size: 0.9rem;}
        .sub {
            font-size: 1.6rem;
        }
    }
	}
	.mfix-800 {margin-top:70px;}
}

@media only screen and (max-width: 768px) {
	.footer-menu {
		display:block;
		text-align:center;
		.fm-start {margin:10px 0 5px 0;}
		.fm-main {
			padding: 20px 0;
      font-size: .8rem;
		}
		.fm-end {
			text-align:center;
		}
	}
}

@media only screen and (max-width: 601px) {
	.social-menu {
    > ul {
			position:relative;
			padding:40px 0 0 0;
			justify-content: start;
			
    	> li {
				margin-right: 10px;
				> a {
					width: 34px;
					height: 34px;
					background-size: 24px auto;
				}
      	&.lead {
					position:absolute;
					top:0;
					left:0;
					.l-main {font-size: .85rem;}
				}
			}
		}
	}
	#header {
		.h-logo {
			flex: 0 0 60px;
			max-width: 60px;
			overflow: hidden;
		}
		.h-menu {
			#menuHome {display:none !important;}
		}
	}
}

@media only screen and (max-width: 560px) {
	body.modal-open .jquery-modal {
		.modal {
			width:calc(100% - 1px);
		}
		&.blocker {padding:64px 0 0 0;}
  	&.modal-share {
  		padding: calc(100dvh - 308px) 0 0 0;
  	}
  	&.modal-qrcode,
		&.modal-links {
  		padding: calc(100dvh - 508px) 0 0 0;
  	}
    
		.modal[data-modal-id="3"],
		.modal[data-modal-id="2"] {
    	> .inner > .modal__body {
				max-height:405px;
        min-height: 96px;
    	}
  	}
  	.modal[data-modal-id="5"] {
    	> .inner > .modal__body {
    		min-height: calc(100dvh - 64px - 108px);
    	}
  	}

    .modal {
      width: 100dvw;
      max-width: 100dvw;
      height: 100%;
      max-height: 100%;
      border-radius: 25px 25px 0 0;
			
			> .inner {
				height: 100%;
			}
  	}
  }
	.hero {
		.hero__main {
			padding:50px 15px;
			text-align: center;
			height: auto;
			
			h1 {
				left:30px;
				margin:0px 0 40px 0;
			}
			h2 {
				margin:0 0 20px 0;
				font-size: 1.3rem;
			}
			.lead-list {
				display: inline-block;
				
				> ul > li {
					padding:0 0 0 15px;
					font-size: 0.8rem;
				}
			}
		}
		.cta {
			display: block;
			margin: 0 auto;
		}
	}
}

@media only screen and (max-width: 480px) {
	.menu-share {display:none !important;}
	.modal.modal--stripe {
		max-height: fit-content;

		> .inner {
			> .modal__body {
				.pay-banner {
					.inner {
						max-width:unset;
						justify-content: center;

						.i {

							.logo {
								width:50px;
								height:50px;
								padding:5px;

								img {
									width: 39px;
									height: 39px;
								}
							}
							.label {
								font-size: .9rem;
								white-space:nowrap;
								overflow:visible;
							}
						}
						.i-sep {
							img {margin-top:12px;}
						}
					}
				}
			}
		}
	}
	.hero {
		.hero__main {
			h2 {
				br {display:none;}
			}
		}
	}
}