/*=======FREE BUILD LEAD POPUP (V3)=======*/
/* Shared across marketing pages (platform, plans, etc.) */

@font-face {
    font-family: 'Inter';
    src: url('../../platform/css/Inter-Bold.woff2') format('woff2'),
        url('../../platform/css/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../../platform/css/Inter-SemiBold.woff2') format('woff2'),
        url('../../platform/css/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../../platform/css/Inter-Medium.woff2') format('woff2'),
        url('../../platform/css/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../../platform/css/Inter-Regular.woff2') format('woff2'),
        url('../../platform/css/Inter-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Big Shoulders';
    src: url('../../platform/css/BigShoulders-Black.woff2') format('woff2'),
        url('../../platform/css/BigShoulders-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.fc-lead-overlay{
	position:fixed;
	inset:0;
	z-index:10000;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px;
	padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
	background:rgba(0,0,0,.72);
	opacity:0;
	visibility:hidden;
	transition:opacity .35s ease, visibility .35s ease;
	-webkit-overflow-scrolling:touch;
	}
.fc-lead-overlay.is-open{
	opacity:1;
	visibility:visible;
	}
.fc-lead-overlay.is-open .fc-lead-modal{
	transform:translateY(0) scale(1);
	opacity:1;
	}
.fc-lead-modal{
	position:relative;
	width:100%;
	max-width:520px;
	max-height:min(92vh, 920px);
	max-height:min(92dvh, 920px);
	display:flex;
	flex-direction:column;
	background:#0b0a0b;
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 30px 80px rgba(0,0,0,.55);
	transform:translateY(24px) scale(.96);
	opacity:0;
	transition:transform .4s cubic-bezier(.2,.8,.2,1), opacity .35s ease;
	text-align:left;
	color:#fff;
	}
.fc-lead-close{
	position:absolute;
	top:10px;
	right:10px;
	z-index:5;
	width:40px;
	height:40px;
	border:0;
	border-radius:50%;
	background:rgba(0,0,0,.5);
	color:#fff;
	font-size:24px;
	line-height:1;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:background .2s ease;
	-webkit-tap-highlight-color:transparent;
	}
.fc-lead-close:hover{ background:rgba(237,28,36,.9);}
.fc-lead-body{
	display:flex;
	flex-direction:column;
	min-height:0;
	flex:1 1 auto;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior:contain;
	}
.fc-lead-media{
	position:relative;
	width:100%;
	height:180px;
	flex-shrink:0;
	overflow:hidden;
	background:#1a1214;
	}
.fc-lead-media img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	display:block;
	}
.fc-lead-media::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, transparent 30%, rgba(11,10,11,.95) 100%);
	pointer-events:none;
	}
.fc-lead-content{
	padding:8px 28px 28px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	flex:1 0 auto;
	}
.fc-lead-badge{
	display:inline-flex;
	align-items:center;
	gap:6px;
	align-self:flex-start;
	padding:6px 12px;
	margin-bottom:14px;
	border-radius:999px;
	background:rgba(237,28,36,.15);
	border:1px solid rgba(237,28,36,.45);
	color:#ff6b70;
	font-size:11px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	}
.fc-lead-title{
	font-family:'Big Shoulders', 'Poppins', Impact, sans-serif;
	font-weight:900;
	font-size:32px;
	line-height:1.05;
	margin:0 0 10px;
	color:#fff;
	text-transform:uppercase;
	}
