/**
 * ForgeCommerce JF 0.16.0 — professional commercial homepage.
 */

.jf-home{
	--jf-ink:#0e1416;
	--jf-ink-soft:#172126;
	--jf-paper:#f7f8f3;
	--jf-white:#fff;
	--jf-muted:#65706d;
	--jf-line:#dfe4dc;
	--jf-lime:var(--fc-accent,#b8ff24);
	background:var(--jf-paper);
	color:var(--jf-ink);
	overflow:clip;
}

.jf-home *{box-sizing:border-box}

.jf-home a:focus-visible,
.jf-home summary:focus-visible{
	outline:3px solid var(--jf-lime);
	outline-offset:4px;
}

.jf-home h1,
.jf-home h2,
.jf-home h3,
.jf-home strong{
	font-family:var(--fc-font-heading,inherit);
}

.jf-home p{line-height:1.65}

.jf-kicker{
	display:flex;
	align-items:center;
	gap:.7rem;
	margin:0 0 1rem;
	font-size:.76rem;
	font-weight:900;
	letter-spacing:.13em;
	text-transform:uppercase;
}

.jf-kicker::before{
	content:"";
	width:28px;
	height:4px;
	border-radius:999px;
	background:var(--jf-lime);
}

.jf-kicker.is-light{color:rgba(255,255,255,.78)}

.jf-home-hero{
	position:relative;
	min-height:clamp(640px,calc(100svh - 120px),820px);
	display:grid;
	align-items:center;
	background:#080b0d;
	color:#fff;
}

.jf-home-hero-media,
.jf-home-hero-shade{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
}

.jf-home-hero-media{
	object-fit:cover;
	object-position:center;
	filter:saturate(.78) contrast(1.04);
}

.jf-home-hero-shade{
	background:
		linear-gradient(90deg,rgba(5,8,10,.98) 0%,rgba(5,8,10,.91) 38%,rgba(5,8,10,.62) 63%,rgba(5,8,10,.34) 100%),
		linear-gradient(0deg,rgba(5,8,10,.7),transparent 40%);
}

.jf-home-hero-grid{
	position:relative;
	z-index:1;
	width:100%;
	display:grid;
	grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
	gap:clamp(2rem,6vw,6rem);
	align-items:end;
	padding-block:clamp(3.6rem,6vw,5.8rem) clamp(3rem,5vw,4.6rem);
}

.jf-home-hero-copy{max-width:850px}

.jf-home-hero h1{
	max-width:14ch;
	margin:0 0 1.4rem;
	font-size:clamp(2.8rem,4.4vw,5rem);
	line-height:1.02;
	letter-spacing:-.028em;
	font-weight:900;
}

.jf-home-lead{
	max-width:62ch;
	margin:0 0 1.65rem;
	font-size:clamp(1.08rem,1.45vw,1.28rem);
	color:rgba(255,255,255,.76);
}

.jf-home-actions{
	display:flex;
	flex-wrap:wrap;
	gap:.75rem;
}

.jf-button-ghost{
	border:1px solid rgba(255,255,255,.48);
	background:rgba(255,255,255,.07);
	color:#fff;
	backdrop-filter:blur(10px);
}

.jf-button-ghost:hover{
	background:#fff;
	border-color:#fff;
	color:var(--jf-ink);
}

.jf-home-proof{
	display:flex;
	flex-wrap:wrap;
	gap:.55rem 1.15rem;
	margin:1.55rem 0 0;
	padding:0;
	list-style:none;
	font-size:.84rem;
	color:rgba(255,255,255,.68);
}

.jf-home-proof li::before{
	content:"✓";
	margin-right:.42rem;
	color:var(--jf-lime);
	font-weight:900;
}

.jf-home-start-card{
	align-self:end;
	border:1px solid rgba(255,255,255,.16);
	border-radius:26px;
	background:rgba(9,13,15,.79);
	box-shadow:0 30px 80px rgba(0,0,0,.28);
	backdrop-filter:blur(18px);
	overflow:hidden;
}

.jf-home-start-label{
	margin:0;
	padding:1.15rem 1.25rem;
	border-bottom:1px solid rgba(255,255,255,.14);
	font-size:.72rem;
	font-weight:900;
	letter-spacing:.13em;
	text-transform:uppercase;
	color:rgba(255,255,255,.55);
}

.jf-home-start-card>a{
	display:grid;
	grid-template-columns:38px minmax(0,1fr) auto;
	gap:.8rem;
	align-items:center;
	padding:1.15rem 1.25rem;
	border-bottom:1px solid rgba(255,255,255,.12);
	color:#fff;
	text-decoration:none;
	transition:background .18s ease,color .18s ease;
}

.jf-home-start-card>a:last-child{border-bottom:0}
.jf-home-start-card>a:hover{background:var(--jf-lime);color:var(--jf-ink)}

.jf-home-start-no{
	display:grid;
	place-items:center;
	width:34px;
	height:34px;
	border:1px solid currentColor;
	border-radius:50%;
	font-size:.65rem;
	font-weight:900;
}

.jf-home-start-card strong,
.jf-home-start-card small{display:block}
.jf-home-start-card strong{font-size:1rem;line-height:1.2}
.jf-home-start-card small{margin-top:.28rem;font-size:.76rem;line-height:1.35;opacity:.65}

.jf-home-trust{
	position:relative;
	z-index:2;
	background:var(--jf-lime);
}

.jf-home-trust-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
}