.fc-lead-title span{ color:#ed1c24;}
.fc-lead-text{
	font-size:14px;
	line-height:1.55;
	color:rgba(255,255,255,.78);
	margin:0 0 16px;
	}
.fc-lead-form{
	display:flex;
	flex-direction:column;
	gap:10px;
	}
.fc-lead-row{
	display:flex;
	gap:10px;
	}
.fc-lead-row input{ flex:1; min-width:0;}
.fc-lead-form input[type="email"],
.fc-lead-form input[type="text"],
.fc-lead-form input[type="tel"]{
	width:100%;
	height:46px;
	padding:0 14px;
	border:1px solid rgba(255,255,255,.14);
	border-radius:10px;
	background:rgba(255,255,255,.06);
	color:#fff;
	font-family:'Inter', 'Poppins', system-ui, sans-serif;
	font-size:16px; /* 16px+ avoids iOS input zoom */
	outline:none;
	transition:border-color .2s ease, background .2s ease;
	-webkit-appearance:none;
	appearance:none;
	}
.fc-lead-form input::placeholder{ color:rgba(255,255,255,.42);}
.fc-lead-form input:focus{
	border-color:#ed1c24;
	background:rgba(255,255,255,.1);
	}
.fc-lead-hp{
	position:absolute !important;
	left:-9999px !important;
	opacity:0 !important;
	height:0 !important;
	width:0 !important;
	pointer-events:none !important;
	}
.fc-lead-submit{
	width:100%;
	height:50px;
	min-height:48px;
	border:0;
	border-radius:10px;
	background:#ed1c24;
	color:#fff;
	font-family:'Inter', 'Poppins', system-ui, sans-serif;
	font-size:15px;
	font-weight:700;
	letter-spacing:.02em;
	cursor:pointer;
	transition:background .2s ease, transform .15s ease;
	-webkit-tap-highlight-color:transparent;
	}
.fc-lead-submit:hover{ background:#d41820;}
.fc-lead-submit:disabled{
	opacity:.7;
	cursor:wait;
	}
.fc-lead-submit:active{ transform:scale(.98);}
.fc-lead-dismiss{
	display:none;
	width:100%;
	height:46px;
	min-height:44px;
	margin-top:auto;
	border:0;
	border-radius:10px;
	background:transparent;
	color:rgba(255,255,255,.72);
	font-family:'Inter', 'Poppins', system-ui, sans-serif;
	font-size:15px;
	font-weight:600;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	}
.fc-lead-dismiss:hover{ color:#fff;}
.fc-lead-dismiss:active{ opacity:.8;}
.fc-lead-drag-handle{
	display:none;
	}
.fc-lead-fineprint{
	margin:4px 0 0;
	font-size:11px;
	line-height:1.4;
	color:rgba(255,255,255,.45);
	}
.fc-lead-fineprint a{
	color:rgba(255,255,255,.65);
	text-decoration:underline;
	}
.fc-lead-message{
	display:none;
	padding:12px 14px;
	border-radius:10px;
	font-size:13px;
	line-height:1.45;
	margin-bottom:4px;
	}
.fc-lead-message.is-error{
	display:block;
	background:rgba(237,28,36,.15);
	border:1px solid rgba(237,28,36,.35);
	color:#fca5a5;
	}

/* Form → success transition */
.fc-lead-form-view{
	transition:opacity .28s ease, transform .28s ease;
	}
.fc-lead-form-view.is-leaving{
	opacity:0;
	transform:translateY(8px);
	}
.fc-lead-success-view{
	display:none;
	flex-direction:column;
	align-items:center;
	text-align:center;
	padding:12px 8px 8px;
	}
.fc-lead-success-view.is-active{
	display:flex;
	animation:fcLeadSuccessIn .5s cubic-bezier(.2,.8,.2,1) both;
	}
.fc-lead-modal.is-success .fc-lead-media{
	height:120px;
	transition:height .35s ease;
	}
.fc-lead-success-check{
	width:72px;
	height:72px;
	margin:0 0 18px;
	}
.fc-lead-success-svg{
	width:72px;
	height:72px;
	display:block;
	}
.fc-lead-success-circle{
	stroke:#22c55e;
	stroke-width:2.5;
	stroke-dasharray:160;
	stroke-dashoffset:160;
	animation:fcLeadCircle .55s ease-out .1s forwards;
	}
.fc-lead-success-tick{
	stroke:#22c55e;
	stroke-width:3;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-dasharray:48;
	stroke-dashoffset:48;
	animation:fcLeadTick .4s ease-out .45s forwards;
	}
.fc-lead-success-title{
	font-size:34px;
	margin-bottom:10px;
	}
.fc-lead-success-text{
	max-width:340px;
	margin-bottom:22px;
	}
.fc-lead-success-close{
	max-width:220px;
	width:100%;
	}
@keyframes fcLeadSuccessIn{
	from{ opacity:0; transform:translateY(14px) scale(.96);}
	to{ opacity:1; transform:translateY(0) scale(1);}
	}
@keyframes fcLeadCircle{
	to{ stroke-dashoffset:0;}
	}
@keyframes fcLeadTick{
	to{ stroke-dashoffset:0;}
	}

/* Floating side tab — reopen after dismiss */
.fc-lead-tab{
	position:fixed;
	right:0;
	right:env(safe-area-inset-right, 0);
	top:50%;
	z-index:9990;
	transform:translate(110%, -50%);
	border:0;
	padding:0;
	background:#ed1c24;
	color:#fff;
	cursor:pointer;
	border-radius:10px 0 0 10px;
	box-shadow:-4px 6px 20px rgba(0,0,0,.28);
	transition:transform .35s cubic-bezier(.2,.8,.2,1), background .2s ease;
	font-family:'Inter', 'Poppins', system-ui, sans-serif;
	-webkit-tap-highlight-color:transparent;
	touch-action:manipulation;
	}
.fc-lead-tab.is-visible{
	transform:translate(0, -50%);
	}
.fc-lead-tab:hover{ background:#d41820;}
.fc-lead-tab-text{
	display:block;
	writing-mode:vertical-rl;
	text-orientation:mixed;
	transform:rotate(180deg);
	padding:18px 12px;
	font-size:13px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	white-space:nowrap;
	}

/* Tablet */
@media only screen and (max-width:1021px){
.fc-lead-overlay{
	padding:16px;
	padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
	}
.fc-lead-modal{
	max-width:480px;
	max-height:min(90vh, 880px);
	max-height:min(90dvh, 880px);
	}
.fc-lead-media{ height:160px;}
.fc-lead-content{ padding:8px 24px 24px;}
.fc-lead-title{ font-size:30px;}
}

/* Hide reCAPTCHA v3 floating badge (attribution is in the form fineprint) */
.grecaptcha-badge{
	visibility:hidden !important;
	opacity:0 !important;
	pointer-events:none !important;
	width:0 !important;
	height:0 !important;
	overflow:hidden !important;
	}

/* Mobile phones — full-screen sheet sliding up from bottom */
@media only screen and (max-width:767px){
.fc-lead-overlay{
	align-items:stretch;
	justify-content:stretch;
	padding:0;
	}
.fc-lead-overlay.is-open .fc-lead-modal{
	transform:translateY(0);
	}
.fc-lead-overlay.is-open .fc-lead-modal.is-dragging{
	transition:none;
	}
.fc-lead-modal{
	max-width:none;
	width:100%;
	height:100%;
	height:100dvh;
	max-height:none;
	border-radius:0;
	transform:translateY(100%);
	box-shadow:none;
	touch-action:pan-y;
	}
.fc-lead-drag-handle{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	height:22px;
	padding-top:max(6px, env(safe-area-inset-top, 6px));
	cursor:grab;
	}
.fc-lead-drag-handle span{
	display:block;
	width:42px;
	height:5px;
	border-radius:999px;
	background:rgba(255,255,255,.28);
	}
.fc-lead-body{
	flex:1 1 auto;
	min-height:0;
	}
.fc-lead-close{
	top:max(10px, env(safe-area-inset-top, 10px));
	right:max(10px, env(safe-area-inset-right, 10px));
	width:44px;
	height:44px;
	background:rgba(0,0,0,.55);
	}
.fc-lead-media{
	height:clamp(100px, 22vh, 180px);
	height:clamp(100px, 22dvh, 180px);
	}
.fc-lead-content{
	flex:1 1 auto;
	min-height:0;
	padding:8px 18px calc(12px + env(safe-area-inset-bottom, 0px));
	justify-content:flex-start;
	}
.fc-lead-form-view{
	flex:0 0 auto;
	}
.fc-lead-badge{
	margin-bottom:10px;
	padding:5px 10px;
	font-size:10px;
	}
.fc-lead-title{
	font-size:26px;
	line-height:1.08;
	margin-bottom:8px;
	}
.fc-lead-text{
	font-size:14px;
	line-height:1.45;
	margin-bottom:14px;
	}
.fc-lead-form{ gap:10px;}
.fc-lead-form input[type="email"],
.fc-lead-form input[type="text"],
.fc-lead-form input[type="tel"]{
	height:50px;
	padding:0 14px;
	font-size:16px;
	border-radius:10px;
	}
.fc-lead-submit{
	height:52px;
	font-size:16px;
	margin-top:4px;
	}
.fc-lead-dismiss{
	display:block;
	margin-top:auto;
	padding-top:8px;
	}
.fc-lead-modal.is-success .fc-lead-dismiss{
	display:none;
	}
.fc-lead-fineprint{
	font-size:11px;
	line-height:1.4;
	padding-bottom:4px;
	}
.fc-lead-fineprint a{
	color:rgba(255,255,255,.65);
	text-decoration:underline;
	}
.fc-lead-success-view.is-active{
	flex:1;
	justify-content:center;
	padding:24px 12px;
	}
.fc-lead-success-check,
.fc-lead-success-svg{
	width:72px;
	height:72px;
	}
.fc-lead-success-check{ margin-bottom:16px;}
.fc-lead-success-title{ font-size:28px;}
.fc-lead-success-text{
	font-size:14px;
	margin-bottom:20px;
	max-width:100%;
	}
.fc-lead-success-close{ max-width:100%;}
.fc-lead-modal.is-success .fc-lead-media{
	height:clamp(72px, 14vh, 110px);
	height:clamp(72px, 14dvh, 110px);
	}
.fc-lead-tab{
	top:auto;
	bottom:max(88px, calc(72px + env(safe-area-inset-bottom, 0px)));
	transform:translateX(110%);
	}
.fc-lead-tab.is-visible{
	transform:translateX(0);
	}
.fc-lead-tab-text{
	padding:14px 11px;
	font-size:11px;
	letter-spacing:.05em;
	}
}

/* Very small phones */
@media only screen and (max-width:380px){
.fc-lead-media{
	height:clamp(88px, 18vh, 130px);
	height:clamp(88px, 18dvh, 130px);
	}
.fc-lead-title{ font-size:23px;}
.fc-lead-text{ font-size:13px; margin-bottom:12px;}
.fc-lead-content{ padding:6px 14px calc(16px + env(safe-area-inset-bottom, 0px));}
.fc-lead-modal.is-success .fc-lead-media{
	height:clamp(64px, 12vh, 90px);
	height:clamp(64px, 12dvh, 90px);
	}
}

/* Short / landscape phones */
@media only screen and (max-width:767px) and (max-height:500px){
.fc-lead-media{
	height:72px;
	}
.fc-lead-modal.is-success .fc-lead-media{ height:56px;}
.fc-lead-title{ font-size:22px;}
.fc-lead-text{ margin-bottom:8px; font-size:12px;}
.fc-lead-success-check,
.fc-lead-success-svg{
	width:52px;
	height:52px;
	}
}