.jf-home-trust-grid>div{
	min-height:102px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:1rem 1.35rem;
	border-left:1px solid rgba(14,20,22,.2);
}

.jf-home-trust-grid>div:last-child{border-right:1px solid rgba(14,20,22,.2)}
.jf-home-trust-grid strong{font-size:1rem;font-weight:900}
.jf-home-trust-grid span{margin-top:.15rem;font-size:.8rem;opacity:.72}

.jf-home-section{padding-block:clamp(4.75rem,8vw,8.25rem)}

.jf-section-heading{
	max-width:900px;
	margin-bottom:clamp(2.1rem,4vw,4rem);
}

.jf-section-heading h2,
.jf-home-value h2,
.jf-home-final-cta h2{
	max-width:16ch;
	margin:0 0 1rem;
	font-size:clamp(2.15rem,4vw,4rem);
	line-height:1.03;
	letter-spacing:-.026em;
	font-weight:900;
}

.jf-section-heading>p:last-child{
	max-width:66ch;
	margin:0;
	font-size:clamp(1rem,1.35vw,1.16rem);
	color:var(--jf-muted);
}

.jf-section-heading.is-light h2{color:#fff}
.jf-section-heading.is-light>p:last-child{color:rgba(255,255,255,.62)}

.jf-audience-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:1rem;
}

.jf-audience-card{
	position:relative;
	min-height:470px;
	display:flex;
	flex-direction:column;
	padding:clamp(1.5rem,2.8vw,2.25rem);
	border:1px solid var(--jf-line);
	border-radius:30px;
	background:#fff;
	color:var(--jf-ink);
	text-decoration:none;
	box-shadow:0 1px 1px rgba(14,20,22,.03),0 20px 55px rgba(14,20,22,.055);
	overflow:hidden;
	transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.jf-audience-card:hover{
	transform:translateY(-7px);
	border-color:#bdc5bb;
	box-shadow:0 28px 70px rgba(14,20,22,.14);
}

.jf-audience-card.is-dark{background:var(--jf-ink-soft);border-color:var(--jf-ink-soft);color:#fff}
.jf-audience-card.is-lime{background:var(--jf-lime);border-color:var(--jf-lime)}

.jf-audience-tag{
	align-self:flex-start;
	padding:.42rem .68rem;
	border:1px solid currentColor;
	border-radius:999px;
	font-size:.68rem;
	font-weight:900;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.jf-audience-mark{
	position:absolute;
	top:1.3rem;
	right:1.4rem;
	font-size:clamp(3.2rem,6vw,6.5rem);
	font-weight:900;
	line-height:1;
	letter-spacing:-.08em;
	opacity:.08;
}

.jf-audience-card h3{
	max-width:11ch;
	margin:auto 0 1rem;
	font-size:clamp(1.7rem,2.5vw,2.5rem);
	line-height:1.05;
	letter-spacing:-.022em;
}

.jf-audience-card p{
	max-width:44ch;
	margin:0 0 1.2rem;
	opacity:.72;
}

.jf-arrow-link{
	font-size:.82rem;
	font-weight:900;
}

.jf-home-families{background:#fff}

.jf-family-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	border-top:1px solid var(--jf-line);
	border-left:1px solid var(--jf-line);
}

.jf-family-card{
	min-height:300px;
	display:flex;
	flex-direction:column;
	padding:1.65rem;
	border-right:1px solid var(--jf-line);
	border-bottom:1px solid var(--jf-line);
	color:var(--jf-ink);
	text-decoration:none;
	transition:background .18s ease,transform .18s ease;
}

.jf-family-card:hover{background:#f3f6ed;transform:translateY(-2px)}
.jf-family-card>span{font-size:.68rem;font-weight:900;color:#778078}
.jf-family-card h3{margin:auto 0 .65rem;font-size:clamp(1.55rem,2.4vw,2.35rem);letter-spacing:-.035em}
.jf-family-card p{margin:0;color:var(--jf-muted);font-size:.92rem}

.jf-centered-action{text-align:center;margin:2.2rem 0 0}

.jf-home-products{background:#eef1ea}

.jf-product-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:1rem;
}

.jf-product-card{
	display:block;
	border-radius:22px;
	background:#fff;
	color:var(--jf-ink);
	text-decoration:none;
	overflow:hidden;
	box-shadow:0 12px 30px rgba(14,20,22,.06);
	transition:transform .18s ease,box-shadow .18s ease;
}

.jf-product-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(14,20,22,.13)}

.jf-product-card-media{
	aspect-ratio:1/1;
	display:grid;
	place-items:center;
	background:#f3f5ef;
	overflow:hidden;
}

.jf-product-card-media img{
	width:100%;
	height:100%;
	object-fit:contain;
	transition:transform .25s ease;
}

.jf-product-card:hover .jf-product-card-media img{transform:scale(1.035)}

.jf-product-card-body{display:block;padding:1.15rem 1.2rem 1.3rem}
.jf-product-card-body strong{display:block;font-size:1rem;line-height:1.3}
.jf-product-card-body small{display:block;margin-top:.35rem;color:var(--jf-muted);font-size:.78rem}
.jf-product-card-link{display:block;margin-top:.9rem;font-size:.78rem;font-weight:900}

.jf-home-personalize{
	background:var(--jf-ink-soft);
	color:#fff;
}

.jf-home-personalize-grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);
	gap:clamp(2rem,6vw,6rem);
	align-items:start;
}

.jf-tech-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	border-top:1px solid rgba(255,255,255,.16);
	border-left:1px solid rgba(255,255,255,.16);
}

.jf-tech-card{
	min-height:210px;
	display:flex;
	flex-direction:column;
	padding:1.4rem;
	border-right:1px solid rgba(255,255,255,.16);
	border-bottom:1px solid rgba(255,255,255,.16);
}

.jf-tech-card>span{font-size:.7rem;font-weight:900;color:var(--jf-lime);letter-spacing:.08em}
.jf-tech-card strong{margin:auto 0 .5rem;font-size:1.35rem}
.jf-tech-card small{color:rgba(255,255,255,.6);line-height:1.45}

.jf-text-link{
	display:inline-flex;
	gap:.45rem;
	align-items:center;
	margin-top:1.2rem;
	font-weight:900;
	text-decoration:none;
}
.jf-text-link.is-light{color:#fff}
.jf-text-link:hover span{transform:translateX(3px)}
.jf-text-link span{transition:transform .18s ease}

.jf-process-layout{
	display:grid;
	grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
	gap:clamp(2rem,7vw,7rem);
	align-items:start;
}

.jf-process-list{
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid var(--jf-line);
}

.jf-process-list li{
	display:grid;
	grid-template-columns:64px minmax(0,1fr);
	gap:1rem;
	padding:1.35rem 0;
	border-bottom:1px solid var(--jf-line);
}

.jf-process-list li>span{font-size:.7rem;font-weight:900;color:#737c75}
.jf-process-list strong{display:block;font-size:1.25rem}
.jf-process-list p{margin:.35rem 0 0;color:var(--jf-muted)}

.jf-home-value{background:var(--jf-lime)}
.jf-value-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:clamp(2rem,7vw,7rem)}
.jf-value-main p{max-width:65ch;margin:0 0 1.4rem}
.jf-value-points{border-top:1px solid rgba(14,20,22,.25)}
.jf-value-point{padding:1.2rem 0;border-bottom:1px solid rgba(14,20,22,.25)}
.jf-value-point strong{font-size:1.08rem}
.jf-value-point p{margin:.32rem 0 0;font-size:.9rem;opacity:.72}

.jf-home-local{background:#fff}
.jf-local-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:clamp(2rem,7vw,7rem);align-items:center}

.jf-local-map-card{
	position:relative;
	min-height:390px;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	align-content:center;
	gap:.7rem;
	padding:2rem;
	border:1px solid var(--jf-line);
	border-radius:30px;
	background:
		radial-gradient(circle at 72% 18%,rgba(184,255,36,.3),transparent 28%),
		linear-gradient(145deg,#f6f8f2,#e9eee5);
	overflow:hidden;
}

.jf-local-map-card::before{
	content:"";
	position:absolute;
	inset:12% 8%;
	border:1px dashed rgba(14,20,22,.18);
	border-radius:42% 58% 55% 45%;
	transform:rotate(-8deg);
}

.jf-local-map-card span{
	position:relative;
	z-index:1;
	padding:.78rem .9rem;
	border:1px solid rgba(14,20,22,.16);
	border-radius:999px;
	background:rgba(255,255,255,.82);
	font-size:.8rem;
	font-weight:800;
	text-align:center;
	box-shadow:0 8px 18px rgba(14,20,22,.05);
}

.jf-local-map-card .jf-local-origin{background:var(--jf-ink);color:#fff;border-color:var(--jf-ink)}
.jf-local-map-card .jf-local-country{grid-column:1/-1;background:var(--jf-lime);border-color:var(--jf-lime)}

.jf-home-faq-section{background:#f1f3ed}
.jf-faq-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2rem,7vw,7rem)}
.jf-faq-list{border-top:1px solid var(--jf-line)}
.jf-faq-list details{border-bottom:1px solid var(--jf-line);padding:1rem 0}
.jf-faq-list summary{cursor:pointer;list-style:none;font-size:1.05rem;font-weight:900;padding:.35rem 2.2rem .35rem 0;position:relative}
.jf-faq-list summary::-webkit-details-marker{display:none}
.jf-faq-list summary::after{content:"+";position:absolute;right:.2rem;top:.2rem;font-size:1.55rem;font-weight:400}
.jf-faq-list details[open] summary::after{content:"−"}
.jf-faq-list p{margin:.65rem 0 .2rem;max-width:65ch;color:var(--jf-muted)}

.jf-home-final-cta{
	padding-block:clamp(4.5rem,7vw,7rem);
	background:#070a0c;
	color:#fff;
}

.jf-final-grid{
	display:grid;
	grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
	gap:clamp(2rem,6vw,6rem);
	align-items:end;
}

.jf-home-final-cta h2{max-width:15ch;margin-bottom:0}
.jf-final-actions{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}
.jf-final-actions .fc-button{justify-content:center;text-align:center}
.jf-final-whatsapp{margin-top:.25rem;color:rgba(255,255,255,.68);font-size:.82rem;font-weight:800;text-decoration:none;text-align:center}
.jf-final-whatsapp:hover{color:#fff}

.jf-reveal{opacity:1;transform:none}
.jf-reveal-ready .jf-reveal:not(.is-visible){opacity:0;transform:translateY(18px)}
.jf-reveal-ready .jf-reveal{transition:opacity .45s ease var(--jf-reveal-delay,0ms),transform .45s ease var(--jf-reveal-delay,0ms)}
.jf-reveal-ready .jf-reveal.is-visible{opacity:1;transform:none}

@media (max-width:1100px){
	.jf-home-hero-grid{grid-template-columns:1fr;align-items:end}
	.jf-home-hero-copy{max-width:820px}
	.jf-home-start-card{max-width:650px}
	.jf-audience-grid{grid-template-columns:1fr 1fr}
	.jf-audience-card:last-child{grid-column:1/-1;min-height:360px}
	.jf-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.jf-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.jf-home-personalize-grid,
	.jf-process-layout,
	.jf-value-grid,
	.jf-local-grid,
	.jf-faq-layout{grid-template-columns:1fr}
	.jf-section-heading{max-width:820px}
}

@media (max-width:760px){
	.jf-home-hero{min-height:auto}
	.jf-home-hero-shade{background:linear-gradient(180deg,rgba(5,8,10,.46),rgba(5,8,10,.96) 55%,rgba(5,8,10,1) 100%)}
	.jf-home-hero-media{object-position:62% center}
	.jf-home-hero-grid{padding-block:6.2rem 3rem;gap:1.75rem}
	.jf-home-hero h1{font-size:clamp(2.65rem,11.5vw,4rem);max-width:11.5ch}
	.jf-home-lead{font-size:1rem}
	.jf-home-actions{display:grid;grid-template-columns:1fr}
	.jf-home-actions .fc-button{width:100%;justify-content:center}
	.jf-home-proof{display:grid;gap:.45rem}
	.jf-home-start-card{border-radius:20px}
	.jf-home-start-card>a{padding:1rem}
	.jf-home-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.jf-home-trust-grid>div{min-height:86px;border-bottom:1px solid rgba(14,20,22,.18)}
	.jf-home-trust-grid>div:nth-child(odd){border-left:0}
	.jf-home-trust-grid>div:last-child{border-right:0}
	.jf-home-section{padding-block:4.2rem}
	.jf-section-heading h2,
	.jf-home-value h2,
	.jf-home-final-cta h2{font-size:clamp(2.05rem,9vw,3.2rem);max-width:14ch}
	.jf-audience-grid{grid-template-columns:1fr}
	.jf-audience-card,
	.jf-audience-card:last-child{grid-column:auto;min-height:385px;border-radius:22px}
	.jf-family-grid{grid-template-columns:1fr}
	.jf-family-card{min-height:230px}
	.jf-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
	.jf-product-card{border-radius:16px}
	.jf-product-card-body{padding:.9rem}
	.jf-product-card-body strong{font-size:.9rem}
	.jf-tech-grid{grid-template-columns:1fr}
	.jf-tech-card{min-height:160px}
	.jf-process-list li{grid-template-columns:44px 1fr}
	.jf-local-map-card{min-height:340px;padding:1.2rem;border-radius:22px}
	.jf-final-grid{grid-template-columns:1fr;align-items:start}
	.jf-final-actions{width:100%}
}

@media (max-width:430px){
	.jf-product-grid{grid-template-columns:1fr 1fr}
	.jf-product-card-body small{font-size:.72rem}
}

@media (prefers-reduced-motion:reduce){
	.jf-home *,
	.jf-home *::before,
	.jf-home *::after{scroll-behavior:auto;transition:none}
	.jf-reveal-ready .jf-reveal:not(.is-visible){opacity:1;transform:none}
}
